From: Snapshot-Content-Location: https://docs.google.com/document/d/1TeMqcFpswMSBk-IxnXrz5S6gN_oKpOC7s1miIa2UggM/edit?tab=t.0 Subject: Meeting Minutes Sept 9, 2026 - Google Docs Date: Tue, 27 Oct 2026 22:52:35 GMT MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h----" ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.google.com/document/d/1TeMqcFpswMSBk-IxnXrz5S6gN_oKpOC7s1miIa2UggM/edit?tab=t.0 <= meta http-equiv=3D"X-UA-Compatible" content=3D"IE=3Dedge;">Meeting Minutes Sept 9, 2026 - Google Docs<= link rel=3D"chrome-webstore-item" href=3D"https://chrome.google.com/webstor= e/detail/apdfllckaahabafndbhieahigkjlhalf">
=
Meeting Minutes S= ept 9, 2026
 
 
=  
&= nbsp;
 
 
=
=
&nb= sp;
 
 
 
 
<= div class=3D"goog-inline-block">
=
 
0
 
 
 Share
3D""
File
Edit
View
In= sert
Format
Tools
Extensions
Help
Ac= cessibility
Debug
 
 
Unsaved changes to Drive
=
 
 
 
=
 
 
 
=
 
 
Normal text
<= div class=3D"docs-icon goog-inline-block " style=3D"user-select: none;"> 
<= /div>
 =
<= div class=3D"docs-toolbar-small-separator goog-toolbar-separator goog-inlin= e-block" id=3D"fontFamilySelectSeparator" aria-disabled=3D"true" role=3D"se= parator" aria-hidden=3D"false" style=3D"user-select: none;"> 
Arial
 
 
 
&nb= sp;
&= nbsp;
 =
 
&nb= sp;
=
 
 
&= nbsp;
 
=
 
<= div class=3D"goog-toolbar-menu-button-inner-box goog-inline-block" style=3D= "user-select: none;">
 
 
 
 
Accessibility
 
&= nbsp;
<= div class=3D"docs-icon-img-container docs-icon-img docs-icon-up" aria-hidde= n=3D"true" style=3D"user-select: none;"> 
<= div class=3D"goog-toolbar-button-outer-box goog-inline-block" aria-hidden= =3D"true" style=3D"user-select: none;">
 
Editing
 
 
 
<= div class=3D"companion-app-switcher-separator" role=3D"separator" style=3D"= user-select: none;" aria-hidden=3D"false" aria-disabled=3D"true" id=3D"25i9= 67:p0">
=
Back
Close side sheet
Meet
=
9
=
8
7
6
5
4
3<= /div>
2
=
1
1
<= div class=3D"docs-ruler-face-major-division docs-ruler-division-active" sty= le=3D"left: 1008px;">
2
<= /div>
3
4
=
5
=
6
<= /div>
=
7
8
=
<= /div>
<= div class=3D"docs-icon goog-inline-block docs-ruler-indent-first-line docs-= material" aria-hidden=3D"true" style=3D"left: 93px;">
=
<= div class=3D"kix-discussion-plugin kix-discussion-plugin-vertical docs-ui-u= nprintable" dir=3D"ltr" style=3D"text-align: left; left: 1118px; top: 15px;= ">
=
11
<= /div>
<= div class=3D"docs-ruler-face-minor-division" style=3D"top: 60px;">
10
=
9
8
7
6
5
=
=
<= /div>
4
3
2
1
1
2
=
=
3
4
<= div class=3D"docs-ruler-face-minor-division docs-ruler-division-active" sty= le=3D"top: 1452px;">
<= /div>
5
=
6
7
8
9
=
10
 
Outline=
= Outline
Document tabs
 
 
 
 
=
Tab 1
0
 
Headings you add to the document will appear here= .
 
=
= Changes by
Google Account
Justine Torok
inf= o@pembinapirates.com
<= div class=3D"goog-toolbar goog-toolbar-horizontal docs-material docs-toolba= r-more-toolbar docs-main-toolbars" docs-stickyfocus=3D"true" role=3D"toolba= r" tabindex=3D"0" style=3D"user-select: none;">
 
 =
 
 
&nb= sp;
 
 
 
 
=
 
 
 
 
 
 
<= /div>
 
 
&nb= sp;
=
 
=
 
 
 
=
 
 
 
 
=
&nb= sp;
 
 <= /div>
=
 
=
 
<= div class=3D"goog-toolbar-menu-button-caption goog-inline-block" style=3D"u= ser-select: none;">
 =
 
 
 
 
&n= bsp;
Image options
 
<= div class=3D"goog-toolbar-menu-button-caption goog-inline-block" style=3D"u= ser-select: none;">Replace image
<= div class=3D"docs-icon goog-inline-block " style=3D"user-select: none;"> 
<= /div>
 
Table options
Afrikaans
Az=C9=99rbaycan
Bahasa Indonesia
Bahasa Melayu
Catal=C3=A0=
=C4=8Ce=C5=A1tina
Cymraeg
= Dansk
Deuts= ch
Schweizer Hochdeutsch
Eesti
=
=
English (Canada)
English (United Kingdom)
English (United States)
Espa=C3=B1ol
Espa=C3=B1ol (Latinoam=C3=A9rica)
=
=
Euskara
Filipino
Fran=C3=A7ais
Fran=C3=A7ais (Canada)
Galego
Hrvatski
I= sizulu
=C3=8Dslenska
Italiano
= Kiswahili
L= atvie=C5=A1u
Lietuvi=C5=B3
Magyar
=
=
Malti
Nederlands
Norsk (Nynorsk)
Norsk (Bokm=C3=A5l)
O=CA=BBzbek
Polski
= Portugu=C3=AAs (Brasil)
Po= rtugu=C3=AAs (Portugal)
Rom= =C3=A2n=C4=83
Shqip
Sloven=C4=8Dina
=
=
Sloven=C5=A1=C4=8Dina
= Suomi
Svens= ka
Ti=E1=BA=BFng Vi=E1=BB=87t=
T=C3=BCrk=C3=A7e
=E1=80=99=E1=80=BC=E1=80=94=E1=80=BA=E1= =80=99=E1=80=AC=E1=80=85=E1=80=AC
=D0=B1=D0=B5=D0=BB=D0=B0=D1=80=D1=83=D1=81=D0=BA=D0=B0=D1=8F
=D0=91=D1=8A=D0=BB=D0=B3=D0=B0=D1=80= =D1=81=D0=BA=D0=B8
=D2=9A=D0= =B0=D0=B7=D0=B0=D2=9B
=D0=9C= =D0=B0=D0=BA=D0=B5=D0=B4=D0=BE=D0=BD=D1=81=D0=BA=D0=B8
=D0=9C=D0=BE=D0=BD=D0=B3=D0=BE=D0=BB
=
=D0=A0=D1=83=D1=81=D1=81=D0=BA=D0=B8=D0= =B9
=D0=A1=D1=80=D0=BF=D1= =81=D0=BA=D0=B8
=D0=A3=D0= =BA=D1=80=D0=B0=D1=97=D0=BD=D1=81=D1=8C=D0=BA=D0=B0
=
=
=CE=95=CE=BB=CE=BB=CE=B7=CE=BD=CE=B9=CE=BA=CE=AC
=D5=B0=D5=A1=D5=B5=D5=A5=D6=80= =D5=A5=D5=B6
=D7=A2=D7=91=D7= =A8=D7=99=D7=AA
=D8=A7=D8= =B1=D8=AF=D9=88
=D8=A7=D9= =84=D8=B9=D8=B1=D8=A8=D9=8A=D8=A9
=D9=81=D8=A7=D8=B1=D8=B3=DB=8C
=E0=A4=A8=E0=A5=87=E0=A4=AA=E0=A4=BE=E0=A4=B2=E0=A5=80
=
=E0=A4=AE=E0=A4=B0=E0=A4=BE=E0=A4=A0=E0= =A5=80
=E0=A4=B9=E0=A4=BF=E0= =A4=A8=E0=A5=8D=E0=A4=A6=E0=A5=80
=E0=A6=AC=E0=A6=BE=E0=A6=82=E0=A6=B2=E0=A6=BE
=
=
=E0=A8=AA=E0=A9=B0=E0=A8=9C=E0=A8=BE=E0=A8=AC=E0=A9= =80
=E0=A6=85=E0=A6=B8=E0= =A6=AE=E0=A7=80=E0=A6=AF=E0=A6=BC=E0=A6=BE
=E0=AA=97=E0=AB=81=E0=AA=9C=E0=AA=B0=E0=AA=BE=E0=AA=A4=E0=AB= =80
=E0=AE=A4=E0=AE=AE=E0= =AE=BF=E0=AE=B4=E0=AF=8D
=E0= =B0=A4=E0=B1=86=E0=B0=B2=E0=B1=81=E0=B0=97=E0=B1=81
=
=
=E0=B2=95=E0=B2=A8=E0=B3=8D=E0=B2=A8=E0=B2=A1
=E0=B4=AE=E0=B4=B2=E0=B4=AF=E0=B4= =BE=E0=B4=B3=E0=B4=82
=E0=B7= =83=E0=B7=92=E0=B6=82=E0=B7=84=E0=B6=BD
=E0=B9=84=E0=B8=97=E0=B8=A2
=E0=BA=A5=E0=BA=B2=E0=BA=A7
=E1=83=A5=E1=83=90=E1=83=A0=E1=83=97=E1=83=A3=E1=83=9A=E1=83=90= =E1=83=93
=E1=8A=A0=E1=88= =9B=E1=88=AD=E1=8A=9B
=E1=9E= =81=E1=9F=92=E1=9E=98=E1=9F=82=E1=9E=9A
=E0=AC=93=E0=AC=A1=E0=AC=BC=E0=AC=BF=E0=AC=86
=
=E4=B8=AD=E6=96=87=EF=BC=88=E4=B8=AD=E5=9B= =BD=EF=BC=89
=E4=B8=AD=E6= =96=87=EF=BC=88=E5=8F=B0=E7=81=A3=EF=BC=89
=E4=B8=AD=E6=96=87=EF=BC=88=E9=A6=99=E6=B8=AF=EF=BC=89
=E6=97=A5=E6=9C=AC=E8=AA=9E
=ED=95=9C=EA=B5=AD=EC=96=B4
New
=E2=96=BA
OpenCtrl+O
Make a copy
Save as Goog= le Docs(U)
= Share=E2=96=BA
Email=E2=96=BA
Download=E2=96=BA
Approvals(F2)
Unlock(J)
<= /div>
Record video=
(X)
<= /div>
Rename
M= ove
Add shortcut t= o Drive(,)
Move to trash
Version history=E2=96=BA
=
<= div class=3D"docs-icon-img-container docs-icon-img docs-icon-editors-ia-off= line-pin">
Make available offline
Details(B)
Security limitations
La= nguage
Page setup
Print preview
(A)
PrintCtrl+P<= /span>
=
Print(W)=E2=96=BA
UndoCtrl+Z
<= /div>RedoCtrl+Y
CutCtrl+X
CopyCtrl+C
Copy as Markdown(V)
PasteCtrl+V
<= span aria-label=3D"Paste without formatting o" class=3D"goog-menuitem-label= " style=3D"user-select: none;">Paste without formattingCtrl+Shift+V
<= div class=3D"goog-menuitem-content" style=3D"user-select: none;">
Paste from Markdown(Q)
=
Sel= ect Ctrl+A
D<= span class=3D"goog-menuitem-mnemonic-hint" style=3D"user-select: none;">elete
Find and replace= Ctrl+H
Mode= =E2= =96=BA
<= /div>Comments(D)=E2=96=BA
Expand tabs= & outlines sidebarCtrl+Alt+A Ct= rl+Alt+H
Collapse= tabs & outlines sidebarCtrl+Alt+A Ct= rl+Alt+H
Text width=E2=96=BA
=
Show print layout
Show ruler
<= div class=3D"goog-menuitem-content" style=3D"user-select: none;">
Show equation toolbar
Show non-printing charactersCtrl+Shift+= P
Show increased menu spaci= ng
Show markups=
Show variables at all times
Zoom=E2=96=BA
<= /div>
Full screen
Image=E2=96=BA
Cover image=E2=96=BA
Table=E2=96=BA
Bui= lding blocks=E2=96=BA
=
Smart c= hips(Z)=E2=96=BA
eSignature(F)
<= /div>
Link<= /span>Ctrl+K
Drawing=E2=96=BA
Chart(Q)= =E2=96=BA
Symbols=E2=96=BA
Equation
Tab(F11)Shift+F11
Horizontal line
Break=E2=96= =BA
Bookmark
Page elements
=E2=96=BA
CommentCtrl+Alt+M
<= div class=3D"docs-icon-img-container docs-icon-img docs-icon-text-ltr" styl= e=3D"user-select: none;">
Left-to= -right text
Right-to-left text
<= div class=3D"apps-hoverable-menu-separator-top" style=3D"user-select: none;= ">
Text(S)=E2=96=BA=
Paragraph= styles=E2=96=BA
= Align & indent=E2=96=BA
Line & paragraph spacing=E2=96=BA
Columns=E2=96=BA
<= div class=3D"docs-icon goog-inline-block goog-menuitem-icon" aria-hidden=3D= "true" style=3D"user-select: none;">
Bullets & numbering<= /span>=E2= =96=BA
Headers & footers=E2=96= =BA
=
Headers & footers
<= /div>
Page numbers
Page orientation(3)
Switch to Pages format(F10)
Switch to Pageless format(SEMICOLON)
=
Tab= le(2)=E2=96=BA
Image=E2=96=BA
Borders & lines(Q)=E2=96=BA
Clear formatting= Ctrl+\
=
Spelling and grammar= =E2=96=BA
Word countCtrl+Shift+C
Review suggested editsCtrl+Alt+O = Ctrl+Alt+U
=
Compare documents
Citat= ions(K)
eSignature(1)
=
Tasks(6)
Variables(7)
Line numbers(F1)
E= xploCtrl+Alt+Shift+I
=
Linked objects
DictionaryCtrl+Shift+Y
<= /div>
=
T= ranslate document
Voice = typingCtrl+Shift+S
=
<= /div>
Notification settings
Preferences
Accessibility
=
=
Activity dashboard(Z)
Activity dashboard
Add-on= s=E2= =96=BA
=
<= /div>Apps Script(E)
Search the menusAlt+/
=
=
Help
Training
Updates
Help Docs improve
Report(A)
Keybo= ard shortcutsCtrl+/
Verbalize to screen reader=E2=96=BA
=
Edits=E2=96=BA
Comments=E2=96=BA
=
Footnote=E2=96=BA
=
Headings=E2=96=BA
=
Graphics=E2=96=BA
List=E2=96=BA
= Link=E2=96=BA
Table<= /span>=E2= =96=BA
Section= =E2= =96=BA
Tabs=E2=96=BA
Misspelling=E2=96=BA
Formatting=E2=96= =BA
Bookmarks= =E2=96=BA
Show live editsCtrl+Alt+Shift+R
Upload from c= omputer
=
Search the web
Drive
Photos
Camera
By URL=
Turn on screen reader support<= /a>
To enable screen reader support, press Ctrl+Alt= +Z To learn about keyboard shortcuts, press Ctrl+slash
Comments
 
More fonts
Amatic SC
Arial
Ca= veat=E2=96=BA
<= div class=3D"goog-menuitem apps-menuitem goog-option goog-submenu docs-subm= enuitem" role=3D"menuitemcheckbox" aria-checked=3D"false" aria-haspopup=3D"= true" id=3D"25i967:fn" style=3D"user-select: none;">
Comfortaa=E2=96=BA
=
Comic Sans MS
Courier New
EB Garamond=E2=96=BA
Georgia
Lexend=E2=96=BA
Lobster
Lora=E2=96=BA
Merriweather=E2=96=BA
Montserrat=E2=96=BA
Nunito=E2=96=BA=
Oswald=E2=96=BA
Pacifico
Playfair Display=E2=96=BA
= Roboto=E2=96=BA
Roboto Mono=E2=96=BA
Roboto Serif=E2=96=BA
=E2=96=BA
<= /div>
Times = New Roman
Trebuchet MS
Verdana
Apply 'Normal text'Ctrl+Alt+0=
Update 'Normal text' to match
<= /div>
Apply 'Title'
<= span class=3D"goog-menuitem-mnemonic-hint">Update 'Title' to match
Apply 'Subtitle'
Update 'Subtitle' to match
Apply 'Heading 1'Ctrl+Alt+1
<= div class=3D"apps-hoverable-menu-separator-bottom">
Update 'Heading 1' to match
Apply 'H= eading 2'Ctrl+Alt+2
Update 'Heading 2' to match
Apply 'Heading 3'Ctrl+Alt+3
Update 'Hea= ding 3' to match
Apply 'Heading 4'Ctrl+Alt+4
Update 'Heading 4' to match
Apply 'Heading 5'Ctrl+Alt+5<= /span>
Update 'Heading 5' to match
Apply 'Heading 6'Ctrl+Alt+6
Update 'Heading 6' to = match
Save as my defau= lt styles
Use my default styles
Reset styles
Choose emoji
Clear emoji
Add subtab
Delete
Duplicate
Rename
Choose emoji
=
Copy link
Show outline
=
Hide= outline
=
Move up
Move down
Move i= nto= =E2=96=BA
Document details
Unable to get the details at this time.
Banner hidden 
 
<= /div>
Building blocks
 
Save time and optimize your workflow with building bloc= ks
= Building blocks are reusable, customizable, and integrated with Workspace
 
<= /div>
 
Fea= tured
<= span class=3D"docs-sidebar-tile-arrow-collapsed" aria-hidden=3D"true">
 
 
= Communication
<= div class=3D"docs-sidebar-tile-controls">
&nb= sp;
 
Meetings
 
 
Project management
 
 
Contact lists
 
 
Coding
 
 
Custom building blocks
Ask to edit
Request to be an editor
 
Editing
Edit document directly<= /div>
 
Suggesting=
Edits beco= me suggestions
&= nbsp;
Commenting
Add com= ments to the document
 
Viewing
Read or print final document
 
<= /span>
Verbalize to screen reader<= span class=3D"goog-submenu-arrow" style=3D"user-select: none;">=E2=96=BA
Edits<= /span>=E2= =96=BA
Comments=E2=96=BA
Footnote=E2=96=BA
=
Headings=E2=96=BA
Graphics=E2=96=BA
List=E2=96=BA
<= div class=3D"docs-icon-img-container docs-icon-img docs-icon-editors-ia-lin= k" style=3D"user-select: none;">
Link=E2=96=BA
<= div class=3D"docs-icon goog-inline-block goog-menuitem-icon" aria-hidden=3D= "true" style=3D"user-select: none;">
Table=E2=96=BA
Section=E2=96=BA
Tabs=E2=96=BA
= M<= /span>isspelling=E2=96=BA
Formatting=E2=96=BA
=
<= div class=3D"goog-menuitem-content" style=3D"user-select: none;">
Bookmarks=E2=96=BA
Show live editsCtrl+Alt+Shif= t+R
Private to only me
Access requests
0
 
Copy link
 
Copy l= ink to this time
 <= /div>
Private to o= nly me
Quick sharing = actions
<= /div>
Original email
Reply with this file
Open original= message
Compose new message
Email th= is file
Email collaborators
Email draft
Since you last viewed
Since you last approved
Since approval started
------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://www.gstatic.com/docs/documents/images/building-blocks-sidebar-promo.svg =0A ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://www.gstatic.com/og/_/ss/k=og.asy.Z1uyzvITwnE.L.W.O/m=ll_bdm,ll_tdm,adcgm3,ll_fw/excm=/d=1/ed=1/ct=zgms/rs=AA2YrTuQehrSRHuMyCc2pQVv_zMy6eQa-A @charset "utf-8"; .gb_2 { border-radius: 50%; bottom: 2px; height: 18px; position: absolute; = right: 0px; width: 18px; } .gb_Wa { border-radius: 50%; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px = 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; margin: 2px; } .gb_Xa { fill: rgb(249, 171, 0); } .gb_K .gb_Xa { fill: rgb(253, 214, 99); } .gb_Za > .gb_Xa { fill: rgb(217, 48, 37); } .gb_K .gb_Za > .gb_Xa { fill: rgb(242, 139, 130); } .gb_Za > .gb_0a { fill: white; } .gb_0a, .gb_K .gb_Za > .gb_0a { fill: rgb(32, 33, 36); } .gb_1a { clip-path: path("M 16 0 C 24.8366 0 32 7.16344 32 16 C 32 16.4964 = 31.9774 16.9875 31.9332 17.4723 C 30.5166 16.5411 28.8215 16 27 16 C 22.029= 4 16 18 20.0294 18 25 C 18 27.4671 18.9927 29.7024 20.6004 31.3282 C 19.144= 3 31.7653 17.5996 32 16 32 C 7.16344 32 0 24.8366 0 16 C 0 7.16344 7.16344 = 0 16 0 Z"); } .gb_C .gb_2 { display: block; } .tWhrgb .gb_2 { bottom: 2px; } .gb_2c { background: rgba(60, 64, 67, 0.9); border-radius: 4px; color: rgb(= 255, 255, 255); font: 500 12px / 16px Roboto, arial, sans-serif; letter-spa= cing: 0.8px; margin-top: 4px; min-height: 14px; padding: 4px 8px; position:= absolute; outline: transparent solid 1px; user-select: text; z-index: 1000= ; -webkit-font-smoothing: antialiased; } .gb_3c, .gb_4c { text-align: left; } .gb_4c > * { color: rgb(196, 199, 197); line-height: 16px; } .gb_4c div:first-child { color: white; } .gb_Pa { letter-spacing: 0.03px; text-align: center; white-space: normal; f= ont-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 14px; font= -weight: 400; line-height: 20px; padding: 105px 34px; color: rgb(95, 99, 10= 4); } .gb_K .gb_Pa { color: rgb(232, 234, 237); } .gb_Qa { margin-top: 16px; margin-bottom: 0px; } .gb_Ra { background: none; border: 1px solid transparent; border-radius: 50= %; box-sizing: border-box; cursor: pointer; height: 40px; margin: 8px; outl= ine: none; padding: 1px; position: absolute; right: 0px; top: 0px; width: 4= 0px; } .gb_Ra:hover { background-color: rgba(68, 71, 70, 0.08); } .gb_Ra:active, .gb_Ra:focus { background-color: rgba(68, 71, 70, 0.12); } .gb_Ra:focus-visible { border-color: rgb(11, 87, 208); outline: transparent= solid 1px; outline-offset: -1px; } .gb_K .gb_Ra:focus-visible { border-color: rgb(168, 199, 250); } .gb_K .gb_Ra:hover { background-color: rgba(227, 227, 227, 0.08); } .gb_K .gb_Ra:active, .gb_K .gb_Ra:focus { background-color: rgba(227, 227, = 227, 0.08); } .gb_Ra::after { background-color: rgb(68, 71, 70); border-radius: 4px; box-= shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; color: rgb(255, 255, 255); content:= attr(data-tooltip); font-size: 11px; line-height: 14px; margin-top: 4px; o= pacity: 0; padding: 4px 8px; pointer-events: none; position: absolute; righ= t: 0px; top: 100%; transition: opacity 0.15s ease-in-out, visibility 0.15s = ease-in-out; visibility: hidden; white-space: nowrap; z-index: 100; } .gb_Ra:focus-visible::after, .gb_Ra:hover::after { opacity: 1; visibility: = visible; } .gb_Sa { letter-spacing: 0.03px; font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .gb_Ta .gb_Sa { border: 1px solid transparent; border-radius: 4px; color: r= gb(11, 87, 208); } .gb_Sa:hover { color: rgb(8, 66, 160); } .gb_Sa:active, .gb_Sa:focus { color: rgb(6, 46, 111); } .gb_Sa:focus-visible { border-color: rgb(11, 87, 208); text-decoration: non= e; } .gb_K .gb_Sa { color: rgb(168, 199, 250); } .gb_K .gb_Sa:hover { color: rgb(211, 227, 253); } .gb_K .gb_Sa:active, .gb_K .gb_Sa:focus { color: rgb(236, 243, 254); } .gb_K .gb_Sa:focus-visible { border-color: rgb(168, 199, 250); color: rgb(1= 68, 199, 250); outline: none; } .gb_Ua { background: rgb(233, 238, 246); box-shadow: rgba(60, 64, 67, 0.3) = 0px -1px 2px 0px, rgba(60, 64, 67, 0.15) 0px -2px 6px 2px; height: calc(100= % - 16px); left: 0px; margin: 8px; position: absolute; top: 0px; width: cal= c(100% - 16px); } .gb_K .gb_Ua, .gb_K.gb_Ua { background: rgb(40, 42, 44); } .gb_Va.gb_Ua { border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px= 6px 2px, rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; height: 290px; } @media only screen and (max-width: 452px) { .gb_Va.gb_Ua { border-radius: 0px; height: 100%; margin: 0px; max-width: = unset; padding: 0px; width: 100%; } } .gb_S { bottom: -76px; height: 68px; left: 50%; max-width: 400px; opacity: = 0; padding-bottom: 8px; pointer-events: none; position: fixed; transform: t= ranslateX(-50%); transition-duration: 0.2s; transition-property: opacity, b= ottom; transition-timing-function: ease-in-out; width: calc(100% - 16px); z= -index: 10000; } @media (min-width: 412px) { .gb_S { bottom: -88px; padding-bottom: 20px; } } .gb_S.gb_T { bottom: 0px; opacity: 1; pointer-events: auto; } .gb_C { border-radius: 50%; } .gb_C::before { background: var(--gm3-sys-color-on-surface-variant,#444746)= ; border-radius: 100px; content: ""; height: 100%; left: 0px; opacity: 0; p= osition: absolute; top: 0px; transition: opacity 0.3s ease-out; width: 100%= ; } .gb_K .gb_C::before { --gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-sy= s-color-on-surface-variant-rgb: 196,199,197; background: var(--gm3-sys-colo= r-on-surface-variant,#444746); } .gb_C:hover { background-color: rgba(60, 64, 67, 0.08); } .gb_C:focus::before, .gb_C:focus:hover::before { opacity: 0.12; } .gb_C:active::before { opacity: 0.16; } .gb_C:hover::before { opacity: 0.08; } .gb_C:hover[aria-expanded=3D"true"]::before, .gb_C[aria-expanded=3D"true"]:= :before { opacity: 0.16; } .gb_C:focus-visible { outline-style: solid; outline-width: 1px; outline-off= set: 0px; outline-color: var(--gm3-sys-color-primary,#0b57d0); } .gb_C.gb_W:focus-visible { outline-offset: 3px; } .gb_C.gb_W::before { border-radius: 50%; height: auto; inset: -4px; width: = auto; } .gb_C.gb_W:hover::before { opacity: 0.1; } .gb_K .gb_C:focus-visible { --gm3-sys-color-primary: #a8c7fa; --gm3-sys-col= or-primary-rgb: 168,199,250; outline-color: var(--gm3-sys-color-primary,#0b= 57d0); } .gb_E { position: absolute; pointer-events: none; top: 16px; right: 14px; d= isplay: flex; -webkit-box-pack: center; justify-content: center; -webkit-bo= x-align: center; align-items: center; background-color: rgb(179, 38, 30); c= olor: rgb(255, 255, 255); border-radius: 100px; height: 14px; font-family: = "Google Sans"; font-size: 11px; font-weight: 500; line-height: 16px; paddin= g: 2px; transform: translate(50%, -50%); z-index: 1; } .gb_F { margin: 4px; } .gb_K .gb_E { background-color: rgb(242, 184, 181); color: rgb(66, 4, 0); } .gb_U[aria-expanded=3D"true"] { background-color: rgba(60, 64, 67, 0.1); } .gb_U:focus-visible { outline: rgb(65, 106, 207) solid 1px; outline-offset:= 0px; } .gb_K .gb_U[aria-expanded=3D"true"] { background-color: rgba(232, 234, 237,= 0.1); } .gb_K .gb_U:focus-visible { outline-color: rgb(184, 205, 247); } @-webkit-keyframes focus-animation-2px {=20 0% { outline-color: transparent; outline-offset: 0px; outline-width: 0px;= } 100% { outline-offset: 2px; outline-width: 1px; } } @keyframes focus-animation-2px {=20 0% { outline-color: transparent; outline-offset: 0px; outline-width: 0px;= } 100% { outline-offset: 2px; outline-width: 1px; } } .gb_y .gb_A::before { content: " "; position: absolute; top: 0px; left: 0px= ; width: 100%; height: 100%; opacity: 0; border-radius: 100px; background: = var(--gm3-sys-color-on-primary,#fff); transition: opacity 0.5s ease-out; } .gb_y .gb_A:hover { cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px= 2px 0px, rgba(0, 0, 0, 0.15) 0px 1px 3px 1px; } .gb_y .gb_A:hover::before { opacity: 0.08; } .gb_y .gb_A:active::before, .gb_y .gb_A:active:focus::before { opacity: 0.1= 2; } .gb_y .gb_A:active, .gb_y .gb_A:active:focus { box-shadow: none; } .gb_y .gb_A:focus-visible::before { opacity: 0.12; } .gb_y .gb_A:focus-visible { box-shadow: none; } .gb_y .gb_A:focus-visible { outline-style: solid; outline-color: var(--gm3-= sys-color-primary,#0b57d0); animation: 0.3s ease-in-out 0s 1 normal forward= s running focus-animation-2px; } @media (forced-colors: active) { .gb_y .gb_A { border-width: 1px; border-style: solid; border-image: none;= border-color: var(--gm3-sys-color-outline,#747775); } .gb_y .gb_A:focus-visible { outline: transparent solid 2px; } } .gb_y.gb_K .gb_A { --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-sys-c= olor-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-color-secondary-fixed: #c2e= 7ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; } .gb_y.gb_K .gb_A::before { background: var(--gm3-sys-color-on-secondary-fix= ed,#001d35); } .gb_y.gb_K .gb_A:focus-visible { outline-color: var(--gm3-sys-color-seconda= ry-fixed,#c2e7ff); } @media (forced-colors: active) { .gb_y.gb_K .gb_A { --gm3-sys-color-outline: #8e918f; --gm3-sys-color-outl= ine-rgb: 142,145,143; border-color: var(--gm3-sys-color-outline,#747775); } } .gb_B { border-radius: 50%; } .gb_B:hover { background: rgba(68, 71, 70, 0.08); } .gb_B:active, .gb_B:focus { background: rgba(68, 71, 70, 0.12); } .gb_B:focus-visible { outline-color: ; outline-width: 1px; outline-style: s= olid; outline-offset: -1px; } .gb_K .gb_B:hover { background: rgba(196, 199, 197, 0.08); } .gb_K .gb_B:active, .gb_K .gb_B:focus { background: rgba(196, 199, 197, 0.1= 2); } .gb_K .gb_B:focus-visible { --gm3-sys-color-primary: #a8c7fa; --gm3-sys-col= or-primary-rgb: 168,199,250; outline-color: ; outline-width: 1px; outline-s= tyle: solid; outline-offset: -1px; } .gb_B .gb_V { display: block; } .gb_C::after { content: ""; position: absolute; inset: -4px; } @-webkit-keyframes apd-ring-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes apd-ring-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } .gb_X { animation: 0.25s ease-in 0s 1 normal none running apd-ring-fade-in;= } sentinel { } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://www.gstatic.com/images/branding/productlogos/maps_2025/v1/web-24dp/logo_maps_2025_color_2x_web_24dp.png iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAJQElEQVRoBe3Bf8ju9V3H8efr/flc 1/3j/PKghrUhIZqJY2ygtkTbHJpoc8NhdmbQNtcKaShIMZqMTmzONkgbpUNjdlrockoIxSnOEqLB DtNcVlv+4VZNyXOW2zm3577v67q+3+/n83l1Z/ujP+I697nPLUHs8eCH/o+JbfLg/peXVycL16+M xj97Ikbnr6X0hvWIH50gZuEjnfTvJbVv1cah0qeDz+7XhG0gTtNXfu3wTx1Pu+86Ptp59UresXgs LXAijViNxBpiPQWdTBdiAEqYhmfIf+3ku5/9jfHXOA1ii779gT+6YH101t2r+YybXh3t5njexat5 B8fTIsfTiNXInFAwSYlOMJPpAqpMw1imJeMoT5CHu567Y88LbEGwBa/8wu/sy7V/Lrf+puSBkSuj VsluZDdyawQmIcJG/DcBMq9pgDEt2k0Fnrv4D47tYwuCU2DQ6o23f1JMH43WL4U7sgupFTKVkSvZ jREmGxImMAICkAEJJAiwGsY0taWq+uiFnzv6SWxxCoJT0F2/73dp3cei9cg90QZS68kujFwYtcbY lexGtslAaiAbEAJsMGBMAxymRaVSGVQ+dt5DL97LKQg2qb/uultp5Y7kAdWOaD3JA+FCaoXcKtmF 7MbIZoRJNhEQQOIHBMgYgxrNjYZpqdKoDKnc8WOff+FDbFKwCf2177wsSr1fLrgNyAPReqL1RBsI CskD2YXsSqaR3Uhu5GaCDQYBgcEGGaJRVWkxUFUoMdCiUFJ3/5l//NxlbEKwCSr199w8xgVqQa1A K9AGwgPRBpIrQSW7HUy0W0PDBTWNdy4r7ZR0AeZWwUEEyDQ1KpUWlaJGUaGmgUE9hWFc6D/LJoiT KO+48iYiHmsknBbV8g76vIfZ+CymC2cxHZ/N6uhMJqO9f398Yc9tN973pqeZ46c/3V/W4c8Nqbx1 GPX0aUbJHUPuKKmnpoGqgRo9NcrN0/dd9QRzBCeh8CcAhZBUkStQCDpS68E94f7J8YKuuPG+Nz3N SRz+6PjphdH4iqr6ZFWhRaHEQEk9hcKggZI6SvRYs09wEsEc/Tsuf4vRhcgQBhtrIGlALuCOcH94 6dWy7/L7Lp+ySYfv1FSru/a1GA6XGGhRqBRqzGh5oEaPo6dFd+HoS196C3MEc6Qc7yEMAlPQqKBU sAbEjKRpNyrTWy5+/OaeU/TN/eobs1uqhq6knhI9JQYaU6wZTR2OGR5172GOYK72biVQrmgEqBBR SGlGHk3IsfbgeY/++nfYon/9yHnfKaP+waKeGh1OU1rqcOpQnqCYEUzezRzBHF7wRR4NOBcYVTSu MO7RQocWpsR48ginqdP0kWE0pcWUlnqsGWYKrEOsQ55cxBzBHBqXRY0bWjBaHGCxR8sDsTAlL6yt nHXgwDOcphMfvOyZxmTFowmkdRRrRFpDmhExRUwWmSMzh5YKlnECBcQocC4wThD1JbZLWn3JqT9D aYo1Q+ogBkSHojBPZp6dBYVRNMjCAYwECwVyWWebeLS6ruhAPZF67ClSRfRIlXkyc3hHQalBAsJo ZFoGFoOUdQ7bJZ84R9FDdOBCpB6pgnok5grmiDN6tLvHu3q0p4ddPdpb8M6eurd748oj5+7lNO35 i3v2prT6RqU1pCmKCRE9ihmhAuqYJzOHd/VHkc8hgRN4BKSClsSQI3ucbgC+wGkoeeUGoyxXoCA1 RI8lrIZcjzJHMIf2Dl9lT4U9BXYPsKtQz2iUnZW6q1B2lzttxFYZyf2dwQxphlKPUgepIhXkAVS/ yhzBHG3H8JR3F9hZ8C7jXRXvqNSlxrAMs6V48/PPnH8bW7TzqY/cpty9WZqh6BEDUBANqRBhjJ9i jmCOOLt+se2o07az0pYbddmURVOWoFsUkxysRrr34Nff+nZO0c5DH347rb8XF1AFFRQVuQINY6o8 zdlfZI5gDl21stKW/URZFnW5UZZMXYZhQfQ50eXEWh6PV5UO3vt3P3MLm7T7y79yC+igYAwN0cBg G8uAkRvReGLlqgMrzCFO4vjhM358lNLzlhesoEQwU2ZNY47HIq+0Jb7LEi/WZf5jWPqrI21x/5OX P/40/4vdT33oMjf9tknXgnmNDDbCgBHGgHAXmYtWrjrwb8whNuHYP559D80fRaJEZkrmhEccY5lX vMSRtsSRuoOXyyLfHRb4PvnFlRJfmaCjsxIUxTluurJZ5/I/SSA2GGwQSMY20D69es2B3+QkMptw JP3Ib52Zjr0T+9ISQe+gc6Z3ZsqIKZmJM70SvYLS4twKv2gHSGBjNkhIollIYIMaG4QlRMPVgP9p te7YzyYEm3Dxxd/s64JumuX0vY7ELDK9MlOCjqAj0zsxOFFJtBAiwCAMaoRMyCAQRk3IYBKOBBa0 wMS6Y7yP63+/YxOCTXrD+S+/1Cm9b6JUZySmZKbKdM4MDmpKVAJCNAsUkEAySWABMrgBpqmChGSw wMKORkvvX7vmgefZpOAUXHjhi0/NlO+aKjNV0DnTkxiUKU1UErZIEkkQCAQGwg1agwBkhABjGzAg ZH187boH/oxTEJyiS3/yhc9MNLp/qhHTyEyV6B0MCpqEI4gWCAggIRLCISxBqwgDDWggo9YgfP/q dfffwykKtuDan/iH29cZPTYj6Ej0SlQSLQIQBEgQGLFBJmgEBgljCAOGME786do1D9zOFgRbIOFu vfulKaNDnTO9M8WiVWEDErIICQlkwGA1cEUy2BAGt0Nre9v7EWYLgi361UueHWbTxfd2yl8fJEpK NAQSYCQhQAgEQkhCChAII/vZ3bN4L5c8NLBFwWnYf8mfT7qU39WTX6o1aAgjZIPYYAIjNggwGwzN SH6x5nbDyzc8NOE0BKfpgYsfPzqU9HO16USTsA0EYQgFqCEJsUFsMBInoqZ3rV914CinKdgGj136 J98oKW5uqFjBawQ0EAKDMbJBFODnj1/7+W+wDYJt8peXPHyoNn2cBggkIAALqSE2SAjd/erVB77M Ngm20d++7Q8/04K/sQ0G2UggAkkI//PKnvGn2EbBdhKupf4yorPBgPkvBtywP8wlDw1so2CbPXPl w//SiM/WgMYG8wN64NjVXzjMNgteB+M0+VSzvw92wzRzzOO4i9dB8Dr42tseOVGJDxb0beNvWe0D 37vi4VV+6P+h/wSjXf66lkD1YwAAAABJRU5ErkJggg== ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://www.gstatic.com/companion/icon_assets/contacts_2022_2x.png iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEVklEQVR4AeSWBXDzRhCFL1Rm5sEy DZaZmWvJ1A79zDBUDCfmMjOHy8xo17KSMjMzg63kXtcb3dj/VB2jXLqZZzjtyZ/fau9W/D/GqYMt YqbRJg54rJVFn3nu7x9oEqfir0H4GsX8LaMdzQUQY2fhMc8SeuZGoadvFB7jLJ5ziG0oHDukp68W 3gmI4JsQgddZ/Fkfh9CMqzimsZBFKdMyT4jT382DWKQsKcfiz+lJvkYxDmvdG1wEDJcOTwOkf6WU SqGtKJ6ja3ZMWK11ObXt02kKvrARQfxMAmmKgRzF18CxtEbdw3339PQpIvAa7HTKEspxLK1x3UXe 3zi9xlIRfAP8rJUGzNqxS9U9GgE4twrAue4Dqi3Da+wjfC9BeNJWKUCOoVheo+7h4ijaYoxX6IdL PYc5O+YVh3u4vc0Yh/GmrNK4YjVPqfRzjCd1uGOBuF/NmZnC9zKE/9U8KHhzZhk09xr4GsWoNY3v YNjJzB4E9bDwGL8L34tgacZvNP+Q0JJ7FMU2fhxQ7Ir+/Jbk1r6s/Gc12hvsHICm9sfQmhf9ejOp 1dEhmuNrPNDEApoOaEcryR1ohqpj09Ferw6nHYUbLY98vnpsBFpoGJfPjn/1+L4LXzPX8mVMoRlm E0nYWtk7bm4z8w3zkDO/NfUYTG8cphaRST2KG7Q4ji8YjZba4IrS0X3r1PL+IXzeOwwcfdYXEN6X IbR8YbzEFVssntNfZO0070OcGgUCF5IumpYWxTP+ELYQNDjltcD1Xo/1ewfw7IX3Ax03S2x12kRW HPVcbmXdsFq5F3RWM6mFJE58zlrXP2Gd1JezyM2cJ4rfAxcD5OYXgQQ2tX+ruaq09t2MdXtvw3vx uwBy77eDlrw5KY5Nyg18pt3zlRDFrOql2BOTcvtZb0o9DkmAkhz8NXgxO/loFYDTFceAA3giDxca xm/LLv9JiuNTci1vRsGVrZV0WnNSSh7V8aP0MqTMQ2b9FwKeCA5xeB5LV2vPAOaddy/Qc5v8LTIK qXV+JMUxyWoB2cXdF38kvYkCoO3iBdzozETpTkc5d/nlaOu5De+HRhhwkhyUhy9/ix1cXc+UDabU yg4m5U6z35J6wcGc7eB9ysGyC4PgjozeAVCKc70DUuYBD1v2Zo2AKbkjP4fFgOzgwwxYTis2k5zj yh1AKHE3QO/ZAuBbdQB8qzZA5WDfIEZjdzFgjvTPcVA9BwT1UKzeKeZn8G0nwHvVb5cPOIiHqwCs roojuFBVsfuALu+DJVJcukhcPknUEccOPhYZ4yL5vWcAVv8wrIOXvmGJE1LWanqmcOZWcxZHZFad xXoIm1UGyKcIA958ySN8xCFMoIm7AE/nFxDHjWOt4CsO3Uvl3cxJ1XQz6p+EbsVm5NydBPoCvWeo UTDPvj5n7jrrZVOcmjbbdNX7OWtlb8axH9Ty/WCkxn4QQJNwe6C2jpqdHFT/rtDd2EIZEn+O/2PI fRI6gVEAAJMtC+u4GnkvAAAAAElFTkSuQmCC ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://www.gstatic.com/companion/icon_assets/tasks_2026_2x.png iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGrklEQVR4Ae3VA5Rs69EG4Ke+7pmD a9vW0W/Gtm3bTq6NaCG2bdu2jWtbM9P7jZO99up1GCfPeHrjra7qahvmn/6pbDjLjs3/jdiu62zZ mi0Ti01R5aquc0FrLphwNj5hA9WyY2M9/ceIu4Y7FNtYD+HcitemeQW+YD3UiuNinUz8t+bE4n/8 EYVPTcoj8CXroA5ZywJa7Ns4CTf3JxJS8bquHIbvs2a1fM0jRFyrlTdgK38e53dxO3xkzQUcE6vT eIxyAkb+vCZdPA7PWO8CisOrHOYv60k4nunGrTDdbfmLh5c4JvwYr1/rDrSR5TqfwRJ/Ha5M/De+ amBcpui87K8oPCxRXoxVBsbK0C2x3F+ZYmW4Jd6qp+n56pxWHO7PbNWuHHkzlu1kTQ41MNazbOzf /9zP/nX256RbAf+7J9d+1uq7MOn8Jz4LMO46AEblln+p8PClnzPdIGO/gFEBEG5Z/jyutS/98F87 jae+wxqFW+KJALXimADzNq9ZF/65wp9yG/rhH/garl6wVjJnC1wEY/OAGbsbSCgoIAGg6i8Tvpf1 qzA2A6hBAaEVrD50YvVqzeGvmgeIqrJG1S+gAOwOUGgNqEzpQHHoTVi5Myd/gE/+iL4aHo/rH8Cx twTgyz/nYa9jboFWAAWE6CkAhlnHAGJzRaGhFQ2KQqCAA3fgZocAz7w9T3oLH/netEIjynUP4Nhb 0A//iNczP2FUJCj6gr4g/ayGL+LyyIpntGJcjItWFAhVEgCedUdW7grAoW/jI98lUEBwvQM4/GYA fOVUHvV65haI6YSAiBJ0IQjCo/DM/gipOKsVrRgVM0VrNJQSaCTAk9/MybfnoB2BI2/BYeETP0CR cO39eVov/Fd/zhPehI7ZIoOOJVFVFBClCykmHZOQUJwFMK4Aac6S34c3bsw0CgQlUAgm8ZQ3lmNv y4E7AkfckiPfxqd/yDX250k3BeBrp/L41wMzDRCIVAFKQFCgC5NQDR0JXesVkAZM4qyZYoRxY7Yx U1QBgkJIIcWEw9/Mobfk4J2BQ2/Be77OjZb1wv/8N4UtagT6c5+SokKgEALoMMFc6Iqq32QFqEOO DZjdyszofKcuHttuSWNpY9woGFy4er8rZhqH3ob9djDkW6dx6BtR+qNC1SD0tOLosNAxF67uuHri 7C/O2RkLUA4PgH+f9cKlY/fZaMTSEbONBoAIKYpAiFBlpvHkW7Nvr4hvn8ZRb9YnIKSkECCilAAC 6MJCuKrjyglXxQtwf4Dxvy0GYMJbWrnPTGO2egUERZS+gJIAx72Je16Lf9uHL/yAl3yERUVqGLpU kUII9MMHRYVJUV3MV2nFpPNaPbXquOjbfOS7W8zab5MRixqtKL32F6a0vgCBRKr6YSTDY6B3nOHj pJiEuY7LJ1y64Ls4QM94k5E+XfPE+k0nzBSjwjB0ggKKgP7PUgj0whjuA8XwOEFRBAuYFK2Y7zzR QP338TG095bOn53LlhuPyrjRDHd2UAKhikCmHwcJVSRB9Y+jEEBQpEiY77hiQpY4H1sbGO+5lSHL 9nTS97/vuFExU9GqEPRnuB+697MQFFKDDvXWJoQ0JFQNazBB1xjh4L2caIrxir0M+Y+9PG/JbB3z 429p42LcqJQUAAlEWqle+N78T30NpAD9rtawk3SoYm7Cvy2XPQ7wXFPUu8+PaWYu99YvfM0trj47 FrVSYBAGAAEQSan+3hfU8HjVK86go12Y69h0B/59ubfhlqaoD/w8phpZaeJLX/yKahcyCq1Iv91B YTBKari1ogz2/vTjUIL5MNqS//wXqizH101RHzw1piPxVtzi+z/iqp8z25CIUoUQvRkOEJj+xgQS mL7dosyFzfdgnz1h+rO/5g6gG9mlFnyxyraXXMYPvspmC7TCaraN0u+QoAIRxZTxgg6XzbL/IWy6 CeHcmWYVTjOd+shpsTqTzv91fLRocPrpXPBjtuiFgJgu/TesABkckCqXhK33YecdATEfroVPWY16 /89iTYonKsfpOftczjmVdjmbF810/a4Q6a3WC4ON2XYntttWH/EoPNMa1AfWXADQ3Dmdl1SZNcU5 53DZxVx5OVkghqhxLNm4bLIp225rqsRcNffCq2HNBZwaa6vKf6XzDmzlT+OMam6Lz1hL9cHTYl0s xJat84jiEcpmNhxxccqzu/JMXGAd1HtPjfWxaGObz1/qjsUdcE3rIXwMr53ZxGtxkfVQH7kwNti8 7SdXW5HOtlW2TmxqiiqXJM6r5pzRIl/FWTZQfeSc+FvW/I37BW/nKu5bQ4gSAAAAAElFTkSuQmCC ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://www.gstatic.com/companion/icon_assets/keep_2026_2x.png iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAHpUlEQVR4Ae3WVXAlyXIG4O+vbrE0 HjQzMzMz07OZ7RczMzO+mpnpxczMzGwvmJd3UOquvNBxQqPYODva0Rjv/QQZWYcyK6s7juf7Hxb3 SP2AwYt6eUftXSSvp7w89QoiKv+A+/T6S2P/Ed2fYnJ2Ur/obAZXzO0z8HHWU0XimPwQ7Yu99dEf o9ylVLk7v7nzYm4dfrnU+xIrhcT6JtyuSL7d1vwxeMJdSP2WZ+5wfDu9flxsFZJQCFU8NWfJ66l5 JzFL3g6/7BlK/croGUk+pHr/5iQKBCRIOHlc1uQllrgSRdpH4hs4vdSvbji9+sRevqo1qiKhRGLJ b18va2IJSwzVy2odwmfji5y+gdGpZHyLMv1KRIWIEhKLsFpH0EVACQpRetFWMaWqqAJRtI03w284 hdRv7LijveEF6+rNB5NslEjiOLI0lSUv0qJ3lkmhEKJUkZTqZYmr9bp9/cjmzoviIXeQ+r0DT+v1 nkz95sbv43UkCImkKSFZclGsGqOQk3efUqJA3L7zJdWXfFnXUr/mTaa3RFlPytObfmfv7cb58Ocq 7eTOp53Y+V5Na7eXR8sSVS25JepFutRS7NLMkpeSWvLJ+Mb4bevJ4W/uWGfjgRtDvdTGI1XtXFoQ 0kiUJm3Jb1938rpYHRmgCrXE6lhi9RJ9tb6ajKT+KT95+HLo1kh9nvXefe81ap7+pBIRaU1ptKaq yRA0q+nQSEhUIaGQEkTpvSRdzavYUVJddNU7lqaSks3NV8LfWCP1RwfW6fP0Nen18RLa4HinG21Q FWm351iaURrVgURiKa66KBR9Pl7Lkqslp+hd5elvq5l/b9s6ae0W2UwblOMm0ka9IsNA2om/6tGG ZUJCre5Gy+5KSqrrfWlETfSiZnT6LEr1edXkf+CFrJH++zvWqTZU2kBCxiUe58qy82lNGcWgqtFG anBCZvqETibLcVmKj+l453unZmqJ1Uv72ydHzJ7KmL+/YZ28ynmlqWV3tTbomrRRLbnlsS1qlGyq vimWx5eGkBmztEnVoWQih1prqs+qh5qld9pERdWsaWTidV5+bQOpv31569ThY3V8xxlogzJYpjKQ prKNDWpXbKvaxqbUMg1WDXRyiJvkpuSGclPqUNUs1VWfxUyf6R0zVXJp2Mc1T2V08KR18lhTorVR XyKtkdUEttS8TR1I9pn2qW2xiSZlEcosmVTdkOGayuPSGtrSRJ+0FtURNJbrepaHN7bWN/DwhnX6 OC9jziAZVBtWx0dqU7et5Zyq82o6z7wvtYVRiWigdFGYJLdUdsRIGwgFA1VdQvXIcoxEPFR7R9YY Hxr2rHN5vKosRZcmw6AbtOfEvqllV/XzzJdlukDfpzbQKCRAFZBOjqR21DhKUW2SdNLps+NvqQQV Lm9dm6wxXt67Zp06Wu4wvZbitVHLoDJK21TzPtN5ji6p+aLWd1SNkgjKolksxU2qbYtGm6TdVO1Q 2gSCPpMGBbz4y66fgBd/eevk/vuPSttow1J0ZbAcp01VO1IHql+Qfkk7Oq/6tlRTLeKkKqLQpW0r YThUw1UZbiiTNKpoIzUXNjA9Wffdt34Cz37QOhm3vlX1j1jd662uBYP0TexKPydHL8B0flkT6QFx LKCoom1LSm1ck+zhcRkG0ahB9ZJhVH2Sja1vt54xG1vW2tn7Tjevf0QZTnyFUKPKpvRd5gOOznN0 QG05FieVFbmlFJtP0ndomyojmZbiM+hKG0eGvW+2ntHGgbUuvM5v599//bnbVBmxNJHlOqBvybTL vMd0QN8gzXqrCWxKm5l2Vd/BqA0DywRoXQxUXXXlpf/UesZnP8F6jx7Z3P+omg6/s0IbBlWNDGTE FrXFtMu0tzRwQlCeoh3RDlXfxiYZdU3SZOhqOUZ6O3hfDz0wW884P/SA9Rguv+QP5OF/+Mq04YVL ozUSyYBlCvo289ZxA+c2ubjF2ICp88gtnjgEqtG3pTaVkQyrL4DKIClpwz+58M4/4Q7G4fI7u4ND O9few9HDv01rSVM1kGCgBmqkj0sDL7vPK605ln/9JP9wFUWN1IBGogy0trqHTravvJ1bvzu5g/HZ T3JHQ35PXfjkzFe/uixUjqMgnNtYXzzLYw/d4uoRoioIFStpjXH/Pc1H/+AURvORU9l7069z9dcv pQ4/o8pJFSpc3nYHy3OevEFFUKBAAjsfbq6fhFM2UE7lyV/vDn7ms1x790f0/pVUnMT12Z2sf056 z/mPxzc5PWPPrlO7+t7F+NU1XLyv1fTd2HS7/7i1FLg7rCt+ec5CWfF4vPDbZ/Z7nqGxzZfchR86 rFf4y41598vw7lbm4rce4VXPcXmTMcBUPHzInz3BXDQg6H3vO9rNV/04Nz3qLqTu+1JnceOXPr2c TZzB+OwC/F/W/B83OqtyS2zd9WvPaFTOJv4dL3mG157JKM6k+MXwge5C+ElnNMbZtPjeXnfXgPKD zig3vs2ZVfwuXt/pqfL7y2vOZuzObhx84Dz5XbF7yuIfH8v7OTu59a3uibl58+JHw2XrKR5O8574 DWcn17/TPbNz5MqN5nPFB2LfSVeVb9/pPh//6R5JfYv/Eg/u23nxQxvw4KYj3HDvyQM/4P+0ZwG2 YQeaoZqicgAAAABJRU5ErkJggg== ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://www.gstatic.com/companion/icon_assets/calendar_2026_2x.png iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGN0lEQVRo3u1Z629URRxt1C9+0MQv 8j+o8YPy6LtbtkBbjKKC2iJGHoaASoyAiQqkhmef++huW5athfISBBJCrLS81IBYRcGYVBCEtgK2 0BahiIVSj7+zcy9339xL2rWa3uRkdu7M73fOmTszd26blDRy/Yeuhm48vL8dS5va0SBo39cODAaY iznl9xJyDIn4pvOwC8H5wRIdB+fJNaji97chR0ZoIAHi9ScycOACUgdFfIEP76/4BP3+LcAGwaat wOYhAnOTw78ZEM6b09dh4T0LT6nAg6948fViP1BeD/gkaZ0kXz/EIAe5yEnul6twsKgI91k2kO/G vhnVwKJaoGQD4N0ErN2kkg8lyEEucpKbGvIqscOS+AwX5uS5gVcl+F1JskqSOWREKjcmBuQiJ7mp gVoyKvCcaQOZThzPlaACCV6wDiiqA9ZIwtL6xIBc5CQ3NVBLhhOfmxJvK8ID0nlgkgS9VAXM8wEf yEh8JAlXrE8MyEVOclMDtcigdpsyMM6JUdIZE13AixL8xlpgoV8lXPpxYkCuRX7FTQ3UQk1J23G/ uTUgnXMkaIoXeL0GeNunTLxXmxiQi5zkft6rtFCT6TWQ7kKrXYKe9QDTZQ7OlZF4y6fmZCJALnKS mxrsysA58wacODhegiZ7AvswZtaoxznXF4ni3cCxX4FTFxW+OwM4P4veNxwLZK6X7wGW7wi9Ty5y kpsaxisDB8wbcKM2W4JyK4EXvGokXqtWj1THHCH65jRiXnt+CO0fjmWfApeuqb6/dYe2kauwWnFT A7XIrPCbNpDmwFIbF3KleoRTvWo0uKUVaMm/PWuIvXoDaJHR7+0LNbHuCyMmGPVHgNsDRj8aCG4n FznJTQ3UkurEEitroDBLguzuwFswkGiKRy0oYuNRg/zgz8C0aqOtZC9w87ZqoyHuInrbDFmcx1oj n1Zbt9GHIBc5yU0N1JLiRoFpA6kOpHDbssmjm+BWLxImy9fgPAD09QPtPULkNe7r2HXcEDdvi7o3 W15QXdeN+4dlrfT8qX63dofGk4uc5LZpW2haOZJNG3hiJUZx28p0qfnHXSDHHYqpslsU1kXeJ9yH DKFzt6p7k+VJdMic/+uWLPwmda9TWwPnuiNz2DXuTG0LfbIIj1o7D1WgL2BCkOVSI2EWO08oYf0y z/OqjPvzt4lxv1Hv0A10RebIChJPLZZPo2kVOJXukNXPBHqiu4CkpTK9Bv5Wwva2xO+vGzjbFaXd pbipQTaVk5YNZDjQGEjgNBKF1DXkygJuloX5k+xCN24ZU6elQ84wVdFjdPweZCAulwN7LRuQoCo9 UZojtojpGyJ3FS7O+dvji08PewLhbXc4pUytgNeygUlrcWKynEvyZLHmEvLiknsRmCqnx43H5HPw e+CQ7Cy9Nw0jtc3RY3R09Gq7UE/ofXKRk9zUQC33YqAj368SBEpBniTO1xIHyij1QvmaOn3ZMPFh Q+z+l64bBoLbdT6df6JosW7Ahz4mCCTUTNyp++PXZ20zDDS3xe7fGfQEItprjTq1WP8m1kfKH72c Vh+//bI2uhevxu4XbiBmPp+Fo7S2hT4emIdR8IwkbDypdpyixuh9SMg3Na/2K9H7EMEGYvXRkVGG x0wbsHkxm4tpYo1aVOFlzw1FfE3OOrO3RbY7vzSm0P5fYufpDFvEsfqxzPZglnkDHngmyP4eDTkC 11eGQO46FXLqXLhboa459KQ5f0dkvP5bN8CjRLT2YIgBt3kDlWiyy0vIzs+5GOXRVtz1qjkSO575 gw1Eaw+uZ3vRaNpAViVOZfNLSALHexT0erZWZ1LvYdkKeyOF8w27rCF+PMsz2nb744Xo7cHxNreF 40SmG1ds/JAwgWzBm/J19c4uhZlbzMVZhWjqMW/Ahf5MdyAocCLM0n//i3U53PVb+ai/cxoMLjNi 3E9Uu7l3QDEeSlNH2GEH/sXclAnpyBMgUsqHV2l6CqWUoSe5DBhOEBOdpg2MK8PycaXA2BJg2JRl Fv9bI4FdYyRwTLEgvCyOcX+I2pPL0Wb5NMq/Uo8pRdvoNcDTgtHFWpng+thStKRX4ZGke72SS7BS RuEPJnxqtWCVVq4eujpNyOh3ivjFSSPXyDVy/b+vfwCBIbTBvUSEyAAAAABJRU5ErkJggg== ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://lh3.google.com/u/2/ogw/AF2bZyiq8hzc4TwGoRYaYpmItMA54YV2G5WlseNLsMjW2lPpaA=s32-c-mo iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAA3NCSVQICAjb4U/gAAAABmJLR0QA AQBXAJvKDeA2AAABu0lEQVRoge2ZS0sCYRSGv9FxxiuVl1ZewqCVCFJtgqCV0MZNi1m0iTb9g9zU X4hKCKK2EtVOAoNo0UZEiqLLpjQLFJNIQbIyL7T4QKJs1dHDwHlWL8zhe+dhvmGYGUFQtpia0WCf wH8hAWxIABsSwIYEsCEBbEgAGxLAhgSwUb2A2MuywuasSRYZY/GLnLJ6DLJmTwUsep1RFhljRgms V/VbiASwIQFsSAAbEsCGBLAhAWxIABvVC4C9WGTWlQGTzBiLnT3ObZx0nNFqBB5qjSZUL5iAQRL7 TRJjzGM3dxwIjXlknZbn0msNqhdsCxXKbzz4XFazXvd7YH5qpJ2PLnNQvWACidsiDzaLHFsM/ji6 PBOYDrh4Tj9V9pNZqF4B8Ef3fUQZclh4zpeqqfRzvlzV60S/2zrqtfMb4LPRCkdTa/FrqFJIgaDf ub0w6bSZ/hr4qDcjhzfhaAqqkTGmFXwhqLUyxcpeMuu2mQf7DPzzSZt6s3X+8LK0e7pycAVVx4G8 At9RJrzjw44+g9RotQrl951E+q5Q6UZRtwR6huqfxCSADQlgQwLYkAA2JIANCWBDAtiQADaqF/gC SGNgUKPWM8MAAAAASUVORK5CYII= ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://ssl.gstatic.com/docs/common/material_common_sprite1060.svg = <= g fill=3D"#000" transform=3D"translate(612)"><= path fill=3D"#000" d=3D"m823 8-1.06-1.06-2.19 2.19V2h-1.5v7.13l-2.19-2.19L8= 15 8l4 4zm.5 4v1.5h-9V12H813v1.5c0 .83.67 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1= .5V12z"/>= = <= path fill=3D"url(#f)" fill-rule=3D"evenodd" d=3D"m12 6 3 3V6z" clip-rule=3D= "evenodd"/>= <= path d=3D"m2308 3.063 1.06-1.06 4.886 4.886-1.06 1.06z"/><= path d=3D"M2760.5 2h-11c-.83 0-1.5.67-1.5 1.5v11c0 .83.67 1.5 1.5 1.5h11c.8= 3 0 1.5-.67 1.5-1.5v-11c0-.83-.67-1.5-1.5-1.5m0 12.5h-11v-11h11z"/>= <= /g>= = <= g fill=3D"#000"><= path d=3D"m4866.25 12-1.5-2-2.25 3h9l-3-4z"/><= path d=3D"M6008 0h18v18h-18z"/>= <= path fill=3D"#000" d=3D"M7965 19V5a2 2 0 0 0-2-2h-14a2 2 0 0 0-2 2v14a2 2 0= 0 0 2 2h14a2 2 0 0 0 2-2m-16 0V5h14v14Zm9-12v2h-7V7Zm3 4v2h-10v-2Zm-6 4v2h= -4v-2Z"/>= <= path fill=3D"#ffc107" d=3D"M9686 15c0 .34-.054.695-.163 1h3.753c.05-.33.077= -.657.077-1 0-.677-.096-1.364-.286-2l-4.16.003c.472.527.779 1.24.779 1.997"= />= <= /g>= <= path fill=3D"#fff" fill-rule=3D"evenodd" d=3D"M7.5 3h3v12h-3zM3 9h3v6H3zm12= -2.25h-3V15h3z" clip-rule=3D"evenodd"/>= <= path fill=3D"#000" fill-rule=3D"nonzero" d=3D"M3363 65v2h2v-2zm12 4v2h2v-2z= m4-16h-14c-1.1 0-2 .9-2 2v4h2v-4h14v4h2v-4c0-1.1-.9-2-2-2m2 16h-2v2c1.1 0 2= -.9 2-2m-20-8v2h22v-2zm6 8v2h2v-2zm12-4v2h2v-2zm-8 4v2h2v-2zm-8 0c0 1.1.9 2= 2 2v-2z"/><= feMerge><= path fill=3D"#000" fill-rule=3D"evenodd" d=3D"M5098 52h-10v1.8l5.5 5.2-5.5 = 5.2V66h10v-2h-6.9l4.9-5-4.9-5h6.9z"/><= /g><= path fill=3D"#dadce0" d=3D"M7236 52h-36a2 2 0 1 0 0 4h36a2 2 0 1 0 0-4"/><= path fill=3D"none" d=3D"M7630 50h40v40h-40z"/>= <= path d=3D"M9104 50h18v18h-18z"/><= path fill=3D"#000" fill-rule=3D"nonzero" stroke=3D"none" stroke-width=3D"1"= d=3D"M9468.5 54c2.485 0 4.5 2.052 4.5 4.583V59h-8.59a.413.413 0 0 1-.41-.4= 17c0-2.531 2.015-4.583 4.5-4.583m9.5.5c0 2.485-2.052 4.5-4.583 4.5H9473v-8.= 59c0-.227.187-.41.417-.41 2.531 0 4.583 2.015 4.583 4.5m-.5 9.5c-2.485 0-4.= 5-2.052-4.5-4.583V59h8.59c.227 0 .41.187.41.417 0 2.531-2.015 4.583-4.5 4.5= 83m-9.5-.5c0-2.485 2.052-4.5 4.583-4.5h.417v8.59c0 .227-.187.41-.417.41-2.5= 31 0-4.583-2.015-4.583-4.5"/>= = <= path d=3D"M2455.75 96.25h6v1.5h-6v10.5h10.5v-6h1.5v6a1.5 1.5 0 0 1-1.5 1.5h= -10.5a1.5 1.5 0 0 1-1.5-1.5v-10.5a1.5 1.5 0 0 1 1.5-1.5"/>= = = = = <= path d=3D"M6748 94h18v18h-18z"/>= <= path fill=3D"#000" fill-rule=3D"evenodd" d=3D"M7103.248 98.01h-2.14c.436-1.= 901 2.112-3.01 3.892-3.01 2.07 0 4 1.5 4 4v1h.5a1.5 1.5 0 0 1 1.5 1.5v7a1.5= 1.5 0 0 1-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-7a1.5 1.5 0 0 1 1.5-1.5h6.5v-1= c0-1-.717-2-2-2-.842 0-1.44.43-1.752 1.01M7103 105a2 2 0 1 1 3.999-.001A2 2= 0 0 1 7103 105M7121 101l1.5-1.5 4.5 4.5 4.5-4.5 1.5 1.5-6 6z"/>= <= circle cx=3D"12" cy=3D"12" r=3D"1.5"/><= path fill=3D"#0b57d0" d=3D"m1042.15 190 3.85-3.85V174h-16v16zm-12.15 2q-.82= 4 0-1.412-.587A1.93 1.93 0 0 1 1028 190v-16q0-.825.588-1.412A1.93 1.93 0 0 = 1 1030 172h16q.824 0 1.413.588.587.587.587 1.412v13l-5 5zm5.45-5.8q1.05 0 1= .95-.6t.9-1.8q0-.725-.35-1.213-.35-.487-1-.787v-.05q.525-.275.788-.75.262-.= 476.262-1.05 0-1.025-.825-1.588a3.1 3.1 0 0 0-1.775-.562q-.825 0-1.575.462c= -.75.462-.842.738-1.025 1.288l1.4.55q.15-.425.45-.662t.75-.238q.425 0 .738.= 263a.86.86 0 0 1 .312.687q0 .5-.4.75t-.85.25h-.65v1.4h.7q.525 0 .988.25t.46= 2.85q0 .525-.4.788-.4.262-.85.262-.6 0-.925-.312-.325-.313-.475-.888l-1.45.= 6q.3.975 1.05 1.538c.75.562 1.1.562 1.8.562m5.55-.2h1.5v-8h-1.15l-2.35 1.7.= 8 1.2 1.2-.9z"/><= path fill-rule=3D"evenodd" d=3D"M1502.182 186h9.545q.525 0 .891-.356a1.2 1.= 2 0 0 0 .382-.882v-8.667q0-.511-.382-.866a1.2 1.2 0 0 0-.89-.372h-9.548 1.9= 1v1.238h7.637v1.857h-10.818v6.81q0 .51.366.882.382.356.907.356m0-1.238v-5.5= 72h1.909v5.572zm7.636 0v-5.572h1.91v5.572zm-4.454-5.572h3.181v5.572h-3.181z= " clip-rule=3D"evenodd"/><= path fill=3D"#0b57d0" d=3D"M1986 188.333a8.1 8.1 0 0 0-.656-3.25 8.4 8.4 0 = 0 0-1.782-2.645 8.4 8.4 0 0 0-2.645-1.782 8.1 8.1 0 0 0-3.25-.656 8.1 8.1 0= 0 0 3.25-.656 8.4 8.4 0 0 0 2.645-1.782 8.4 8.4 0 0 0 1.782-2.645 8.1 8.1 = 0 0 0 .656-3.25q0 1.728.656 3.25a8.4 8.4 0 0 0 1.782 2.645 8.4 8.4 0 0 0 2.= 645 1.782 8.1 8.1 0 0 0 3.25.656 8.1 8.1 0 0 0-3.25.656 8.4 8.4 0 0 0-2.646= 1.781 8.4 8.4 0 0 0-1.78 2.646 8.1 8.1 0 0 0-.657 3.25"/>= <= path d=3D"M2807.25 179.5a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m7.25 4= .5 2.5 2.5 2.5-2.5z"/>= <= /g>= = = <= g transform=3D"translate(5886 170)">= = = = <= path fill=3D"#dadce0" d=3D"M587.52 231.6h48.96v9.6h-48.96zm0 43.2h8.64v9.6h= -8.64zm40.32 0h8.64v9.6h-8.64zm-40.32-14.4h8.64v9.6h-8.64zm40.32 0h8.64v9.6= h-8.64zM587.52 246h48.96v9.6h-48.96z"/>= <= path fill=3D"none" d=3D"M2812 222h20v20h-20z"/>= <= path fill=3D"#004a77" fill-opacity=3D"1" fill-rule=3D"nonzero" d=3D"M5934 2= 22h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4h-16c-2.21 0-4-1.79-4-4v-16c0-2= .21 1.79-4 4-4m0 0"/><= path fill=3D"#ffe265" d=3D"M5.891 9.569c-.02.366.863 3.282.863 3.282l2.366-= .392s1.679-.993 1.726-2.796c.072-2.717-.393-3.996-.73-5.114C9.652 3.023 8.6= 19 1.012 7.744.39 7.231.022 6.662-.032 6.43.013c0 0 1.553 1.216 2.34 3.297.= 785 2.08.97 4.484.97 4.484s-.578.426-1.942.622c-1.054.152-1.963-.105-1.963-= .105s.083.793.057 1.257"/>= = <= path fill=3D"#444746" d=3D"m8231 229.5 5 2.328v3.055c0 3.23-2.133 6.238-5 6= .972-2.867-.734-5-3.742-5-6.972v-3.055zm0 1.398-3.777 1.758v2.227c0 2.55 1.= 625 4.93 3.777 5.648 2.152-.719 3.777-3.097 3.777-5.648v-2.227zm0 2.438c.69= 1 0 1.25.527 1.25 1.183 0 .442-.258.833-.64 1.032l.43 2.047h-2l.425-2.008c-= .422-.192-.715-.598-.715-1.07 0-.657.559-1.184 1.25-1.184"/>= <= clipPath id=3D"aJ">= <= g transform=3D"translate(1052 298)">= <= path fill=3D"#1f1f1f" d=3D"M1510.333 314h9.334a2.333 2.333 0 0 0 2.333-2.33= 3v-9.334a2.333 2.333 0 0 0-2.333-2.333h-9.334a2.333 2.333 0 0 0-2.333 2.333= v9.334a2.333 2.333 0 0 0 2.333 2.333"/>= = = <= path fill=3D"#1f1f1f" d=3D"M2679.65 310.937a1.088 1.088 0 1 0-.002-2.176 1.= 088 1.088 0 0 0 .002 2.176"/>= = <= use fill=3D"url(#cN)" fill-opacity=3D".3" href=3D"#cL"/><= /radialGradient><= /linearGradient> ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://ssl.gstatic.com/docs/common/menu_feature_sprite13.svg fphf-start-0-bottom-ltr-hover Created with Sketch. fphf-start-0-bottom-ltr-normal Created with Sketch. fphf-start-0-bottom-rtl-hover Created with Sketch. fphf-start-0-bottom-rtl-normal Created with Sketch. fphf-start-0-top-ltr-hover Created with Sketch. fphf-start-0-top-ltr-normal Created with Sketch. fphf-start-0-top-rtl-hover Created with Sketch. fphf-start-0-top-rtl-normal Created with Sketch. fphf-start-1-bottom-ltr-hover Created with Sketch. fphf-start-1-bottom-ltr-normal Created with Sketch. fphf-start-1-bottom-rtl-hover Created with Sketch. fphf-start-1-bottom-rtl-normal Created with Sketch. fphf-start-1-top-ltr-hover Created with Sketch. fphf-start-1-top-ltr-normal Created with Sketch. fphf-start-1-top-rtl-hover Created with Sketch. fphf-start-1-top-rtl-normal Created with Sketch. Links_Default Created with Sketch. RTL_Links_Default Created with Sketch. column_1 Created with Sketch. PageNumbers_Default Created with Sketch. RTL_PageNumbers_Default Created with Sketch. column_3 Created with Sketch. column_2 Created with Sketch. ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg Artboard Created with Sketch. ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://ssl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg = = <= path d=3D"M1347.01 12c-.56 0-1.01.43-1.01.99s.44 1.01 1.01 1.01.99-.45.99-1= .01-.43-.99-.99-.99m-.02-8c-1.47 0-2.48.96-2.85 2.08l1.36.57c.18-.56.62-1.2= 3 1.5-1.23 1.35 0 1.62 1.26 1.14 1.94-.45.64-1.22 1.08-1.63 1.8-.32.58-.26 = 1.24-.26 1.65h1.52c0-.78.05-.93.18-1.18.32-.6.93-.88 1.56-1.81.57-.84.35-1.= 97-.01-2.57-.43-.69-1.28-1.25-2.51-1.25"/>= = = <= g fill=3D"#444746">= <= path fill=3D"#444746" d=3D"M3631 13h8V5h-8zm1.5-6.5h5v5h-5zm-1.38-4.5h1.5v1= .5h-1.5zM3628 3.5h1.5V2c-.83 0-1.5.67-1.5 1.5m1.5 12.5v-1.5h-1.5c0 .83.67 1= .5 1.5 1.5m-1.5-4.62h1.5v1.5h-1.5zm0-3.13h1.5v1.5h-1.5zm0-3.13h1.5v1.5h-1.5= zm12.5 6.26h1.5v1.5h-1.5zm0-3.13h1.5v1.5h-1.5zm0-3.13h1.5v1.5h-1.5zm0-3.12v= 1.5h1.5c0-.83-.67-1.5-1.5-1.5m-3.12 0h1.5v1.5h-1.5zm-3.13 0h1.5v1.5h-1.5zm-= 3.13 12.5h1.5V16h-1.5zm9.38 1.5c.83 0 1.5-.67 1.5-1.5h-1.5zm-3.12-1.5h1.5V1= 6h-1.5zm-3.13 0h1.5V16h-1.5z"/>= <= g fill=3D"#444746">= = = = = = <= path d=3D"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2= m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m3.59-13L12 10.59 = 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 = 17 8.41z"/>= = <= path fill=3D"none" d=3D"M1052 50h18v18h-18z"/>= <= path fill=3D"none" stroke=3D"#444746" d=3D"M1177.871 57.296a6 6 0 0 1-.047-= .761c0-3.057 2.288-5.535 5.11-5.535s5.11 2.478 5.11 5.535q0 .357-.04.703a5.= 11 5.11 0 1 1-5.004 8.866 5.11 5.11 0 1 1-5.129-8.808zm7.332 4.2c1.5-.806 2= .582-2.387 2.8-4.258a5.1 5.1 0 0 0-2.112-.456c-1.073 0-2.069.33-2.891.895a5= .1 5.1 0 0 1 2.203 3.819zm-7.332-4.2c.242 1.899 1.372 3.49 2.92 4.266q-.01.= 163-.01.329c0 1.749.88 3.292 2.219 4.213a5.1 5.1 0 0 0 2.203-4.608 4.77 4.7= 7 0 0 1-4.411.066 5.1 5.1 0 0 1 2.208-3.885 5.1 5.1 0 0 0-2.89-.895c-.803 0= -1.563.185-2.239.514z"/><= rect width=3D"11" height=3D"11" x=3D"12.833" y=3D"12" fill=3D"#fff" rx=3D"5= .5"/><= path fill=3D"#8f8f8f" d=3D"M1601 68c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 = 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 = 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c= -1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.= 9 2-2-.9-2-2-2"/>= = = = = = = = = <= path fill=3D"none" d=3D"M4388 50h24v24h-24z"/>= = <= g fill=3D"#444746">= <= circle cx=3D"2" cy=3D"7" r=3D"1.5"/><= /g><= g fill=3D"none" fill-rule=3D"evenodd"><= path fill=3D"url(#B)" fill-opacity=3D".1" fill-rule=3D"evenodd" d=3D"M8.55 = 1.8H21.6l8.1 8.1v22.05a2.25 2.25 0 0 1-2.25 2.25H8.55a2.25 2.25 0 0 1-2.25-= 2.25V4.05A2.25 2.25 0 0 1 8.55 1.8" clip-rule=3D"evenodd"/>= = = <= path fill=3D"#444746" d=3D"M9088 66v-4q-1.667 0-2.833-1.167Q9084 59.667 908= 4 58t1.167-2.833Q9086.333 54 9088 54h7v1.5h-2V66h-1.5V55.5h-2V66Z"/>= <= path d=3D"M172 94h18v18h-18z"/><= path fill=3D"#fff" d=3D"M180 102h7v5h-7z"/><= g fill=3D"none" fill-rule=3D"evenodd">= = <= path d=3D"M2316 94h24v24h-24z"/><= /g>= = = = <= path fill=3D"#444746" d=3D"M7835 95h-6.5c-.83 0-1.5.67-1.5 1.5v13c0 .83.67 = 1.5 1.5 1.5h9c.83 0 1.5-.67 1.5-1.5V99zm2.5 14.5h-9v-13h5.5v3.5h3.5z"/><= path fill=3D"#4285f4" fill-rule=3D"evenodd" d=3D"M7927 94.75a8.25 8.25 0 1 = 0 0 16.5 8.25 8.25 0 0 0 0-16.5m0 13.875a5.625 5.625 0 1 1 0-11.25c1.517 0 = 2.79.558 3.763 1.466l-1.612 1.613c-.584-.556-1.325-.841-2.152-.841-1.836 0-= 3.323 1.552-3.323 3.388s1.488 3.387 3.324 3.387c1.666 0 2.801-.955 3.03-2.2= 65H7927v-2.154h5.298c.065.37.103.756.103 1.159 0 3.213-2.153 5.497-5.401 5.= 497"/>= <= path fill=3D"#444746" fill-rule=3D"evenodd" d=3D"M1797 183.5c-2.49 0-4.5-2.= 01-4.5-4.5s2.01-4.5 4.5-4.5c1.24 0 2.36.52 3.17 1.33L1798 178h5v-5l-1.76 1.= 76A6 6 0 0 0 1797 173c-3.31 0-5.99 2.69-5.99 6s2.68 6 5.99 6a5.98 5.98 0 0 = 0 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5" clip-rule=3D"evenodd"/><= path fill=3D"#444746" fill-rule=3D"evenodd" d=3D"m1956 175.73 6-2.716 6 2.7= 16v3.73c0 1.944-.694 3.82-1.846 5.29q-.312.398-.666.754l-2.09-2.09a2.8 2.8 = 0 0 1-1.583.376l.007.007a2.74 2.74 0 0 1-1.779-.8 2.77 2.77 0 0 1 0-3.915 2= .77 2.77 0 0 1 3.914 0 2.76 2.76 0 0 1 .424 3.36l1.011 1.011a7.23 7.23 0 0 = 0 1.223-3.992v-2.811L1962 174.5l-4.615 2.15v2.81c0 3.01 1.966 5.788 4.615 6= .62a6 6 0 0 0 1.43-.675l.996.996a7.2 7.2 0 0 1-2.426 1.118c-3.443-.849-6-4.= 329-6-8.058zm5.021 6.297a1.393 1.393 0 0 1 0-1.957 1.393 1.393 0 0 1 1.957 = 0 1.393 1.393 0 0 1 0 1.957 1.393 1.393 0 0 1-1.957 0" clip-rule=3D"evenodd= "/><= path fill=3D"#5e97f6" d=3D"M3640.023 178.268c-.8 0-1.512-.623-1.512-1.423s.= 623-1.511 1.423-1.511c.266 0 .622.089.889.267l1.067-.978c-.623-.534-1.245-.= 8-1.956-.8-1.6 0-2.934 1.333-2.934 2.933s1.245 2.934 2.934 2.934c.177 0 .44= 4 0 .622-.089z"/>= <= path d=3D"M5537 177.146v3.706l3-1.852z"/>= <= /g>= = <= g transform=3D"translate(1350 222)">= <= g clip-path=3D"url(#ac)"><= /g><= path fill=3D"#444746" d=3D"m1997 234.5 5.5-3.5-5.5-3.5z"/>= = = = <= circle cx=3D"15.5" cy=3D"9.5" r=3D"1.5" fill=3D"#444746"/><= path fill=3D"#f2f2f2" d=3D"M0 0h24v24H0z"/><= path fill=3D"#444746" d=3D"M6130 239q.424 0 .713-.287c.288-.287.287-.43.287= -.713s-.096-.52-.287-.712-.43-.288-.713-.288-.52.096-.712.288-.288.429-.288= .712.096.52.288.713.429.287.712.287m-1-4h2v-6h-2zm-2.75 8-5.25-5.25v-7.5l5.= 25-5.25h7.5l5.25 5.25v7.5l-5.25 5.25zm.85-2h5.8l4.1-4.1v-5.8l-4.1-4.1h-5.8l= -4.1 4.1v5.8z"/>= <= path fill=3D"#444746" d=3D"M7041 239v-1.5h14v1.5Zm0-3v-1.5h3v-1.75h-3v-1.5h= 3v-1.75h-3V228h14v1.5h-3v1.75h3v1.5h-3v1.75h3v1.5Zm0-9.5V225h14v1.5ZM7065 2= 39v-1.5h14v1.5Zm0-3v-8h8v8Zm0-9.5V225h14v1.5ZM7089 239v-1.5h14v1.5Zm0-3v-1.= 5h2v1.5Zm3 0v-8h8v8Zm9 0v-1.5h2v1.5Zm-12-3.25v-1.5h2v1.5Zm12 0v-1.5h2v1.5Zm= -12-3.25V228h2v1.5Zm12 0V228h2v1.5Zm-12-3V225h14v1.5ZM7113 239v-1.5h14v1.5Z= m0-3v-8h8v8Zm0-9.5V225h14v1.5Zm9.5 9.5v-1.5h4.5v1.5ZM7145.475 234.525l1.05-= 1.05-2.775-2.775v-3.45h-1.5v4.05zM7143 238.5a7.3 7.3 0 0 1-2.925-.59q-1.368= -.591-2.381-1.604c-1.013-1.013-1.21-1.469-1.603-2.381s-.591-1.888-.591-2.92= 5.197-2.013.59-2.925.929-1.706 1.604-2.381 1.468-1.21 2.381-1.603 1.887-.59= 1 2.925-.591 2.013.197 2.925.59 1.706.929 2.381 1.604 1.21 1.469 1.603 2.38= 1q.591 1.37.591 2.925c0 1.555-.197 2.013-.59 2.925q-.591 1.369-1.604 2.381c= -1.013 1.012-1.469 1.21-2.381 1.603a7.3 7.3 0 0 1-2.925.591m0-1.5q2.494 0 4= .247-1.753Q7149 233.493 7149 231c0-2.493-.584-3.078-1.753-4.247Q7145.494 22= 5 7143 225c-2.494 0-3.078.584-4.247 1.753Q7137 228.507 7137 231c0 2.493.584= 3.078 1.753 4.247Q7140.506 237 7143 237"/>= = <= g clip-path=3D"url(#at)">= = <= mask id=3D"aM" width=3D"27" height=3D"26" x=3D"3" y=3D"2" maskUnits=3D"user= SpaceOnUse" style=3D"mask-type:alpha">= = <= path fill=3D"#444746" d=3D"m9206.375 226.5-1.5-1.5 1.5-1.5 1.5 1.5zm8.625 8= .625-1.5-1.5 1.5-1.5 1.5 1.5zm-11.156 3.15-2.119-2.119q-.225-.225-.225-.525= t.225-.525l6.806-6.825q.656-.656 1.594-.656.937 0 1.594.656c.657.656.656.96= 9.656 1.594s-.219 1.156-.656 1.594l-6.825 6.806q-.225.225-.525.225t-.525-.2= 25m5.231-6.281-.281-.263-.263-.262-.262-.263-.263-.262.525.525zm-4.706 4.70= 6 4.706-4.706-1.069-1.05-4.687 4.687zm9.506-7.2q-.112 0-.15-.112a4.2 4.2 0 = 0 0-1.144-1.97 4.2 4.2 0 0 0-1.969-1.143q-.112-.038-.112-.15 0-.131.113-.15= a4.26 4.26 0 0 0 1.968-1.125 4.3 4.3 0 0 0 1.144-1.988q.038-.112.15-.112.13= 1 0 .15.112a4.54 4.54 0 0 0 1.144 1.988q.825.825 1.968 1.125.113.019.113.15= 0 .113-.113.15-1.143.3-1.987 1.144-.825.825-1.125 1.969-.019.112-.15.112"/= ><= path fill=3D"#444746" d=3D"m9958.104 236-4.021-4.042 1.042-1.042 2.979 2.95= 8 1.063 1.063zm4.25 0-4.041-4.042 1.063-1.063 2.979 2.979 6.75-6.75 1.063 1= .063-7.813 7.813Zm0-4.229-1.063-1.063 3.583-3.583 1.063 1.063zM9983.5 230.5= q.415-.293.738-.668t.575-.812l2.687-.02-1.5-3h1.5l1.5 3h2l-1.5-3h3q.62-.002= 1.059.45.44.445.441 1.05v3Zm-5.5.332c.234.14.477.254.719.344q.364.136.781.= 219v5.105h7v1.5h-7q-.605.002-1.05-.45-.451-.445-.45-1.05Zm10 8.168v-2.355l4= .375-4.352a.84.84 0 0 1 .336-.223q.186-.07.367-.07.2-.001.383.074.18.071.33= 2.219l.914.937q.14.148.215.336a.96.96 0 0 1 .008.739c-.063.129-.118.242-.22= 3.34l-4.352 4.355Zm-6-22.062L9993.063 233Zm7 21.062h.938l2.394-2.395-.457-.= 48-.457-.457-2.418 2.394Zm2.875-2.875-.457-.457.914.937ZM9980.5 230q-.124-.= 001-.168-.125a4.24 4.24 0 0 0-1.156-2.05 4.3 4.3 0 0 0-2.059-1.165q-.117-.0= 36-.117-.16.001-.145.125-.168a4.24 4.24 0 0 0 2.05-1.156 4.3 4.3 0 0 0 1.16= 5-2.059q.036-.117.16-.117.146.001.168.125a4.4 4.4 0 0 0 1.168 2.043c.574.57= 4 1.254.96 2.047 1.168q.117.018.117.164-.001.124-.125.168a4.24 4.24 0 0 0-2= .05 1.156 4.3 4.3 0 0 0-1.16 2.059q-.019.117-.165.117M8.833 310.23l5.417-3.= 48-5.417-3.48zm-3.416 3.603q-.5 0-.875-.375c-.375-.375-.375-.541-.375-.875v= -11.666q0-.5.375-.875c.375-.375.541-.375.875-.375h11.666q.5 0 .875.375c.375= .375.375.541.375.875v11.666q0 .5-.375.875c-.375.375-.541.375-.875.375zm0-1.= 25h11.666v-11.666H5.417zm-2.5 3.75q-.5 0-.875-.375c-.375-.375-.375-.541-.37= 5-.875v-12.916h1.25v12.916h12.916v1.25z"/><= path d=3D"M269.5 313h5.25v-5.25h-5.25zm1.5-8.25v-2.25h4.5v2.25zm-1.5 1.5h7.= 5V301h-7.5zm8.25 5.25v-2.25H283v2.25zm-1.5 1.5h8.25v-5.25h-8.25zm-5.25-1.5v= -2.25h2.25v2.25zm10.5-5.25q-1.556 0-2.653-1.097t-1.097-2.653 1.097-2.653 2.= 653-1.097 2.653 1.097 1.097 2.653-1.097 2.653-2.653 1.097m-.375-1.5h.75v-1.= 875h1.875v-.75h-1.875v-1.875h-.75v1.875h-1.875v.75h1.875zM292 314h5v-5.25h-= 5zm1.5-8.25v-2.25h5v2.25zm-1.5 1.5h8V302h-8zm8 5.25v-2.25h6.5v2.25zm-1.5 1.= 5h9.5v-5.25h-9.5zm-5-1.5v-2.25h2v2.25zm11.495-5.5q-1.662 0-2.828-1.171T301 = 302.995t1.171-2.828 2.834-1.167 2.828 1.171 1.167 2.834-1.171 2.828-2.834 1= .167m-.495-2h1v-1.5h1.5v-1h-1.5V301h-1v1.5H303v1h1.5zm-9 5.25"/><= g fill=3D"none" transform=3D"translate(438 298)">= <= rect width=3D"8" height=3D"6" x=3D"10" y=3D"11" fill=3D"#fff" rx=3D"1"/>= <= /g>= = = <= path d=3D"M2431.666 311.5q-.226 0-.42-.111a.9.9 0 0 1-.303-.283l-2.29-3.366= -.207-.13-2.568-3.865q-.31-.424-.077-.832.233-.413.735-.413.213 0 .413.111c= .2.111.243.173.33.296l2.167 3.193.162.05 2.716 4.086q.303.42.084.845-.22.42= -.742.419m-5.368-.006q-.484 0-.704-.389-.219-.394.071-.795l2.755-4.148.181-= .056 2.181-3.211q.129-.174.316-.278a.8.8 0 0 1 .407-.11q.471-.001.696.394.2= 26.389-.07.789l-2.6 3.92-.136.05-2.375 3.452a1 1 0 0 1-.31.27.8.8 0 0 1-.41= 2.112"/>= = <= path fill=3D"#2fc686" d=3D"M2656.333 301.5h-8.666c-1.197 0-2.167.97-2.167 2= .167v8.666c0 1.197.97 2.167 2.167 2.167h8.666c1.197 0 2.167-.97 2.167-2.167= v-8.666c0-1.197-.97-2.167-2.167-2.167"/>= <= path fill=3D"#fc413d" d=3D"M15.25 4H4.75A2.25 2.25 0 0 0 2.5 6.25v7.5A2.25 = 2.25 0 0 0 4.75 16h10.5a2.25 2.25 0 0 0 2.25-2.25v-7.5A2.25 2.25 0 0 0 15.2= 5 4"/>= = <= g mask=3D"url(#cO)"><= /radialGradient><= radialGradient id=3D"dr" cx=3D"0" cy=3D"0" r=3D"1" gradientTransform=3D"rot= ate(45 -11.768 8.556)scale(10.1433)" gradientUnits=3D"userSpaceOnUse">= <= g transform=3D"translate(3622 298)"> ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.google.com/static/document/client/css/596039299-KixCss_ltr.css @charset "utf-8"; .goog-inline-block { position: relative; display: inline-block; } * html .goog-inline-block { display: inline; } :first-child + html .goog-inline-block { display: inline; } .goog-palette { cursor: default; outline: none; } .goog-palette-table { border: 1px solid rgb(102, 102, 102); border-collapse= : collapse; margin: 5px; } .goog-palette-cell { border-width: 0px 1px 0px 0px; border-style: none soli= d none none; border-color: currentcolor rgb(102, 102, 102) currentcolor cur= rentcolor; border-image: none; cursor: pointer; height: 18px; margin: 0px; = text-align: center; vertical-align: middle; width: 18px; } .goog-palette-cell .goog-palette-colorswatch { border-width: medium; border= -style: none; border-color: currentcolor; border-image: none; font-size: x-= small; height: 18px; position: relative; width: 18px; } .goog-palette-cell-hover .goog-palette-colorswatch { border: 1px solid rgb(= 255, 255, 255); height: 16px; width: 16px; } .goog-palette-cell-selected .goog-palette-colorswatch { background: url("//= ssl.gstatic.com/editor/editortoolbar.png") -368px 0px no-repeat; border: 1p= x solid rgb(51, 51, 51); color: rgb(255, 255, 255); font-weight: 700; heigh= t: 16px; width: 16px; } .goog-palette-customcolor { background-color: rgb(250, 250, 250); border: 1= px solid rgb(238, 238, 238); color: rgb(102, 102, 102); font-size: x-small;= height: 15px; position: relative; width: 15px; } .goog-palette-cell-hover .goog-palette-customcolor { background-color: rgb(= 255, 238, 238); border: 1px solid rgb(255, 102, 102); color: rgb(255, 102, = 102); } .goog-menu-button { background: url("//ssl.gstatic.com/editor/button-bg.png= ") 0px 0px repeat-x rgb(221, 221, 221); border: 0px; color: rgb(0, 0, 0); c= ursor: pointer; list-style: none; margin: 2px; outline: none; padding: 0px;= text-decoration: none; vertical-align: middle; } .goog-menu-button-inner-box, .goog-menu-button-outer-box { border-style: so= lid; border-color: rgb(170, 170, 170); vertical-align: top; } .goog-menu-button-outer-box { margin: 0px; border-width: 1px 0px; padding: = 0px; } .goog-menu-button-inner-box { margin: 0px -1px; border-width: 0px 1px; padd= ing: 3px 4px; } * html .goog-menu-button-inner-box { left: -1px; } * html .goog-menu-button-rtl .goog-menu-button-outer-box { left: -1px; righ= t: auto; } * html .goog-menu-button-rtl .goog-menu-button-inner-box { right: auto; } :first-child + html .goog-menu-button-inner-box { left: -1px; } :first-child + html .goog-menu-button-rtl .goog-menu-button-inner-box { lef= t: 1px; right: auto; } .goog-menu-button-disabled { background-image: none !important; opacity: 0.= 3; } .goog-menu-button-disabled .goog-menu-button-caption, .goog-menu-button-dis= abled .goog-menu-button-dropdown, .goog-menu-button-disabled .goog-menu-but= ton-inner-box, .goog-menu-button-disabled .goog-menu-button-outer-box { col= or: rgb(51, 51, 51) !important; border-color: rgb(153, 153, 153) !important= ; } * html .goog-menu-button-disabled { margin: 2px 1px !important; padding: 0p= x 1px !important; } :first-child + html .goog-menu-button-disabled { margin: 2px 1px !important= ; padding: 0px 1px !important; } .goog-menu-button-hover .goog-menu-button-inner-box, .goog-menu-button-hove= r .goog-menu-button-outer-box { border-color: rgb(153, 204, 255) rgb(102, 1= 53, 238) rgb(102, 153, 238) rgb(119, 170, 255) !important; } .goog-menu-button-active, .goog-menu-button-open { background-color: rgb(18= 7, 187, 187); background-position: 0px 100%; } .goog-menu-button-focused .goog-menu-button-inner-box, .goog-menu-button-fo= cused .goog-menu-button-outer-box { border-color: orange; } .goog-menu-button-caption { padding: 0px 4px 0px 0px; vertical-align: top; = } .goog-menu-button-dropdown { height: 15px; width: 7px; background: url("//s= sl.gstatic.com/editor/editortoolbar.png") -388px 0px no-repeat; vertical-al= ign: top; } .goog-menu-button-collapse-right, .goog-menu-button-collapse-right .goog-me= nu-button-inner-box, .goog-menu-button-collapse-right .goog-menu-button-out= er-box { margin-right: 0px; } .goog-menu-button-collapse-left, .goog-menu-button-collapse-left .goog-menu= -button-inner-box, .goog-menu-button-collapse-left .goog-menu-button-outer-= box { margin-left: 0px; } .goog-menu-button-collapse-left .goog-menu-button-inner-box { border-left: = 1px solid rgb(255, 255, 255); } .goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-= inner-box { border-left: 1px solid rgb(221, 221, 221); } .goog-color-menu-button-indicator { border-bottom: 4px solid rgb(240, 240, = 240); } .goog-color-menu-button .goog-menu-button-inner-box, .goog-toolbar-color-me= nu-button .goog-toolbar-menu-button-inner-box { padding-top: 2px !important= ; padding-bottom: 2px !important; } .goog-tab { position: relative; padding: 4px 8px; color: rgb(0, 0, 204); te= xt-decoration: underline; cursor: default; } .goog-tab-bar-top .goog-tab { margin: 1px 4px 0px 0px; border-bottom: 0px; = float: left; } .goog-tab-bar-bottom::after, .goog-tab-bar-top::after { content: " "; displ= ay: block; height: 0px; clear: both; visibility: hidden; } .goog-tab-bar-bottom .goog-tab { margin: 0px 4px 1px 0px; border-top: 0px; = float: left; } .goog-tab-bar-start .goog-tab { margin: 0px 0px 4px 1px; border-right: 0px;= } .goog-tab-bar-end .goog-tab { margin: 0px 1px 4px 0px; border-left: 0px; } .goog-tab-hover { background: rgb(238, 238, 238); } .goog-tab-disabled { color: rgb(102, 102, 102); } .goog-tab-selected { color: rgb(0, 0, 0); background: rgb(255, 255, 255); t= ext-decoration: none; font-weight: 700; border: 1px solid rgb(107, 144, 218= ); } .goog-tab-bar-top { padding-top: 5px !important; padding-left: 5px !importa= nt; border-bottom: 1px solid rgb(107, 144, 218) !important; } .goog-tab-bar-top .goog-tab-selected { top: 1px; margin-top: 0px; padding-b= ottom: 5px; } .goog-tab-bar-bottom .goog-tab-selected { top: -1px; margin-bottom: 0px; pa= dding-top: 5px; } .goog-tab-bar-start .goog-tab-selected { left: 1px; margin-left: 0px; paddi= ng-right: 9px; } .goog-tab-bar-end .goog-tab-selected { left: -1px; margin-right: 0px; paddi= ng-left: 9px; } .goog-tab-bar { margin: 0px; border: 0px; padding: 0px; list-style: none; c= ursor: default; outline: none; background: rgb(235, 239, 249); } .goog-tab-bar-clear { clear: both; height: 0px; overflow: hidden; } .goog-tab-bar-start { float: left; } .goog-tab-bar-end { float: right; } * html .goog-tab-bar-start { margin-right: -3px; } * html .goog-tab-bar-end { margin-left: -3px; } #docs-toolbar { border-bottom-width: medium; border-bottom-style: none; bor= der-bottom-color: currentcolor; } .goog-tab { font-size: 0.6875rem; padding: 4px 3ex; } .goog-tab-hover { background: var(--gm3-sys-color-surface-container-high,#e= 9eef6); } .goog-tab-selected { background: var(--gm3-sys-color-surface,#fff) !importa= nt; } .goog-tab-bar-top { padding: 5px 0px 0px 8px; } .goog-popupcolorpicker { position: absolute; z-index: 1001; } body { overflow: hidden; } body.geometricPrecision canvas { text-rendering: geometricprecision; } body.noAdvancedCJKPositioning canvas, body.noAdvancedCJKPositioning svg { t= ext-spacing-trim: space-all; text-autospace: no-autospace; } .kix-appview, .kix-appview-editor-container { position: relative; } .kix-appview-editor { overflow-y: auto; position: relative; outline: none; = white-space: normal; background-color: var(--gm3-sys-color-surface-containe= r-low,#f8fafd); background-repeat: no-repeat; -webkit-tap-highlight-color: = color-mix(in srgb,var(--gm3-sys-color-inverse-surface,#303030) 0%,transpare= nt); } .kix-appview-clipped-ui-elements-container { pointer-events: none; position= : absolute; z-index: 41; } .kix-appview-clipped-ui-elements-container > * { pointer-events: auto; } .kix-appview-clipped-ui-elements-container-scrolling > * { pointer-events: = none; } .kix-hub-appview-editor { background: var(--gm3-sys-color-surface,#fff); } body.docs-grille-gm3 { background-color: var(--gm3-sys-color-surface-contai= ner-low,#f8fafd); } .docs-body-pageless #docs-editor, .docs-body-pageless #docs-editor-containe= r, body.docs-body-pageless, body.docs-hub { background-color: var(--gm3-sys= -color-surface,#fff); } @media (min-resolution: 192dpi) { .kix-appview-editor { z-index: 0; } } .goog-dimension-picker div.goog-dimension-picker-highlighted { background: = url("//ssl.gstatic.com/docs/documents/images/dimension-highlighted-contrast= .png"); } .goog-dimension-picker-unhighlighted { background: url("//ssl.gstatic.com/d= ocs/documents/images/dimension-unhighlighted.png"); } @media print { .kix-appview { background: var(--gm3-sys-color-surface,#fff); } .kix-appview-editor { overflow: visible !important; height: auto !importa= nt; position: static !important; } body.docs-grille-gm3 { background-color: var(--gm3-sys-color-surface,#fff= ); } } .docs-gm .kix-bookmark-bubble { background-color: var(--gm3-sys-color-surfa= ce,#fff); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); borde= r-radius: 8px; border-width: 0px; box-shadow: 0 1px 3px 1px rgba(var(--gm3-= sys-color-shadow-rgb,0,0,0),.15); color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font= -size: 0.875rem; outline: transparent solid 1px; padding: 4px; } .kix-bookmark-bubble .kix-bookmark-bubble-content { align-items: center; di= splay: flex; min-height: 26px; } .kix-bookmark-bubble .kix-bookmark-bubble-text { font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; opac= ity: 1; padding-left: 6px; padding-right: 3px; vertical-align: baseline; te= xt-decoration: none !important; } .kix-bookmark-bubble .kix-bookmark-bubble-button-container { margin-left: 3= px; } .kix-bookmark-bubble .kix-bookmark-bubble-button { padding: 4px !important;= } .kix-commentcontainer { background-color: var(--ws-sys-color-extended-yello= w-tonal,#fff2b4); border: 2px solid var(--ws-sys-color-extended-yellow-outl= ine,#ffe07c); cursor: text; text-align: left; position: absolute; } .kix-commentcontainer.kix-noteview-highlighted { border: 2px solid var(--ws= -sys-color-extended-yellow-outline,#ffe07c); box-shadow: 2px 2px 8px color-= mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%,transparent); } .kix-commentcontainer .kix-commentcontainer-header { top: 0px; left: 0px; b= ackground-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); width: = 100%; height: 15px; cursor: default; border-bottom: 1px solid var(--ws-sys-= color-extended-yellow-tonal,#fff2b4); } .kix-commentcontainer .kix-commentcontainer-highlighted-arrow-sprite { left= : -108px; } .kix-commentcontainer .kix-commentcontainer-highlighted-arrow { height: 16p= x; left: -15px; position: absolute; top: -2px; visibility: hidden; width: 1= 6px; } .kix-commentcontainer.kix-noteview-highlighted .kix-commentcontainer-header= { background-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00); } .kix-commentcontainer .docs-icon { width: 16px; } .kix-commentcontainer .kix-icon-delete-note { right: 16px; } .kix-cursor { cursor: text; position: absolute; z-index: 27; } .kix-format-painter-mode .kix-cursor { cursor: image-set(url("data:image/pn= g;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAMAAACWh252AAAAQlBMVEVHcEwAAAAAAA= AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA= ABz07T7AAAAFXRSTlMASwj1EeVcRbTw0S/B6oRlsKDcOTfaTrUAAAAAYUlEQVQoz8WORw7AIAwE= TTWQXvz/r0ZRmomA3MKcvNZotQB/oYIFEVRekMs8GZT76ejExcpKeBx08yq5MnHKwvOLBL4hKWR= /PKQ2RIm+6ioJSLYkaGH6btB5wbcIzeihChva2Ah1iGy3cAAAAABJRU5ErkJggg=3D=3D") 1x,= url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAsCAMAAADigU7NAAA= AZlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA= AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLZRe2A= AAAIXRSTlMA9RAX0yUI40n4tQGJGsyU8VpHOOvGPNt8LV2hrG2aYUs0eqYlAAAAwklEQVRIx+3W= 2Q6CMBRF0cNYyuCI4Kz7/3/SJxODQqDEqJHz2GGlN23TSlO+LJ6ZzSNJ8rcz4zkAAPYkJSWAAxA= X6yMsK8tmFcT31sTQiEk6kAt2Qf7Y8jQfTNcyzpA+FdZMFxBANApQs5vWfBJ4Ne59QNs29gbaDl= JvQEPHvQ1w3saBQHtXzys+GuguYQL+BojgOgbIUqh9dyDLKUM2hRsQR/sQWwU1Xr72HQCAcCUVB= 8fH1Zp0mUmSdvNwMX13fic3WPk1hE3qWf0AAAAASUVORK5CYII=3D") 2x) 5 10, text; } .kix-cursor-caret { position: absolute; width: 0px; border-left: 2px solid;= } .kix-cursor-top { position: absolute; border-radius: 0px 2px 2px 0px; top: = -2px; font-size: 0px; height: 5px; left: 0px; width: 5px; } .kix-cursor-name { position: absolute; color: var(--gm3-sys-color-surface,#= fff); white-space: nowrap; font-weight: 500; border-radius: 4px 4px 0px 0px= ; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; font-size: 0.6875rem; left: 0px; line-height: 1rem; padding: 0px 6px;= top: -17px; } .kix-cursor-italic { display: inline; transform: rotate(13deg); } #apps-debug-tracers { display: none; } .kix-discussion-plugin { position: absolute; z-index: 100; } .kix-discussion-plugin:has(.docos-comments-pe) { z-index: 98; } .kix-discussion-plugin:has(.docos-minimized-view-mode) { z-index: 100; } .kix-discussion-plugin-vertical { right: 0px; } .kix-discussion-plugin.kix-pageless-non-white-background-border .docos-anch= oreddocoview:not(.docos-minimized-view-mode, .docos-docoview-active, .docos= -emoji-reaction-doco-view), .kix-discussion-plugin.kix-pageless-non-white-b= ackground-border .docos-emoji-reaction-doco-view .docos-emoji-counter-butto= n-user-involved { outline: 1px solid color-mix(in srgb,var(--gm3-sys-color-= outline,#747775) 40%,transparent); } .kix-discussion-plugin.kix-pageless-non-white-background-border .docos-anch= oreddocoview.docos-minimized-view-mode.docos-minimized-view:not(.docos-emoj= i-reaction-doco-view), .kix-discussion-plugin.kix-pageless-non-white-backgr= ound-border .docos-minimized-view-mode.docos-minimized-view .docos-anchored= docoview-minimized .docos-emoji-container .docos-emoji-minimized { outline:= 1px solid color-mix(in srgb,var(--gm3-sys-color-outline,#747775) 40%,trans= parent); } .kix-discussion-plugin.kix-pageless-non-white-background-border .docos-anch= oreddocoview.docos-minimized-view-mode:not(.docos-docoview-active) .docos-a= nchoreddocoview-internal { outline: 1px solid color-mix(in srgb,var(--gm3-s= ys-color-outline,#747775) 40%,transparent); } @media print { .docos-pane { display: none !important; } } .document-slice-reflow-canvas-view-a11y-content { height: 1px; left: -10000= px; overflow: hidden; position: absolute; top: -10000px; width: 1px; } .kix-default-page { background: var(--gm3-sys-color-surface-container,#f0f4= f9); } .kix-page-paginated { border: 0px; margin: 3.75pt 3.75pt 7.5pt; outline: 1p= x solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .kix-page-paginated-box-shadow { box-shadow: 0 1px 3px 1px rgba(var(--gm3-s= ys-color-shadow-rgb,0,0,0),.15); } .kix-page-paginated .kix-stacked-tile-page-shadow { box-shadow: 0 1px 3px 1= px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); position: absolute; wid= th: 100%; height: 100%; } .kix-rotatingtilemanager .kix-page-paginated { margin: 0px; } .kix-rotatingtilemanager.canvas-left-border { box-shadow: -1px 0 0 0 var(--= gm3-sys-color-outline-variant,#c4c7c5); } .kix-rotatingtilemanager.canvas-right-border { box-shadow: 1px 0 0 0 var(--= gm3-sys-color-outline-variant,#c4c7c5); } .kix-rotatingtilemanager.canvas-left-border.canvas-right-border { box-shado= w: -1px 0 0 0 var(--gm3-sys-color-outline-variant,#c4c7c5),1px 0 0 0 var(--= gm3-sys-color-outline-variant,#c4c7c5); } .kix-page-canvas-compact-mode { border-top: 1px dotted var(--gm3-sys-color-= outline-variant,#c4c7c5); } .kix-page-canvas-compact-mode.canvas-first-page { border-top-width: medium;= border-top-style: none; border-top-color: currentcolor; } .kix-hub-appview-editor .kix-page-paginated { margin: 0px 0px 3pt; } .kix-page { cursor: text; overflow: hidden; position: relative; white-space= : normal; -webkit-tap-highlight-color: initial; } .kix-appview-editor.kix-format-painter-mode, .kix-format-painter-mode .kix-= page { cursor: image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA= AACAAAAAWCAMAAACWh252AAAAQlBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA= AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABz07T7AAAAFXRSTlMASwj1EeVcRbTw0= S/B6oRlsKDcOTfaTrUAAAAAYUlEQVQoz8WORw7AIAwETTWQXvz/r0ZRmomA3MKcvNZotQB/oYIF= EVRekMs8GZT76ejExcpKeBx08yq5MnHKwvOLBL4hKWR/PKQ2RIm+6ioJSLYkaGH6btB5wbcIzei= hChva2Ah1iGy3cAAAAABJRU5ErkJggg=3D=3D") 1x, url("data:image/png;base64,iVBO= Rw0KGgoAAAANSUhEUgAAAEAAAAAsCAMAAADigU7NAAAAZlBMVEVHcEwAAAAAAAAAAAAAAAAAAAA= AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA= AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLZRe2AAAAIXRSTlMA9RAX0yUI40n4tQGJGsyU8= VpHOOvGPNt8LV2hrG2aYUs0eqYlAAAAwklEQVRIx+3W2Q6CMBRF0cNYyuCI4Kz7/3/SJxODQqDE= qJHz2GGlN23TSlO+LJ6ZzSNJ8rcz4zkAAPYkJSWAAxAX6yMsK8tmFcT31sTQiEk6kAt2Qf7Y8jQ= fTNcyzpA+FdZMFxBANApQs5vWfBJ4Ne59QNs29gbaDlJvQEPHvQ1w3saBQHtXzys+GuguYQL+Bo= jgOgbIUqh9dyDLKUM2hRsQR/sQWwU1Xr72HQCAcCUVB8fH1Zp0mUmSdvNwMX13fic3WPk1hE3qW= f0AAAAASUVORK5CYII=3D") 2x) 5 10, text; } @media print { .kix-page-paginated { border-width: medium !important; border-style: none= !important; border-color: currentcolor !important; border-image: none !imp= ortant; margin: 0px !important; box-shadow: none !important; } } .docs-material #docs-bars #docs-toolbar-wrapper.docs-toolbar-margin-collaps= ed { margin-bottom: 0px; } .docs-body-pageless #docs-chrome.docs-material, .docs-body-pageless #docs-c= hrome.docs-material .docs-titlebar-buttons { background: var(--gm3-sys-colo= r-surface,#fff); } #docs-chrome.docs-toolbar-scrolled #titlebar-mode-indicator-container .docs= -material-button-hover, #docs-chrome.docs-toolbar-scrolled #titlebar-mode-i= ndicator-container .docs-material-menu-button-flat-primary-hover { backgrou= nd: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,transparent);= } #docs-chrome.docs-toolbar-scrolled #titlebar-mode-indicator-container .docs= -material-button-active, #docs-chrome.docs-toolbar-scrolled #titlebar-mode-= indicator-container .docs-material-menu-button-flat-primary-active { backgr= ound: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,transparen= t); } #docs-chrome.docs-toolbar-scrolled #titlebar-mode-indicator-container .docs= -material-button-focused, #docs-chrome.docs-toolbar-scrolled #titlebar-mode= -indicator-container .docs-material-menu-button-flat-primary-focused { back= ground: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,transpar= ent); } .kix-domviewscroller-outer { cursor: default; overflow: scroll hidden; posi= tion: absolute; z-index: 40; } .kix-domviewscroller-outer:not(.is-in-mole) { overflow-x: hidden; } .kix-domviewscroller-outer:not(.is-in-mole):hover { overflow-x: auto; } .kix-domviewscroller-fade { height: 100%; position: absolute; top: 0px; z-i= ndex: 99; } .kix-domviewscroller-fade-left { background: linear-gradient(90deg,color-mi= x(in sRGB,var(--gm3-sys-color-shadow,#000) 20%,transparent) 0,color-mix(in = sRGB,var(--gm3-sys-color-shadow,#000) 0%,transparent) 100%); } .kix-domviewscroller-fade-right { background: linear-gradient(270deg,color-= mix(in sRGB,var(--gm3-sys-color-shadow,#000) 20%,transparent) 0,color-mix(i= n sRGB,var(--gm3-sys-color-shadow,#000) 0%,transparent) 100%); } .kix-domviewscroller-header { height: 100%; left: 0px; position: absolute; = top: 0px; z-index: 98; } .kix-domviewscroller-header-element { width: 0px; } .kix-domviewscroller-sticky { display: block; height: auto; left: 0px; posi= tion: sticky; top: 0px; width: 100%; } .kix-domviewscroller-header .kix-canvas-tile-content { left: 0px; top: 0px;= } .kix-domviewscroller-tile-wrapper { cursor: default; overflow: hidden; } .kix-embeddedobjectdragger { left: 0px; top: 0px; position: absolute; } .kix-embeddedobjectdragger-embeddedentity { cursor: move; z-index: 41; } .kix-embeddedobjectdragger-embeddedentity .kix-embeddedobjectdragger-embedd= edentity-image { opacity: 0.5; } .kix-embeddedobjectdragger-cropmode { cursor: move; z-index: 33; opacity: 0= .5; } .kix-embeddedobjectdragger-cropoutline { cursor: move; transform-origin: 0p= x 0px; position: absolute; z-index: 35; } .kix-embeddedobjectdragger-cropwrapper { overflow: hidden; position: absolu= te; z-index: 31; } .kix-embeddedobjectdragger-graybox { background: color-mix(in srgb,var(--gm= 3-sys-color-on-surface,#1f1f1f) 16%,var(--gm3-sys-color-surface,#fff)); wid= th: 100%; height: 100%; } .docs-material .docs-icon, .docs-material .goog-color-menu-button-indicator= .docs-icon, .docs-material .sketchy-toolbar-color-menu-button .goog-toolba= r-menu-button-caption .docs-icon { height: 18px; width: 18px; margin: 1px 2= px 2px 1px; } .icon-20X20.docs-icon { height: 20px; width: 20px; margin: 0px; } .icon-22X22.docs-icon { height: 22px; width: 22px; margin: 1px 1px 0px 0px;= } .icon-24X24.docs-icon { height: 24px; width: 24px; margin: 0px; } .icon-32X32.docs-icon { height: 32px; width: 32px; margin: 0px; } .icon-50X60.docs-icon { height: 60px; width: 50px; margin: 0px; } .icon-50X68.docs-icon { height: 68px; width: 50px; margin: 0px; } .icon-48X48.docs-icon { height: 48px; width: 48px; margin: 0px; } .icon-72X72.docs-icon { height: 72px; width: 72px; margin: 0px; } .docs-material .docs-icon-img::before { content: url("https://ssl.gstatic.c= om/docs/common/material_common_sprite1060_gm3_grey_medium.svg"); } @media screen and (forced-colors: none) { .docs-material .docs-icon-img.docs-icon-masked-image::before { content: u= nset; } } .docs-gm .docs-material .docs-icon-img::before { content: url("https://ssl.= gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg"); } @media screen and (forced-colors: none) { .docs-gm .docs-material .docs-icon-img.docs-icon-masked-image::before { c= ontent: unset; } } .docs-grille-gm3 .docs-material .docs-icon-img::before { content: url("http= s://ssl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.= svg"); } @media screen and (forced-colors: none) { .docs-grille-gm3 .docs-material .docs-icon-img.docs-icon-masked-image::be= fore { content: unset; } } .docs-material .docs-icon-img { content: url("https://ssl.gstatic.com/docs/= common/material_common_sprite1060_gm3_grey_medium.svg"); } @media screen and (forced-colors: none) { .docs-material .docs-icon-img.docs-icon-masked-image { content: unset; ba= ckground-image: unset; background-color: currentcolor; mask-image: url("htt= ps://ssl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium= .svg"); } } .docs-gm .docs-material .docs-icon-img { content: url("https://ssl.gstatic.= com/docs/common/material_common_sprite1060_gm3_grey_medium.svg"); } @media screen and (forced-colors: none) { .docs-gm .docs-material .docs-icon-img.docs-icon-masked-image { content: = unset; background-image: unset; background-color: currentcolor; mask-image:= url("https://ssl.gstatic.com/docs/common/material_common_sprite1060_gm3_gr= ey_medium.svg"); } } .docs-icons-cleanup .docs-material .docs-icon-img { content: url("https://s= sl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg")= ; } @media screen and (forced-colors: none) { .docs-icons-cleanup .docs-material .docs-icon-img.docs-icon-masked-image = { content: unset; background-image: unset; background-color: currentcolor; = mask-image: url("https://ssl.gstatic.com/docs/common/material_common_sprite= 1060_gm3_grey_medium.svg"); } } .docs-grille-gm3 .docs-material .docs-icon-img { content: url("https://ssl.= gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg"); } @media screen and (forced-colors: none) { .docs-grille-gm3 .docs-material .docs-icon-img.docs-icon-masked-image { c= ontent: unset; background-image: unset; background-color: currentcolor; mas= k-image: url("https://ssl.gstatic.com/docs/common/material_common_sprite106= 0_gm3_grey_medium.svg"); } } .docs-material .docs-icon-img-container { height: 338px; position: absolute= ; width: 10000px; } .docs-material .goog-menuitem-icon .docs-icon-img-container { opacity: 0.54= ; } .docs-gm .docs-material .goog-menuitem-icon .docs-icon-img-container, .docs= -material .goog-menuitem-icon .docs-icon-document, .docs-material .goog-men= uitem-icon .docs-icon-drawing, .docs-material .goog-menuitem-icon .docs-ico= n-form, .docs-material .goog-menuitem-icon .docs-icon-opaque, .docs-materia= l .goog-menuitem-icon .docs-icon-presentation, .docs-material .goog-menuite= m-icon .docs-icon-punch, .docs-material .goog-menuitem-icon .docs-icon-scri= pt, .docs-material .goog-menuitem-icon .docs-icon-site, .docs-material .goo= g-menuitem-icon .docs-icon-spreadsheet { opacity: 1; } .docs-material .goog-toolbar-button-inner-box .docs-icon, .docs-material .g= oog-toolbar-menu-button-caption .docs-icon, .docs-material .goog-toolbar-me= nu-button-caption .goog-color-menu-button-indicator .docs-icon { margin-top= : 0px; } .docs-gm .docs-icon-video-camera-front-18 .docs-icon-img::before, .docs-gm = .docs-icon-video-camera-front-24 .docs-icon-img::before, .docs-gm .docs-mat= erial .docs-analytics-sidebar-tab-selected .docs-icon-img::before, .docs-gm= .docs-material .docs-smart-summary-tinted.docs-icon-img::before, .docs-gm = .docs-material .kix-calendar-template-date-range-picker-blue-icon .docs-ico= n-img::before, .docs-gm .docs-material .kix-task-bubble-blue-icon .docs-ico= n-img::before, .docs-gm .docs-material .waffle-named-ranges-promo-title .do= cs-icon-img::before, .docs-gm .docs-material.docs-sheet-active-tab .docs-ic= on-img::before, .docs-material .docs-icon-system-applied-labels.docs-icon-i= mg::before, .docs-material .docs-odp-banner-icon .docs-icon-editors-ia-labe= l.docs-icon-img::before, .docs-material .smart-canvas-date-details-bubble-b= ook-meeting-button .docs-icon-img::before, .docs-material .smart-canvas-dat= e-details-bubble-pattern-picker-button .docs-icon-img::before, .docs-materi= al .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-i= con-img::before { content: url("https://ssl.gstatic.com/docs/common/materia= l_common_sprite1060_blue.svg"); } .docs-gm .docs-icon-video-camera-front-18 .docs-icon-img, .docs-gm .docs-ic= on-video-camera-front-24 .docs-icon-img, .docs-gm .docs-material .docs-anal= ytics-sidebar-tab-selected .docs-icon-img, .docs-gm .docs-material .docs-sm= art-summary-tinted.docs-icon-img, .docs-gm .docs-material .kix-calendar-tem= plate-date-range-picker-blue-icon .docs-icon-img, .docs-gm .docs-material .= kix-task-bubble-blue-icon .docs-icon-img, .docs-gm .docs-material .waffle-n= amed-ranges-promo-title .docs-icon-img, .docs-gm .docs-material.docs-sheet-= active-tab .docs-icon-img, .docs-material .docs-icon-system-applied-labels.= docs-icon-img, .docs-material .docs-odp-banner-icon .docs-icon-editors-ia-l= abel.docs-icon-img, .docs-material .smart-canvas-date-details-bubble-book-m= eeting-button .docs-icon-img, .docs-material .smart-canvas-date-details-bub= ble-pattern-picker-button .docs-icon-img, .docs-material .smart-canvas-date= -details-bubble-pattern-picker-button-original .docs-icon-img { content: ur= l("https://ssl.gstatic.com/docs/common/material_common_sprite1060_blue.svg"= ); } .docs-material.clean-palette .docs-icon { margin: 4px; } .docs-material .docs-omnibox-row-icon .shape-icon { margin: -1px 0px 0px -1= px; } .docs-icon-font-test { font-family: "Google Symbols"; height: 0px; position= : absolute; overflow: hidden; width: 0px; z-index: -1; } .docs-material .docs-icon-editors-ia-accessibility-person { left: -84px; to= p: 0px; } .docs-material .docs-icon-editors-ia-add-box { left: -106px; top: 0px; } .docs-material .docs-icon-editors-ia-add-comment { left: -128px; top: 0px; = } .docs-material .docs-icon-editors-ia-add-ons-docs { left: -3692px; top: 0px= ; } .docs-material .docs-icon-editors-ia-add-ons-sheets { left: -150px; top: 0p= x; } .docs-material .docs-icon-editors-ia-add-ons-slides { left: -5188px; top: 0= px; } .docs-material .docs-icon-editors-ia-add-person { left: -172px; top: 0px; } .docs-material .docs-icon-editors-ia-add-photo { left: -4418px; top: 0px; } .docs-material .docs-icon-editors-ia-add-to-drive { left: -194px; top: 0px;= } .docs-material .docs-icon-editors-ia-align-bottom { left: -216px; top: 0px;= } .docs-material .docs-icon-editors-ia-align-center { left: -238px; top: 0px;= } .docs-material .docs-icon-editors-ia-align-horizontal-center { left: -5276p= x; top: 0px; } .docs-material .docs-icon-editors-ia-align-horizontal-left { left: -5056px;= top: 0px; } .docs-material .docs-icon-editors-ia-align-horizontal-right { left: -5298px= ; top: 0px; } .docs-material .docs-icon-editors-ia-align-justify { left: -3142px; top: 0p= x; } .docs-material .docs-icon-editors-ia-align-left { left: -260px; top: 0px; } .docs-material .docs-icon-editors-ia-align-middle { left: -282px; top: 0px;= } .docs-material .docs-icon-editors-ia-align-right { left: -304px; top: 0px; = } .docs-material .docs-icon-editors-ia-align-top { left: -326px; top: 0px; } .docs-material .docs-icon-editors-ia-looker-studio { left: -3632px; top: -1= 70px; } .docs-material .docs-icon-editors-ia-looker-studio-18 { left: -4030px; top:= -170px; } .docs-material .docs-icon-editors-ia-data-studio-18 { left: -8744px; top: -= 222px; } .docs-material .docs-icon-editors-ia-align-vertical-bottom { left: -5320px;= top: 0px; } .docs-material .docs-icon-editors-ia-align-vertical-center { left: -5342px;= top: 0px; } .docs-material .docs-icon-editors-ia-align-vertical-top { left: -5078px; to= p: 0px; } .docs-material .docs-icon-editors-ia-alphabetical-sort { left: -348px; top:= 0px; } .docs-material .docs-icon-editors-ia-alphabetical-sort-reverse { left: -370= px; top: 0px; } .docs-material .docs-icon-editors-ia-animation { left: -4440px; top: 0px; } .docs-material .docs-icon-editors-ia-antenna-update { left: -392px; top: 0p= x; } .docs-material .docs-icon-editors-ia-approvals-stamp { left: -414px; top: 0= px; } .docs-material .docs-icon-editors-ia-apps-script { left: -436px; top: 0px; = } .docs-material .docs-icon-info-24x24 { left: -8487px; top: -170px; } .docs-material .docs-shield-off-20x20 { left: -8567px; top: -170px; } .docs-material .docs-shield-20x20 { left: -9667px; top: -170px; } .docs-material .docs-icon-new-window-20x20 { left: -8926px; top: -222px; } .docs-material .docs-icon-editors-ia-article-document { left: -458px; top: = 0px; } .docs-material .docs-icon-editors-ia-article-document-blue { left: -4176px;= top: 0px; } .docs-material .docs-icon-editors-ia-article-document-filled { left: -3164p= x; top: 0px; } .docs-material .docs-icon-article-document-encrypted-20x20 { left: -2432px;= top: -170px; } .docs-material .docs-icon-rotate-90-degrees-ccw-24x24 { left: -1438px; top:= -298px; } .docs-material .docs-icon-logo-pics-20x20 { left: -9396px; top: -222px; } .docs-material .docs-icon-done-all-20x20 { left: -9952px; top: -222px; } .docs-material .docs-icon-article-document-encrypted-18x18 { left: -2508px;= top: -170px; } .docs-material .docs-icon-small-caps-18x18 { left: -8722px; top: -222px; } .docs-material .docs-icon-small-caps-v2-18x18 { left: -222px; top: -298px; = } .docs-material .docs-icon-editors-ia-auto-complete-draw { left: -480px; top= : 0px; } .docs-material .docs-icon-editors-ia-auto-fix-wand { left: -502px; top: 0px= ; } .docs-material .docs-icon-editors-ia-bigquery { left: -524px; top: 0px; } .docs-material .docs-icon-editors-ia-bold { left: -546px; top: 0px; } .docs-material .docs-icon-editors-ia-bookmark { left: -3186px; top: 0px; } .docs-material .docs-icon-editors-ia-calendar-event { left: -3956px; top: 0= px; } .docs-material .docs-icon-editors-ia-camera { left: -4242px; top: 0px; } .docs-material .docs-icon-editors-ia-chart { left: -568px; top: 0px; } .docs-material .docs-icon-editors-ia-chart-horizontal { left: -4264px; top:= 0px; } .docs-material .docs-icon-editors-ia-change-connector { left: -4462px; top:= 0px; } .docs-material .docs-icon-editors-ia-checkbox { left: -590px; top: 0px; } .docs-material .docs-icon-editors-ia-chips-people { left: -612px; top: 0px;= } .docs-material .docs-icon-editors-ia-clear-format { left: -634px; top: 0px;= } .docs-material .docs-icon-editors-ia-close { left: -656px; top: 0px; } .docs-material .docs-icon-editors-ia-columns { left: -3208px; top: 0px; } .docs-material .docs-icon-editors-ia-colors-fill { left: -4484px; top: 0px;= } .docs-material .docs-icon-editors-ia-comment-edit { left: -3230px; top: 0px= ; } .docs-material .docs-icon-delete { left: -9879px; top: -170px; } .docs-material .docs-icon-editors-ia-comment-edit-green700 { left: -4198px;= top: 0px; } .docs-material .docs-icon-editors-ia-comment-feedback-warning { left: -678p= x; top: 0px; } .docs-material .docs-icon-editors-ia-comment-lines { left: -700px; top: 0px= ; } .docs-material .docs-icon-editors-ia-compare-arrows { left: -3252px; top: 0= px; } .docs-material .docs-icon-editors-ia-content-copy { left: -722px; top: 0px;= } .docs-material .docs-icon-editors-ia-control-point-duplicate { left: -5100p= x; top: 0px; } .docs-material .docs-icon-editors-ia-crop { left: -4154px; top: 0px; } .docs-material .docs-icon-editors-ia-cut { left: -744px; top: 0px; } .docs-material .docs-icon-editors-ia-database { left: -766px; top: 0px; } .docs-material .docs-icon-editors-ia-delete-trash { left: -788px; top: 0px;= } .docs-material .docs-icon-editors-ia-device-hub-connector { left: -4506px; = top: 0px; } .docs-material .docs-icon-editors-ia-dictionary { left: -3274px; top: 0px; = } .docs-material .docs-icon-dictionary-blue { left: -5858px; top: -170px; } .docs-material .docs-icon-editors-ia-distribute-shapes-horizontal { left: -= 5364px; top: 0px; } .docs-material .docs-icon-editors-ia-distribute-shapes-vertical { left: -53= 86px; top: 0px; } .docs-material .docs-icon-editors-ia-download { left: -810px; top: 0px; } .docs-material .docs-icon-editors-ia-download-box { left: -832px; top: 0px;= } .docs-material .docs-icon-editors-ia-drag-move { left: -854px; top: 0px; } .docs-material .docs-icon-editors-ia-drawings { left: -876px; top: 0px; } .docs-material .docs-icon-editors-ia-drawings-filled { left: -4528px; top: = 0px; } .docs-material .docs-icon-editors-ia-drawings-red { left: -4550px; top: 0px= ; } .docs-material .docs-icon-editors-ia-drive-video { left: -4572px; top: 0px;= } .docs-material .docs-icon-editors-ia-dropdown-arrow-in-circle { left: -898p= x; top: 0px; } .docs-material .docs-icon-editors-ia-edit-pen { left: -920px; top: 0px; } .docs-material .docs-icon-editors-ia-edit-pen-blue700 { left: -4220px; top:= 0px; } .docs-material .docs-icon-editors-ia-email-outline { left: -942px; top: 0px= ; } .docs-material .docs-icon-editors-ia-emoji { left: -3714px; top: 0px; } .docs-material .docs-icon-editors-ia-encrypted-shield { left: -964px; top: = 0px; } .docs-material .docs-icon-editors-ia-equals-circle { left: -986px; top: 0px= ; } .docs-material .docs-icon-editors-ia-equation-pi-squared { left: -3296px; t= op: 0px; } .docs-material .docs-icon-editors-ia-expand { left: -3978px; top: 0px; } .docs-material .docs-icon-editors-ia-expand-horizontal { left: -5210px; top= : 0px; } .docs-material .docs-icon-editors-ia-explore { left: -9202px; top: -94px; } .docs-material .docs-icon-editors-ia-extract-sheet-copy { left: -1008px; to= p: 0px; } .docs-material .docs-icon-editors-ia-file-bullet-form { left: -1030px; top:= 0px; } .docs-material .docs-icon-editors-ia-file-copy { left: -1052px; top: 0px; } .docs-material .docs-icon-editors-ia-filter-bars { left: -1074px; top: 0px;= } .docs-material .docs-icon-editors-ia-filter-funnel { left: -1096px; top: 0p= x; } .docs-material .docs-icon-editors-ia-filter-funnel-solid { left: -1118px; t= op: 0px; } .docs-material .docs-icon-editors-ia-filter-table-view { left: -1140px; top= : 0px; } .docs-material .docs-icon-editors-ia-find-in-page { left: -4000px; top: 0px= ; } .docs-material .docs-icon-editors-ia-find-replace { left: -1162px; top: 0px= ; } .docs-material .docs-icon-editors-ia-flip-to-front { left: -4594px; top: 0p= x; } .docs-material .docs-icon-editors-ia-focus-center { left: -4616px; top: 0px= ; } .docs-material .docs-icon-editors-ia-folder { left: -1184px; top: 0px; } .docs-material .docs-icon-editors-ia-folder-move { left: -1206px; top: 0px;= } .docs-material .docs-icon-editors-ia-format-group { left: -4638px; top: 0px= ; } .docs-material .docs-icon-editors-ia-format-shapes { left: -4660px; top: 0p= x; } .docs-material .docs-icon-editors-ia-format-ungroup { left: -4682px; top: 0= px; } .docs-material .docs-icon-editors-ia-font-text-size { left: -1228px; top: 0= px; } .docs-material .docs-icon-editors-ia-freeze-row-column { left: -3032px; top= : 0px; } .docs-material .docs-icon-editors-ia-fullscreen { left: -1250px; top: 0px; = } .docs-material .docs-icon-editors-ia-fullscreen-exit { left: -1272px; top: = 0px; } .docs-material .docs-icon-editors-ia-globe { left: -1294px; top: 0px; } .docs-material .docs-icon-editors-ia-grid-goldenratio { left: -4704px; top:= 0px; } .docs-material .docs-icon-editors-ia-grid-range { left: -1316px; top: 0px; = } .docs-material .docs-icon-editors-ia-header-footer { left: -3318px; top: 0p= x; } .docs-material .docs-icon-editors-ia-help { left: -1338px; top: 0px; } .docs-material .docs-icon-editors-ia-hide-invisible { left: -1360px; top: 0= px; } .docs-material .docs-icon-editors-ia-hierarchy { left: -4726px; top: 0px; } .docs-material .docs-icon-editors-ia-history-restore { left: -1382px; top: = 0px; } .docs-material .docs-icon-editors-ia-horizontal-line { left: -3340px; top: = 0px; } .docs-material .docs-icon-editors-ia-horizontal-rows { left: -1404px; top: = 0px; } .docs-material .docs-icon-editors-ia-import { left: -3362px; top: 0px; } .docs-material .docs-icon-editors-ia-indent-decrease { left: -4286px; top: = 0px; } .docs-material .docs-icon-editors-ia-indent-decrease-rtl { left: -5012px; t= op: 0px; } .docs-material .docs-icon-editors-ia-indent-increase { left: -3384px; top: = 0px; } .docs-material .docs-icon-editors-ia-indent-increase-rtl { left: -5034px; t= op: 0px; } .docs-material .docs-icon-editors-ia-info { left: -1426px; top: 0px; } .docs-material .docs-icon-editors-ia-ink-pen { left: -3736px; top: 0px; } .docs-material .docs-icon-editors-ia-input { left: -5122px; top: 0px; } .docs-material .docs-icon-editors-ia-insights { left: -1448px; top: 0px; } .docs-material .docs-icon-editors-ia-internet-globe { left: -3406px; top: 0= px; } .docs-material .docs-icon-editors-ia-italic { left: -1470px; top: 0px; } .docs-material .docs-icon-editors-ia-keyboard { left: -1492px; top: 0px; } .docs-material .docs-icon-editors-ia-keyboard-tab { left: -4748px; top: 0px= ; } .docs-material .docs-icon-editors-ia-label { left: -1514px; top: 0px; } .docs-material .docs-icon-editors-ia-lightbulb { left: -1536px; top: 0px; } .docs-material .docs-icon-editors-ia-line-chart-landscape { left: -4308px; = top: 0px; } .docs-material .docs-icon-editors-ia-line-spacing { left: -3428px; top: 0px= ; } .docs-material .docs-icon-editors-ia-line-tool { left: -4770px; top: 0px; } .docs-material .docs-icon-editors-ia-link { left: -1558px; top: 0px; } .docs-material .docs-icon-editors-ia-link-box { left: -3450px; top: 0px; } .docs-material .docs-icon-editors-ia-link-off { left: -1580px; top: 0px; } .docs-material .docs-icon-editors-ia-list-bulleted { left: -3472px; top: 0p= x; } .docs-material .docs-icon-editors-ia-list-bulleted-rtl { left: -3494px; top= : 0px; } .docs-material .docs-icon-editors-ia-list-numbered { left: -4330px; top: 0p= x; } .docs-material .docs-icon-editors-ia-lock-close { left: -1602px; top: 0px; = } .docs-material .docs-icon-editors-ia-lock-open { left: -1624px; top: 0px; } .docs-material .docs-icon-editors-ia-logo-forms { left: -1646px; top: 0px; = } .docs-material .docs-icon-editors-ia-looker { left: -1668px; top: 0px; } .docs-material .docs-icon-editors-ia-merge { left: -1690px; top: 0px; } .docs-material .docs-icon-editors-ia-microphone { left: -3516px; top: 0px; = } .docs-material .docs-icon-editors-ia-minus-box { left: -1712px; top: 0px; } .docs-material .docs-icon-editors-ia-more-ellipsis-vertical { left: -1734px= ; top: 0px; } .docs-material .docs-icon-editors-ia-move-slide-down { left: -4792px; top: = 0px; } .docs-material .docs-icon-editors-ia-move-slide-up { left: -4814px; top: 0p= x; } .docs-material .docs-icon-editors-ia-note { left: -3054px; top: 0px; } .docs-material .docs-icon-editors-ia-notes-lines { left: -3758px; top: 0px;= } .docs-material .docs-icon-editors-ia-notification-bell { left: -1756px; top= : 0px; } .docs-material .docs-icon-editors-ia-number-sign { left: -3538px; top: 0px;= } .docs-material .docs-icon-editors-ia-numbers-123 { left: -1778px; top: 0px;= } .docs-material .docs-icon-editors-ia-offline-pin { left: -1800px; top: 0px;= } .docs-material .docs-icon-editors-ia-offline-pin-filled { left: -1822px; to= p: 0px; } .docs-material .docs-icon-editors-ia-omega-special-character { left: -3560p= x; top: 0px; } .docs-material .docs-icon-editors-ia-opacity { left: -3076px; top: 0px; } .docs-material .docs-icon-editors-ia-open-new-window { left: -1844px; top: = 0px; } .docs-material .docs-icon-editors-ia-page-break { left: -3582px; top: 0px; = } .docs-material .docs-icon-editors-ia-page-description { left: -3780px; top:= 0px; } .docs-material .docs-icon-editors-ia-page-orientation { left: -3802px; top:= 0px; } .docs-material .docs-icon-editors-ia-paint-palette-theme { left: -1866px; t= op: 0px; } .docs-material .docs-icon-editors-ia-paintbrush { left: -1888px; top: 0px; = } .docs-material .docs-icon-editors-ia-paintbrush-box { left: -3098px; top: 0= px; } .docs-material .docs-icon-editors-ia-paragraph-right-to-left { left: -1910p= x; top: 0px; } .docs-material .docs-icon-editors-ia-paste { left: -1932px; top: 0px; } .docs-material .docs-icon-editors-ia-paste-no-format { left: -3604px; top: = 0px; } .docs-material .docs-icon-editors-ia-people-group { left: -3824px; top: 0px= ; } .docs-material .docs-icon-editors-ia-performance-meter { left: -1954px; top= : 0px; } .docs-material .docs-icon-editors-ia-person { left: -4022px; top: 0px; } .docs-material .docs-icon-editors-ia-person-check { left: -3846px; top: 0px= ; } .docs-material .docs-icon-editors-ia-pin { left: -4044px; top: 0px; } .docs-material .docs-icon-editors-ia-pin-off { left: -4066px; top: 0px; } .docs-material .docs-icon-editors-ia-photo-image { left: -1976px; top: 0px;= } .docs-material .docs-icon-editors-ia-photo-image-select { left: -1998px; to= p: 0px; } .docs-material .docs-icon-editors-ia-photos { left: -4352px; top: 0px; } .docs-material .docs-icon-editors-ia-pie-chart { left: -4374px; top: 0px; } .docs-material .docs-icon-editors-ia-pivot-table { left: -2020px; top: 0px;= } .docs-material .docs-icon-editors-ia-place-item { left: -5144px; top: 0px; = } .docs-material .docs-icon-editors-ia-play-circle { left: -2042px; top: 0px;= } .docs-material .docs-icon-editors-ia-plus { left: -2064px; top: 0px; } .docs-material .docs-icon-editors-ia-plus-24 { left: -1170px; top: -170px; = } .docs-material .docs-icon-editors-ia-plx { left: -2086px; top: 0px; } .docs-material .docs-icon-editors-ia-post-add { left: -3868px; top: 0px; } .docs-material .docs-icon-editors-ia-presentation { left: -5408px; top: 0px= ; } .docs-material .docs-icon-editors-ia-presentation-yellow { left: -5232px; t= op: 0px; } .docs-material .docs-icon-editors-ia-print { left: -2108px; top: 0px; } .docs-material .docs-icon-editors-ia-question-answer { left: -4836px; top: = 0px; } .docs-material .docs-icon-editors-ia-quotes { left: -3890px; top: 0px; } .docs-material .docs-icon-editors-ia-redo, .docs-material .docs-icon-editor= s-ia-undo-rtl { left: -2130px; top: 0px; } .docs-material .docs-icon-editors-ia-refresh { left: -2152px; top: 0px; } .docs-material .docs-icon-editors-ia-rename { left: -2174px; top: 0px; } .docs-material .docs-icon-editors-ia-reset-image { left: -4858px; top: 0px;= } .docs-material .docs-icon-editors-ia-resize-box { left: -2196px; top: 0px; = } .docs-material .docs-icon-editors-ia-right-angle { left: -3120px; top: 0px;= } .docs-material .docs-icon-editors-ia-rotate-right-clockwise { left: -4088px= ; top: 0px; } .docs-material .docs-icon-editors-ia-save { left: -2218px; top: 0px; } .docs-material .docs-icon-editors-ia-school-graduation { left: -2240px; top= : 0px; } .docs-material .docs-icon-editors-ia-select-all { left: -3626px; top: 0px; = } .docs-material .docs-icon-editors-ia-settings-gear { left: -2262px; top: 0p= x; } .docs-material .docs-icon-editors-ia-shapes { left: -3648px; top: 0px; } .docs-material .docs-icon-editors-ia-sheets-tab { left: -2284px; top: 0px; = } .docs-material .docs-icon-editors-ia-shuffle-swap { left: -2306px; top: 0px= ; } .docs-material .docs-icon-editors-ia-sigma-function { left: -2328px; top: 0= px; } .docs-material .docs-icon-editors-ia-slideshow { left: -5254px; top: 0px; } .docs-material .docs-icon-editors-ia-sort { left: -2350px; top: 0px; } .docs-material .docs-icon-editors-ia-sort-ascending { left: -5770px; top: 0= px; } .docs-material .docs-icon-editors-ia-sort-descending { left: -5792px; top: = 0px; } .docs-material .docs-icon-editors-ia-speaker-notes { left: -4880px; top: 0p= x; } .docs-material .docs-icon-editors-ia-spellcheck { left: -2372px; top: 0px; = } .docs-material .docs-icon-editors-ia-split { left: -4902px; top: 0px; } .docs-material .docs-icon-editors-ia-split-columns { left: -2394px; top: 0p= x; } .docs-material .docs-icon-editors-ia-spreadsheet-black { left: -2416px; top= : 0px; } .docs-material .docs-icon-editors-ia-spreadsheet-green { left: -2438px; top= : 0px; } .docs-material .docs-icon-editors-ia-square-box-selection { left: -2460px; = top: 0px; } .docs-material .docs-icon-editors-ia-square-grid-view { left: -3912px; top:= 0px; } .docs-material .docs-icon-editors-ia-square-rounded { left: -2482px; top: 0= px; } .docs-material .docs-icon-editors-ia-strikethrough { left: -2504px; top: 0p= x; } .docs-material .docs-icon-editors-ia-swap-vertical { left: -5166px; top: 0p= x; } .docs-material .docs-icon-editors-ia-sync { left: -2526px; top: 0px; } .docs-material .docs-icon-editors-ia-sync-problem { left: -2548px; top: 0px= ; } .docs-material .docs-icon-editors-ia-table-chart { left: -3934px; top: 0px;= } .docs-material .docs-icon-editors-ia-table-check { left: -2570px; top: 0px;= } .docs-material .docs-icon-editors-ia-table-tab { left: -2592px; top: 0px; } .docs-material .docs-icon-editors-ia-text-fields { left: -4110px; top: 0px;= } .docs-material .docs-icon-editors-ia-text-fields-24 { left: -9243px; top: -= 170px; } .docs-material .docs-icon-format-quote-24 { left: -9215px; top: -170px; } .docs-material .docs-icon-add-20-gm3-light-on-secondary { left: -9191px; to= p: -170px; } .docs-material .docs-icon-editors-ia-text-rotate-angle-down { left: -2614px= ; top: 0px; } .docs-material .docs-icon-editors-ia-text-rotate-angle-up { left: -2636px; = top: 0px; } .docs-material .docs-icon-editors-ia-text-rotate-down { left: -2658px; top:= 0px; } .docs-material .docs-icon-editors-ia-text-rotate-none { left: -2680px; top:= 0px; } .docs-material .docs-icon-editors-ia-text-rotate-up { left: -2702px; top: 0= px; } .docs-material .docs-icon-editors-ia-text-rotate-vertical-stack { left: -27= 24px; top: 0px; } .docs-material .docs-icon-editors-ia-timeline { left: -2746px; top: 0px; } .docs-material .docs-icon-editors-ia-transition { left: -4924px; top: 0px; = } .docs-material .docs-icon-editors-ia-translate { left: -3670px; top: 0px; } .docs-material .docs-icon-editors-ia-trending-up-arrow { left: -2768px; top= : 0px; } .docs-material .docs-keyboard-arrow-down-20x20 { left: -9715px; top: -170px= ; } .docs-material .docs-keyboard-arrow-right-20x20 { left: -9739px; top: -170p= x; } .docs-material .docs-icon-editors-ia-triangle-problem-warning { left: -2790= px; top: 0px; } .docs-material .docs-icon-editors-ia-underline { left: -2812px; top: 0px; } .docs-material .docs-icon-editors-ia-redo-rtl, .docs-material .docs-icon-ed= itors-ia-undo { left: -2834px; top: 0px; } .docs-material .docs-icon-editors-ia-update-clock { left: -4132px; top: 0px= ; } .docs-material .docs-icon-editors-ia-upload { left: -4396px; top: 0px; } .docs-material .docs-icon-editors-ia-user-edit-history { left: -2856px; top= : 0px; } .docs-material .docs-icon-editors-ia-user-preference-settings { left: -2878= px; top: 0px; } .docs-material .docs-icon-editors-ia-vertical-columns { left: -2900px; top:= 0px; } .docs-material .docs-icon-editors-ia-view-compact { left: -4946px; top: 0px= ; } .docs-material .docs-icon-editors-ia-view-show { left: -2922px; top: 0px; } .docs-material .docs-icon-editors-ia-volume-up { left: -4968px; top: 0px; } .docs-material .docs-icon-editors-ia-word-art { left: -4990px; top: 0px; } .docs-material .docs-icon-editors-ia-wrap-text-clip { left: -2944px; top: 0= px; } .docs-material .docs-icon-editors-ia-wrap-text-overflow { left: -2966px; to= p: 0px; } .docs-material .docs-icon-editors-ia-wrap-text-wrap { left: -2988px; top: 0= px; } .docs-material .docs-icon-editors-ia-zoom-in { left: -3010px; top: 0px; } .docs-material .docs-icon-drive-monochrome-2021 { left: -1828px; top: -50px= ; } .docs-material .docs-icon-drive-monochrome-2021-24 { left: -1850px; top: -5= 0px; } .docs-material .docs-icon-add-to-drive-2021 { left: -6438px; top: 0px; } .docs-material .docs-icon-save { left: -1520px; top: -94px; } .docs-material .docs-icon-print { left: -216px; top: -94px; } .docs-material .docs-icon-print-20 { left: -238px; top: -94px; } .docs-material .docs-icon-redo-rtl, .docs-material .docs-icon-undo { left: = -7006px; top: -94px; } .docs-material .docs-icon-redo-rtl-20, .docs-material .docs-icon-undo-20 { = left: -7028px; top: -94px; } .docs-material .docs-icon-redo, .docs-material .docs-icon-undo-rtl { left: = -1042px; top: -94px; } .docs-material .docs-icon-redo-20, .docs-material .docs-icon-undo-rtl-20 { = left: -1064px; top: -94px; } .docs-material .docs-icon-copy { left: -524px; top: -50px; } .docs-material .docs-icon-copy-24 { left: -270px; top: -170px; } .docs-material .docs-icon-cut { left: -818px; top: -50px; } .docs-material .docs-icon-paste { left: -9214px; top: -50px; } .docs-material .docs-icon-document { left: -1384px; top: -50px; } .docs-material .docs-icon-presentation, .docs-material .docs-icon-punch { l= eft: -128px; top: -94px; } .docs-material .docs-icon-presentation-grey900 { left: -150px; top: -94px; = } .docs-material .docs-icon-presentation-no-fill-18x18 { left: -2574px; top: = -170px; } .docs-material .docs-icon-presentation-encrypted-no-fill-18x18 { left: -253= 0px; top: -170px; } .docs-material .docs-icon-spreadsheet { left: -2750px; top: -94px; } .docs-material .docs-icon-spreadsheet-no-fill-18x18 { left: -2596px; top: -= 170px; } .docs-material .docs-icon-spreadsheet-encrypted-no-fill-18x18 { left: -2552= px; top: -170px; } .docs-material .docs-icon-form { left: -3610px; top: -50px; } .docs-material .docs-icon-form-black { left: -3632px; top: -50px; } .docs-material .docs-icon-drawing { left: -1672px; top: -50px; } .docs-material .docs-icon-site { left: -2344px; top: -94px; } .docs-material .docs-icon-drawing-black { left: -1694px; top: -50px; } .docs-material .docs-icon-drawing-black-24 { left: -1716px; top: -50px; } .docs-material .docs-icon-emoji-objects-outline-24x24 { left: -8245px; top:= -170px; } .docs-material .docs-icon-excel { left: -2898px; top: -50px; } .docs-material .docs-icon-excel-encrypted-18x18 { left: -5748px; top: -170p= x; } .docs-material .docs-icon-powerpoint { left: -9976px; top: -50px; } .docs-material .docs-icon-powerpoint-encrypted-18x18 { left: -5770px; top: = -170px; } .docs-material .docs-icon-word { left: -7940px; top: -94px; } .docs-material .docs-icon-word-encrypted-18x18 { left: -5792px; top: -170px= ; } .docs-material .docs-icon-script { left: -1654px; top: -94px; } .docs-material .docs-icon-insert-script { left: -5296px; top: -50px; } .docs-material .docs-icon-autocorrect-24x24 { left: -9968px; top: -94px; } .docs-material .docs-icon-do-not-correct-24x24 { left: 0px; top: -170px; } .docs-material .docs-icon-feedback-20x20 { left: -6722px; top: -222px; } .docs-material .docs-icon-feedback-24x24 { left: -28px; top: -170px; } .docs-material .docs-icon-visibility-off-24x24 { left: -56px; top: -170px; = } .docs-material .docs-icon-volume-up-18x18 { left: -4952px; top: -170px; } .docs-material .docs-icon-gadget { left: -5130px; top: -50px; } .docs-material .docs-icon-generate-slides-18x18 { left: -5104px; top: -170p= x; } .docs-material .docs-icon-gif-box-18x18 { left: -9180px; top: -94px; } .docs-material .docs-icon-gif-box-24x24 { left: -4164px; top: -170px; } .docs-material .docs-icon-image { left: -4320px; top: -50px; } .docs-material .docs-icon-clipboard { left: -9978px; top: 0px; } .docs-material .docs-icon-bold { left: -7994px; top: 0px; } .docs-material .docs-icon-bold-20 { left: -8016px; top: 0px; } .docs-material .docs-icon-italic { left: -5706px; top: -50px; } .docs-material .docs-icon-italic-20 { left: -5682px; top: -50px; } .docs-material .docs-icon-text-color { left: -5226px; top: -94px; } .docs-material .docs-icon-text-color-20 { left: -5248px; top: -94px; } .docs-material .docs-icon-align-left { left: -5160px; top: -94px; } .docs-material .docs-icon-align-left-20 { left: -6558px; top: 0px; } .docs-material .docs-icon-align-center { left: -5116px; top: -94px; } .docs-material .docs-icon-align-center-20 { left: -6510px; top: 0px; } .docs-material .docs-icon-align-right { left: -5182px; top: -94px; } .docs-material .docs-icon-align-right-20 { left: -6582px; top: 0px; } .docs-material .docs-icon-align-justify { left: -5138px; top: -94px; } .docs-material .docs-icon-align-justify-20 { left: -6534px; top: 0px; } .docs-material .docs-icon-align-shapes-left { left: -6650px; top: 0px; } .docs-material .docs-icon-align-shapes-center { left: -6628px; top: 0px; } .docs-material .docs-icon-align-shapes-right { left: -6694px; top: 0px; } .docs-material .docs-icon-align-shapes-top { left: -6716px; top: 0px; } .docs-material .docs-icon-align-shapes-middle { left: -6672px; top: 0px; } .docs-material .docs-icon-align-shapes-bottom { left: -6606px; top: 0px; } .docs-material .docs-icon-alternate-email-12x12 { left: -3048px; top: -170p= x; } .docs-material .docs-icon-distribute-shapes-horizontally { left: -1246px; t= op: -50px; } .docs-material .docs-icon-distribute-shapes-vertically { left: -1268px; top= : -50px; } .docs-material .docs-icon-valign-top { left: -6782px; top: 0px; } .docs-material .docs-icon-valign-top-20 { left: -7320px; top: -94px; } .docs-material .docs-icon-valign-middle { left: -6760px; top: 0px; } .docs-material .docs-icon-valign-middle-20 { left: -7296px; top: -94px; } .docs-material .docs-icon-valign-bottom { left: -6738px; top: 0px; } .docs-material .docs-icon-valign-bottom-20 { left: -7272px; top: -94px; } .docs-material .docs-icon-list-number { left: -7134px; top: -50px; } .docs-material .docs-icon-list-number-20 { left: -7064px; top: -50px; } .docs-material .docs-icon-list-number-24 { left: -7156px; top: -50px; } .docs-material .docs-icon-list-numbered-54-30 { left: -7184px; top: -50px; = } .docs-material .docs-icon-list-bullet { left: -6956px; top: -50px; } .docs-material .docs-icon-list-bullet-20 { left: -6886px; top: -50px; } .docs-material .docs-icon-list-bullet-24 { left: -6978px; top: -50px; } .docs-material .docs-icon-list-bulleted-54-30 { left: -7006px; top: -50px; = } .docs-material .docs-icon-indent { left: -4442px; top: -50px; } .docs-material .docs-icon-indent-20 { left: -4464px; top: -50px; } .docs-material .docs-icon-outdent { left: -8848px; top: -50px; } .docs-material .docs-icon-outdent-20 { left: -8870px; top: -50px; } .docs-material .docs-icon-line-spacing { left: -6288px; top: -50px; } .docs-material .docs-icon-line-spacing-20 { left: -6310px; top: -50px; } .docs-material .docs-icon-columns { left: -122px; top: -50px; } .docs-material .docs-icon-underline { left: -6960px; top: -94px; } .docs-material .docs-icon-underline-20 { left: -6982px; top: -94px; } .docs-material .docs-icon-text-bgcolor { left: -5204px; top: -94px; } .docs-material .docs-icon-textbox { left: -5318px; top: -50px; } .docs-material .docs-icon-textbox-24-yellow700 { left: -5364px; top: -50px;= } .docs-material .docs-icon-shapes { left: -1968px; top: -94px; } .docs-material .docs-icon-shapes-20 { left: -1990px; top: -94px; } .docs-material .docs-icon-shapes-24 { left: -9117px; top: -170px; } .docs-material .docs-icon-shapes-24-yellow { left: -2014px; top: -94px; } .docs-material .sketchy-icon-scribble-40 { left: -1610px; top: -94px; } .docs-material .docs-icon-line-width { left: -6756px; top: -50px; } .docs-material .docs-icon-line-weight-20 { left: -6732px; top: -50px; } .docs-material .docs-icon-add-trendline { left: -6888px; top: -94px; } .docs-material .docs-icon-data-label { left: -840px; top: -50px; } .docs-material .docs-icon-next { left: -8454px; top: -50px; } .docs-material .docs-icon-previous { left: -194px; top: -94px; } .docs-material .docs-icon-no-color { left: -8476px; top: -50px; } .docs-material .docs-icon-fill-color { left: -3220px; top: -50px; } .docs-material .docs-icon-fill-color-20 { left: -3242px; top: -50px; } .docs-material .docs-icon-line-color { left: -6026px; top: -50px; } .docs-material .docs-icon-line-type { left: -6710px; top: -50px; } .docs-material .docs-icon-line-style-20 { left: -6620px; top: -50px; } .docs-material .docs-icon-table { left: -3558px; top: -94px; } .docs-material .docs-icon-table-24 { left: -3580px; top: -94px; } .docs-material .docs-icon-table-view-20x20 { left: -1322px; top: -170px; } .docs-material .docs-icon-table-of-contents-24 { left: -3836px; top: -94px;= } .docs-material .docs-icon-comment { left: -6236px; top: 0px; } .docs-material .docs-icon-add-comment-20 { left: -6258px; top: 0px; } .docs-material .docs-icon-comment-blank { left: -222px; top: -50px; } .docs-material .docs-icon-comment-blank-20 { left: -244px; top: -50px; } .docs-material .docs-icon-comment-blank-highlighted { left: -290px; top: -5= 0px; } .docs-material .docs-icon-comment-blank-grey600 { left: -268px; top: -50px;= } .docs-material .docs-icon-comment-blank-n10-20 { left: -312px; top: -50px; = } .docs-material .docs-icon-comment-blank-p40-20x20 { left: -8568px; top: -94= px; } .docs-material .docs-icon-insert-comment { left: -4856px; top: -50px; } .docs-material .docs-icon-insert-comment-24 { left: -4878px; top: -50px; } .docs-material .docs-icon-comment-spark-20x20 { left: -8950px; top: -222px;= } .docs-material .docs-icon-trending-up-24 { left: -6860px; top: -94px; } .docs-material .docs-icon-trending-up-18 { left: -6838px; top: -94px; } .docs-material .docs-icon-trending-down-18 { left: -6816px; top: -94px; } .docs-material .docs-icon-chart { left: -4782px; top: -50px; } .docs-material .docs-icon-insert-chart-20 { left: -4804px; top: -50px; } .docs-material .docs-icon-chart-24 { left: -4828px; top: -50px; } .docs-material .docs-icon-list-number-rtl { left: -7088px; top: -50px; } .docs-material .docs-icon-list-number-rtl-20 { left: -7110px; top: -50px; } .docs-material .docs-icon-list-bullet-rtl { left: -6910px; top: -50px; } .docs-material .docs-icon-list-bullet-rtl-20 { left: -6932px; top: -50px; } .docs-material .docs-icon-indent-rtl { left: -4488px; top: -50px; } .docs-material .docs-icon-indent-rtl-20 { left: -4510px; top: -50px; } .docs-material .docs-icon-outdent-rtl { left: -8894px; top: -50px; } .docs-material .docs-icon-outdent-rtl-20 { left: -8916px; top: -50px; } .docs-material .docs-icon-line-spacing-rtl { left: -6334px; top: -50px; } .docs-material .docs-icon-line-spacing-rtl-20 { left: -6356px; top: -50px; = } .docs-material .docs-icon-text-ltr { left: -5272px; top: -94px; } .docs-material .docs-icon-text-ltr-20 { left: -5294px; top: -94px; } .docs-material .docs-icon-text-rtl { left: -5616px; top: -94px; } .docs-material .docs-icon-text-rtl-20 { left: -5638px; top: -94px; } .docs-material .docs-icon-sheet-rtl { left: -2248px; top: -94px; } .docs-material .docs-icon-sheet-rtl-20 { left: -2270px; top: -94px; } .docs-material .docs-icon-share { left: -2174px; top: -94px; } .docs-material .docs-icon-stock-media-18x18 { left: -5258px; top: -170px; } .docs-material .docs-icon-stock-media-20x20 { left: -2664px; top: -170px; } .docs-material .docs-icon-subscript { left: -2976px; top: -94px; } .docs-material .docs-icon-superscript { left: -2998px; top: -94px; } .docs-material .docs-icon-strikethrough { left: -2930px; top: -94px; } .docs-material .docs-icon-strikethrough-20 { left: -2952px; top: -94px; } .docs-material .docs-icon-clear-formatting { left: -9696px; top: 0px; } .docs-material .docs-icon-link { left: -5202px; top: -50px; } .docs-material .docs-icon-link-20 { left: -6778px; top: -50px; } .docs-material .docs-icon-special-character { left: -2594px; top: -94px; } .docs-material .docs-icon-special-character-24 { left: -2616px; top: -94px;= } .docs-material .docs-icon-close-white { left: -9858px; top: 0px; } .docs-material .docs-icon-close-small { left: -9814px; top: 0px; } .docs-material .docs-icon-close-thin { left: -9836px; top: 0px; } .docs-material .docs-icon-paint-format { left: -3730px; top: -50px; } .docs-material .docs-icon-paint-format-20 { left: -8962px; top: -50px; } .docs-material .docs-icon-video { left: -7416px; top: -94px; } .docs-material .docs-icon-reload { left: -1088px; top: -94px; } .docs-material .docs-icon-reload-rtl { left: -1110px; top: -94px; } .docs-material .docs-icon-insert-page-break { left: -5224px; top: -50px; } .docs-material .docs-icon-insert-page-break-24 { left: -5246px; top: -50px;= } .docs-material .docs-icon-close { left: -9740px; top: 0px; } .docs-material .docs-icon-close-p40-20x20 { left: -6010px; top: -170px; } .docs-material .docs-icon-check { left: -9162px; top: 0px; } .docs-material .docs-icon-up { left: -7184px; top: -94px; } .docs-material .docs-icon-down { left: -1472px; top: -50px; } .docs-material .docs-icon-add-page { left: -6326px; top: 0px; } .docs-material .docs-icon-email { left: -2208px; top: -50px; } .docs-material .docs-icon-insert-equation { left: -5034px; top: -50px; } .docs-material .docs-icon-insert-equation-24 { left: -5056px; top: -50px; } .docs-material .docs-icon-insert-horizontal-line { left: -5152px; top: -50p= x; } .docs-material .docs-icon-insert-horizontal-line-24 { left: -5174px; top: -= 50px; } .docs-material .docs-icon-tabstop-center-blue500 { left: -4928px; top: -94p= x; } .docs-material .docs-icon-tabstop-center-bottom-blue500 { left: -4950px; to= p: -94px; } .docs-material .docs-icon-tabstop-left-blue500 { left: -4972px; top: -94px;= } .docs-material .docs-icon-tabstop-right-blue500 { left: -4994px; top: -94px= ; } .docs-material .docs-icon-tag-24 { left: -5016px; top: -94px; } .docs-material .docs-icon-ruler-first-indent-drag-blue500 { left: -1494px; = top: -94px; } .docs-material .docs-icon-border-all { left: -8134px; top: 0px; } .docs-material .docs-icon-border-all-20 { left: -8156px; top: 0px; } .docs-material .docs-icon-border-right { left: -8480px; top: 0px; } .docs-material .docs-icon-border-right-20 { left: -8502px; top: 0px; } .docs-material .docs-icon-border-left { left: -8342px; top: 0px; } .docs-material .docs-icon-border-left-20 { left: -8364px; top: 0px; } .docs-material .docs-icon-border-top { left: -8526px; top: 0px; } .docs-material .docs-icon-border-top-20 { left: -8548px; top: 0px; } .docs-material .docs-icon-border-bottom { left: -8180px; top: 0px; } .docs-material .docs-icon-border-bottom-20 { left: -8202px; top: 0px; } .docs-material .docs-icon-border-outside { left: -8434px; top: 0px; } .docs-material .docs-icon-border-outside-20 { left: -8456px; top: 0px; } .docs-material .docs-icon-border-inside { left: -8296px; top: 0px; } .docs-material .docs-icon-border-inside-20 { left: -8318px; top: 0px; } .docs-material .docs-icon-border-none { left: -8388px; top: 0px; } .docs-material .docs-icon-border-none-20 { left: -8410px; top: 0px; } .docs-material .docs-icon-border-horizontal { left: -8250px; top: 0px; } .docs-material .docs-icon-border-horizontal-20 { left: -8272px; top: 0px; } .docs-material .docs-icon-border-vertical { left: -8572px; top: 0px; } .docs-material .docs-icon-border-vertical-20 { left: -8594px; top: 0px; } .docs-material .docs-icon-merge { left: -8226px; top: -50px; } .docs-material .docs-icon-move-item-18x18 { left: -3614px; top: -222px; } .docs-material .docs-icon-wrap { left: -7984px; top: -94px; } .docs-material .docs-icon-filter-alt { left: -8228px; top: -94px; } .docs-material .docs-icon-autofilter { left: -7688px; top: 0px; } .docs-material .docs-icon-autofilter-filled { left: -7710px; top: 0px; } .docs-material .docs-icon-insert-function { left: -5084px; top: -50px; } .docs-material .docs-icon-insert-function-20 { left: -5106px; top: -50px; } .docs-material .docs-icon-insert-formula { left: -3824px; top: -50px; } .docs-material .docs-icon-folder-shared { left: -3522px; top: -50px; } .docs-material .docs-icon-folder-shared-outline { left: -3544px; top: -50px= ; } .docs-material .docs-icon-folder-outline { left: -3456px; top: -50px; } .docs-material .docs-icon-folder-outline-hover { left: -3478px; top: -50px;= } .docs-material .docs-icon-folder-outline-pressed { left: -3500px; top: -50p= x; } .docs-material .docs-icon-folder-solid { left: -3566px; top: -50px; } .docs-material .docs-icon-drive { left: -1744px; top: -50px; } .docs-material .docs-icon-dropdown-arrow-in-circle-24 { left: -1878px; top:= -50px; } .docs-material .docs-icon-drive-large { left: -1788px; top: -50px; } .docs-material .docs-icon-drive-large-wrapper { width: 36px; height: 36px; = } .docs-material .docs-icon-back { left: -7878px; top: 0px; } .docs-material .docs-icon-back-rtl { left: -7900px; top: 0px; } .docs-material .docs-icon-arrow-more { left: -7326px; top: 0px; } .docs-material .docs-icon-arrow-more-rtl { left: -7348px; top: 0px; } .docs-material .docs-icon-search-this-document { left: -1750px; top: -94px;= } .docs-material .docs-icon-arrow-dropdown-p40 { left: -298px; top: -170px; } .docs-material .docs-icon-refine-p40-24 { left: -404px; top: -170px; } .docs-material .docs-icon-refresh-p40-24 { left: -432px; top: -170px; } .docs-material .docs-icon-refresh-24 { left: -3890px; top: -170px; } .docs-material .docs-icon-progress-activity { left: -3844px; top: -170px; } .docs-material .docs-icon-publish-18x18 { left: -3636px; top: -222px; } .docs-material .docs-icon-radio-button-checked-18x18 { left: -5214px; top: = -170px; } .docs-material .docs-icon-arrow-dropdown { left: -7144px; top: 0px; } .docs-material .docs-icon-arrow-dropdown-grey600 { left: -7190px; top: 0px;= } .docs-material .docs-icon-expand-all { left: -2920px; top: -50px; } .docs-material .docs-icon-word-art { left: -7962px; top: -94px; } .docs-material .docs-icon-delete-x { left: -1102px; top: -50px; } .docs-material .docs-icon-description-24 { left: -1124px; top: -50px; } .docs-material .docs-icon-settings { left: -1872px; top: -94px; } .docs-material .docs-icon-plus { left: -9766px; top: -50px; } .docs-material .docs-icon-plus-white { left: -9810px; top: -50px; } .docs-material .docs-icon-alert { left: -6460px; top: 0px; } .docs-material .docs-icon-alert-error-24-orange600 { left: -6482px; top: 0p= x; } .docs-material .docs-icon-trash { left: -6770px; top: -94px; } .docs-material .docs-icon-locked { left: -7286px; top: -50px; } .docs-material .docs-icon-locked-grey600 { left: -7308px; top: -50px; } .docs-material .docs-icon-unlocked { left: -7096px; top: -94px; } .docs-material .docs-icon-add-fonts { left: -6282px; top: 0px; } .docs-material .docs-icon-enter-compact { left: -8052px; top: -50px; } .docs-material .docs-icon-exit-compact { left: -7118px; top: -94px; } .docs-material .docs-icon-mode-edit { left: -8316px; top: -50px; } .docs-material .docs-icon-mode-edit-blue700 { left: -8338px; top: -50px; } .docs-material .docs-icon-mode-view { left: -8360px; top: -50px; } .docs-material .docs-icon-chat { left: -9052px; top: 0px; } .docs-material .docs-icon-chat-bubble-grey900 { left: -9074px; top: 0px; } .docs-material .docs-icon-chat-bubble-white { left: -9096px; top: 0px; } .docs-material .docs-icon-chat-person-grey900 { left: -9118px; top: 0px; } .docs-material .docs-icon-chat-person-wide-grey900 { left: -9140px; top: 0p= x; } .docs-material .docs-icon-person-add-white { left: -9414px; top: -50px; } .docs-material .docs-icon-star { left: -2794px; top: -94px; } .docs-material .docs-icon-tracker-24x24 { left: -3974px; top: -170px; } .docs-material .docs-icon-group-24x24 { left: -4052px; top: -170px; } .docs-material .docs-icon-group-20x20 { left: -6714px; top: -170px; } .docs-material .docs-icon-groups-24x24 { left: -8193px; top: -170px; } .docs-material .docs-icon-inventory-24x24 { left: -4080px; top: -170px; } .docs-material .docs-icon-payments-24x24 { left: -4108px; top: -170px; } .docs-material .docs-icon-person-24x24 { left: -4136px; top: -170px; } .docs-material .docs-icon-person-20x20 { left: -6738px; top: -170px; } .docs-material .docs-icon-duplicate { left: -1978px; top: -50px; } .docs-material .docs-icon-file { left: -3104px; top: -50px; } .docs-material .docs-icon-opacity { left: -8776px; top: -50px; } .docs-material .docs-icon-label-slant { left: -5860px; top: -50px; } .docs-material .docs-icon-point-size { left: -9854px; top: -50px; } .docs-material .docs-icon-question { left: -350px; top: -94px; } .docs-material .docs-icon-quote { left: -858px; top: -94px; } .docs-material .docs-icon-vertical-gridlines { left: -7394px; top: -94px; } .docs-material .docs-icon-left-axis { left: -5932px; top: -50px; } .docs-material .docs-icon-right-axis { left: -1422px; top: -94px; } .docs-material .docs-icon-left-axis-gridlines { left: -5954px; top: -50px; = } .docs-material .docs-icon-right-axis-gridlines { left: -1444px; top: -94px;= } .docs-material .docs-icon-reset { left: -1310px; top: -94px; } .docs-material .docs-icon-drag-move { left: -1618px; top: -50px; } .docs-material .docs-icon-col-dragger { left: -50px; top: -50px; } .docs-material .docs-icon-chrome-store { left: -9674px; top: 0px; } .docs-material .docs-icon-fit-area { left: -3310px; top: -50px; } .docs-material .docs-icon-zoom-in-20 { left: -8160px; top: -94px; } .docs-material .docs-icon-zoom-out { left: -8184px; top: -94px; } .docs-material .docs-icon-zoom-tool { left: -8206px; top: -94px; } .docs-material .docs-icon-download { left: -1494px; top: -50px; } .docs-material .docs-icon-downloading-20x20 { left: -5626px; top: -170px; } .docs-material .docs-icon-fusion-table { left: -3846px; top: -50px; } .docs-material .docs-icon-spreadsheet-sink { left: -2772px; top: -94px; } .docs-material .docs-icon-send-responses { left: -1772px; top: -94px; } .docs-material .docs-icon-liveform { left: -7242px; top: -50px; } .docs-material .docs-icon-ellipsis { left: -2186px; top: -50px; } .docs-material .docs-icon-html-preview { left: -262px; top: -94px; } .docs-material .docs-icon-grid { left: -4018px; top: -50px; } .docs-material .docs-icon-add-animation { left: -6214px; top: 0px; } .docs-material .docs-icon-play-filled-24 { left: -9654px; top: -50px; } .docs-material .docs-icon-play-filled-error-36 { left: -9682px; top: -50px;= } .docs-material .docs-icon-playhead { left: -9722px; top: -50px; } .docs-material .docs-icon-playhead-rtl { left: -9744px; top: -50px; } .docs-material .docs-icon-unsupported { left: -7140px; top: -94px; } .docs-material .docs-icon-calendar { left: -8690px; top: 0px; } .docs-material .docs-icon-calendar-busy-yellow900 { left: -8712px; top: 0px= ; } .docs-material .docs-zippy-closed { left: -8094px; top: -94px; } .docs-material .docs-zippy-open { left: -8116px; top: -94px; } .docs-material .docs-icon-bookmark { left: -8062px; top: 0px; } .docs-material .docs-icon-bookmark-24 { left: -8084px; top: 0px; } .docs-material .docs-icon-heading { left: -4154px; top: -50px; } .docs-material .docs-icon-hd-indicator-18 { left: -4132px; top: -50px; } .docs-material .docs-icon-heading-24 { left: -4176px; top: -50px; } .docs-material .docs-icon-file-blue { left: -3126px; top: -50px; } .docs-material .docs-icon-web-result { left: -7896px; top: -94px; } .docs-material .docs-icon-mic { left: -8248px; top: -50px; } .docs-material .docs-icon-paragraph { left: -9058px; top: -50px; } .docs-material .docs-icon-paragraph-20 { left: -9080px; top: -50px; } .docs-material .docs-icon-bookmark-black { left: -8112px; top: 0px; } .docs-material .docs-icon-web-result-blue { left: -7918px; top: -94px; } .docs-material .docs-icon-popout { left: -9876px; top: -50px; } .docs-material .docs-icon-checkbox { left: -9284px; top: 0px; } .docs-material .docs-icon-checkbox-type { left: -9328px; top: 0px; } .docs-material .docs-icon-dropdown-type { left: -1956px; top: -50px; } .docs-material .docs-icon-grid-type { left: -4040px; top: -50px; } .docs-material .docs-icon-image-type { left: -4342px; top: -50px; } .docs-material .docs-icon-image-type-20 { left: -4364px; top: -50px; } .docs-material .docs-icon-image-type-24 { left: -4388px; top: -50px; } .docs-material .docs-icon-radio-type { left: -902px; top: -94px; } .docs-material .docs-icon-scale-type { left: -1542px; top: -94px; } .docs-material .docs-icon-text-type { left: -5662px; top: -94px; } .docs-material .docs-icon-text-fields-alt-18x18 { left: -3658px; top: -222p= x; } .docs-material .docs-icon-time-type { left: -6352px; top: -94px; } .docs-material .docs-icon-timeline-24 { left: -6396px; top: -94px; } .docs-material .docs-icon-insert-text-block { left: -5392px; top: -50px; } .docs-material .docs-icon-accepting-responses-on { left: -5964px; top: 0px;= } .docs-material .docs-icon-accepting-responses-on-white { left: -5986px; top= : 0px; } .docs-material .docs-icon-accepting-responses-off { left: -5942px; top: 0px= ; } .docs-material .docs-icon-decimal-increase { left: -980px; top: -50px; } .docs-material .docs-icon-decimal-increase-20 { left: -1002px; top: -50px; = } .docs-material .docs-icon-decimal-decrease { left: -934px; top: -50px; } .docs-material .docs-icon-decimal-decrease-20 { left: -956px; top: -50px; } .docs-material .docs-icon-settings-white { left: -1946px; top: -94px; } .docs-material .docs-icon-no-symbol { left: -8498px; top: -50px; } .docs-material .docs-icon-crop { left: -574px; top: -50px; } .docs-material .docs-icon-crop-20 { left: -596px; top: -50px; } .docs-material .docs-icon-crop-square-18x18 { left: -8465px; top: -170px; } .docs-material .docs-icon-crop-16-9-18x18 { left: -8421px; top: -170px; } .docs-material .docs-icon-crop-9-16-18x18 { left: -8443px; top: -170px; } .docs-material .docs-icon-green-check { left: -3996px; top: -50px; } .docs-material .docs-icon-green-check-24x24 { left: -4002px; top: -170px; } .docs-material .docs-icon-font-size { left: -3588px; top: -50px; } .docs-material .docs-icon-reset-image { left: -1332px; top: -94px; } .docs-material .docs-icon-reset-image-20 { left: -1354px; top: -94px; } .docs-material .docs-icon-r-squared { left: -880px; top: -94px; } .docs-material .docs-icon-graph-legend { left: -3952px; top: -50px; } .docs-material .docs-icon-cast { left: -8978px; top: 0px; } .docs-material .docs-icon-wrap-overflow { left: -8028px; top: -94px; } .docs-material .docs-icon-wrap-wrap { left: -8050px; top: -94px; } .docs-material .docs-icon-wrap-clip { left: -8006px; top: -94px; } .docs-material .docs-icon-highlights { left: -4270px; top: -50px; } .docs-material .docs-icon-green-back { left: -3974px; top: -50px; } .docs-material .docs-icon-arrow-back-white { left: -7044px; top: 0px; } .docs-material .docs-icon-arrow-back-white-rtl { left: -7072px; top: 0px; } .docs-material .docs-icon-help { left: -4204px; top: -50px; } .docs-material .docs-icon-highlight-green { left: -4248px; top: -50px; } .docs-material .docs-icon-equalizer { left: -2752px; top: -50px; } .docs-material .docs-icon-explore-24 { left: -2966px; top: -50px; } .docs-material .docs-icon-explore-black { left: -2994px; top: -50px; } .docs-material .docs-icon-explore-black-padded { left: -3016px; top: -50px;= } .docs-material .docs-icon-explore-green { left: -3038px; top: -50px; } .docs-material .docs-icon-explore-white { left: -3060px; top: -50px; } .docs-material .docs-icon-insert-autovis-chart { left: -4738px; top: -50px;= } .docs-material .docs-icon-insert-autovis-chart-white { left: -4760px; top: = -50px; } .docs-material .docs-icon-zoom-in { left: -8138px; top: -94px; } .docs-material .docs-icon-thumb-up { left: -6306px; top: -94px; } .docs-material .docs-icon-thumb-up-outline-nv30-24 { left: -488px; top: -17= 0px; } .docs-material .docs-icon-thumb-down { left: -6284px; top: -94px; } .docs-material .docs-icon-thumb-down-outline-nv30-24 { left: -460px; top: -= 170px; } .docs-material .docs-icon-dlp-warning { left: -1290px; top: -50px; } .docs-material .docs-icon-dogfood { left: -1406px; top: -50px; } .docs-material .docs-icon-add-to-drive { left: -6392px; top: 0px; } .docs-material .docs-icon-paste-without-formatting { left: -9292px; top: -5= 0px; } .docs-material .docs-icon-qanda { left: -328px; top: -94px; } .docs-material .docs-icon-update-chart { left: -7206px; top: -94px; } .docs-material .docs-icon-arrow-back-dark { left: -6988px; top: 0px; } .docs-material .docs-icon-arrow-right-alt-white-24 { left: -7370px; top: 0p= x; } .docs-material .docs-icon-arrow-back-dark-rtl { left: -7016px; top: 0px; } .docs-material .docs-icon-open-in-external { left: -8798px; top: -50px; } .docs-material .docs-icon-close-20 { left: -9762px; top: 0px; } .docs-material .docs-icon-close-24 { left: -9786px; top: 0px; } .docs-material .docs-icon-unlink { left: -7074px; top: -94px; } .docs-material .docs-icon-bar-chart { left: -7922px; top: 0px; } .docs-material .docs-icon-bar-chart-outline-24 { left: -7944px; top: 0px; } .docs-material .docs-icon-column-chart { left: -144px; top: -50px; } .docs-material .docs-icon-column-chart-outline-24 { left: -166px; top: -50p= x; } .docs-material .docs-icon-line-chart { left: -5976px; top: -50px; } .docs-material .docs-icon-line-chart-24 { left: -5998px; top: -50px; } .docs-material .docs-icon-pie-chart { left: -9514px; top: -50px; } .docs-material .docs-icon-pie-chart-outline { height: 18px; left: -9536px; = top: -50px; width: 18px; } .docs-material .docs-icon-pie-chart-outline-24 { left: -9558px; top: -50px;= } .docs-material .docs-icon-named-range { left: -8432px; top: -50px; } .docs-material .docs-icon-clock { left: -9718px; top: 0px; } .docs-material .docs-icon-cancel { left: -8840px; top: 0px; } .docs-material .docs-icon-cancel-24 { left: -8862px; top: 0px; } .docs-material .docs-icon-cancel-outline { left: -8890px; top: 0px; } .docs-material .docs-icon-cancel-circle-red-24x24 { left: -3918px; top: -17= 0px; } .docs-material .docs-icon-arrow-line-tool { left: -7260px; top: 0px; } .docs-material .docs-icon-arrow-line-tool-40 { left: -7282px; top: 0px; } .docs-material .docs-icon-arrow-tilted { left: -7444px; top: 0px; } .docs-material .docs-icon-unsupported-black { left: -7162px; top: -94px; } .docs-material .docs-icon-text-rotation-up { left: -5340px; top: -94px; } .docs-material .docs-icon-text-rotation-up-20 { left: -5568px; top: -94px; = } .docs-material .docs-icon-text-rotation-down { left: -5476px; top: -94px; } .docs-material .docs-icon-text-rotation-down-20 { left: -5498px; top: -94px= ; } .docs-material .docs-icon-text-rotation-angleup { left: -5430px; top: -94px= ; } .docs-material .docs-icon-text-rotation-angleup-20 { left: -5452px; top: -9= 4px; } .docs-material .docs-icon-text-rotation-angledown { left: -5384px; top: -94= px; } .docs-material .docs-icon-text-rotation-angledown-20 { left: -5406px; top: = -94px; } .docs-material .docs-icon-text-rotation-vertical { left: -5362px; top: -94p= x; } .docs-material .docs-icon-text-rotation-vertical-20 { left: -5592px; top: -= 94px; } .docs-material .docs-icon-text-rotation-none { left: -5522px; top: -94px; } .docs-material .docs-icon-text-rotation-none-20 { left: -5544px; top: -94px= ; } .docs-material .docs-icon-keep-lightbulb { left: -5794px; top: -50px; } .docs-material .docs-icon-update-table { left: -7250px; top: -94px; } .docs-material .docs-icon-update-slide { left: -7228px; top: -94px; } .docs-material .docs-icon-overflow-three-dots { left: -8940px; top: -50px; = } .docs-material .docs-icon-restore { left: -1378px; top: -94px; } .docs-material .docs-icon-paragraph-border-between { left: -9104px; top: -5= 0px; } .docs-material .docs-icon-paragraph-border-bottom { left: -9126px; top: -50= px; } .docs-material .docs-icon-paragraph-border-left { left: -9148px; top: -50px= ; } .docs-material .docs-icon-paragraph-border-right { left: -9170px; top: -50p= x; } .docs-material .docs-icon-paragraph-border-top { left: -9192px; top: -50px;= } .docs-material .docs-icon-diagram-white { left: -1174px; top: -50px; } .docs-material .docs-icon-directions-24 { left: -1196px; top: -50px; } .docs-material .docs-icon-file-upload { left: -3170px; top: -50px; } .docs-material .docs-icon-file-upload-24 { left: -3192px; top: -50px; } .docs-material .docs-icon-photos { left: -9464px; top: -50px; } .docs-material .docs-icon-photos-24 { left: -9486px; top: -50px; } .docs-material .docs-icon-keyboard { left: -5816px; top: -50px; } .docs-material .docs-icon-keyboard-arrow-up-24x24 { left: -2976px; top: -17= 0px; } .docs-material .docs-icon-keyboard-arrow-down-24x24 { left: -2948px; top: -= 170px; } .docs-material .docs-icon-dogfood-white { left: -1428px; top: -50px; } .docs-material .docs-icon-domain-20x20 { left: -2200px; top: -222px; } .docs-material .docs-icon-domain-disabled-yellow900 { left: -1450px; top: -= 50px; } .docs-material .docs-icon-hierarchy { left: -4226px; top: -50px; } .docs-material .docs-icon-transition { left: -6748px; top: -94px; } .docs-material .docs-icon-map-white { left: -7986px; top: -50px; } .docs-material .docs-icon-map { left: -7936px; top: -50px; } .docs-material .docs-icon-mask { left: -8030px; top: -50px; } .docs-material .docs-icon-visibility { left: -7566px; top: -94px; } .docs-material .docs-icon-visibility-off { left: -7590px; top: -94px; } .docs-material .docs-icon-volume-up { left: -7612px; top: -94px; } .docs-material .docs-icon-volume-up-filled-36 { left: -7634px; top: -94px; = } .docs-material .docs-icon-camera { left: -8790px; top: 0px; } .docs-material .docs-icon-camera-outline-24 { left: -8812px; top: 0px; } .docs-material .docs-icon-pivot-table { left: -9586px; top: -50px; } .docs-material .docs-icon-insert-pivot-table { left: -5274px; top: -50px; } .docs-material .docs-icon-avatar-anonymous-white-32 { left: -7820px; top: 0= px; } .docs-material .docs-icon-code { left: 0px; top: -50px; } .docs-material .docs-icon-code-24 { left: -22px; top: -50px; } .docs-material .docs-icon-play { left: -9608px; top: -50px; } .docs-material .docs-icon-record { left: -976px; top: -94px; } .docs-material .docs-icon-flip-horizontal { left: -3332px; top: -50px; } .docs-material .docs-icon-flip-vertical { left: -3360px; top: -50px; } .docs-material .docs-icon-rotate-cw { left: -1466px; top: -94px; } .docs-material .docs-icon-database { left: -862px; top: -50px; } .docs-material .docs-icon-database-grey600 { left: -884px; top: -50px; } .docs-material .docs-icon-database-20x20 { left: -8592px; top: -94px; } .docs-material .docs-icon-database-p40-20x20 { left: -8616px; top: -94px; } .docs-material .docs-icon-plx { left: -9832px; top: -50px; } .docs-material .docs-icon-bigquery { left: -7972px; top: 0px; } .docs-material .docs-icon-insert-dashboard { left: -4906px; top: -50px; } .docs-material .docs-icon-filter-control { left: -3266px; top: -50px; } .docs-material .docs-icon-drag-handle-20 { left: -1538px; top: -50px; } .docs-material .docs-icon-drag-handle-24 { left: -1562px; top: -50px; } .docs-material .docs-icon-drag-indicator-grey-24 { left: -8365px; top: -170= px; } .docs-material .docs-icon-drag-indicator-dark-24-nv60 { left: -1590px; top:= -50px; } .docs-material .docs-icon-comment-outline-20 { left: -364px; top: -50px; } .docs-material .docs-icon-comment-outline-24 { left: -388px; top: -50px; } .docs-material .docs-icon-edit-outline { left: -2024px; top: -50px; } .docs-material .docs-icon-edit-outline-20 { left: -2046px; top: -50px; } .docs-material .docs-icon-edit-outline-24 { left: -2070px; top: -50px; } .docs-material .docs-icon-error-outline-24 { left: -2848px; top: -50px; } .docs-material .docs-icon-error-outline-20 { left: -2824px; top: -50px; } .docs-material .docs-icon-error-20x20 { left: -5650px; top: -170px; } .docs-material .docs-icon-error-filled-24-red600 { left: -2774px; top: -50p= x; } .docs-material .docs-icon-error-circle-red-24x24 { left: -3946px; top: -170= px; } .docs-material .docs-icon-settings-outline-20 { left: -1894px; top: -94px; = } .docs-material .docs-icon-settings-outline-24 { left: -1918px; top: -94px; = } .docs-material .docs-icon-share-outline-20 { left: -2196px; top: -94px; } .docs-material .docs-icon-share-outline-24 { left: -2220px; top: -94px; } .docs-material .docs-icon-time-outline-20 { left: -6328px; top: -94px; } .docs-material .docs-icon-trend-outline-20 { left: -6792px; top: -94px; } .docs-material .docs-icon-accessibility { left: -6008px; top: 0px; } .docs-material .docs-icon-people-24 { left: -9336px; top: -50px; } .docs-material .docs-icon-dictionary-24 { left: -9367px; top: -170px; } .docs-material .docs-icon-reload-white { left: -1132px; top: -94px; } .docs-material .docs-icon-present { left: 0px; top: -94px; } .docs-material .docs-icon-co-present-20x20 { left: -126px; top: -298px; } .docs-material .docs-icon-present-to-all { left: -22px; top: -94px; } .docs-material .docs-icon-present-to-all-20x20 { left: -150px; top: -298px;= } .docs-material .docs-icon-present-to-all-24 { left: -44px; top: -94px; } .docs-material .docs-icon-present-to-all-24-blue { left: -72px; top: -94px;= } .docs-material .docs-icon-present-to-all-24-white { left: -100px; top: -94p= x; } .docs-material .docs-icon-present-to-all-p40-24x24 { left: -8820px; top: -9= 4px; } .docs-material .docs-icon-chevron-left-grey800-20 { left: -9574px; top: 0px= ; } .docs-material .docs-icon-chevron-left-grey600-20 { left: -9550px; top: 0px= ; } .docs-material .docs-icon-chevron-left-grey500-24 { left: -2100px; top: -17= 0px; } .docs-material .docs-icon-chevron-right-grey500-24 { left: -2128px; top: -1= 70px; } .docs-material .docs-icon-chevron-left-24 { left: -9522px; top: 0px; } .docs-material .docs-icon-chevron-left-white-24 { left: -970px; top: -170px= ; } .docs-material .docs-icon-chevron-left-sm-white-24 { left: -3088px; top: -1= 70px; } .docs-material .docs-icon-chevron-right-24 { left: -9622px; top: 0px; } .docs-material .docs-icon-chevron-right-white-24 { left: -998px; top: -170p= x; } .docs-material .docs-icon-chevron-right-sm-white-24 { left: -3116px; top: -= 170px; } .docs-material .docs-icon-chevron-down-24 { left: -9470px; top: 0px; } .docs-material .docs-icon-chevron-up-24 { left: -242px; top: -170px; } .docs-material .docs-icon-delete-24 { left: -8876px; top: -94px; } .docs-material .docs-icon-delete-grey600-24 { left: -1074px; top: -50px; } .docs-material .docs-icon-delete-grey800-24 { left: -4674px; top: -170px; } .docs-material .docs-icon-palette { left: -9008px; top: -50px; } .docs-material .docs-icon-sheets-table-24 { left: -2316px; top: -94px; } .docs-material .docs-icon-notifications-24 { left: -8592px; top: -50px; } .docs-material .docs-icon-notifications-active-24 { left: -8620px; top: -50= px; } .docs-material .docs-icon-notifications-off-24 { left: -8648px; top: -50px;= } .docs-material .docs-icon-notifications-20 { left: -8568px; top: -50px; } .docs-material .docs-icon-spellcheck { left: -2704px; top: -94px; } .docs-material .docs-icon-spellcheck-20 { left: -2726px; top: -94px; } .docs-material .docs-icon-spellcheck-24x24 { left: -9128px; top: -94px; } .docs-material .docs-icon-add-item { left: -6304px; top: 0px; } .docs-material .docs-icon-datasheet-24-grey800 { left: -906px; top: -50px; = } .docs-material .docs-icon-undo-autocorrect { left: -7052px; top: -94px; } .docs-material .docs-icon-spellbubble-feedback-16 { left: -2644px; top: -94= px; } .docs-material .docs-icon-spellbubble-ignore-16 { left: -2664px; top: -94px= ; } .docs-material .docs-icon-spellbubble-overflow-three-dots-16 { left: -2684p= x; top: -94px; } .docs-material .docs-icon-list-24 { left: -6858px; top: -50px; } .docs-material .docs-icon-audio { left: -7616px; top: 0px; } .docs-material .docs-icon-drive-folder { left: -1766px; top: -50px; } .docs-material .docs-icon-loading-circle-grey200 { left: -7264px; top: -50p= x; } .docs-material .docs-icon-pdf { left: -9314px; top: -50px; } .docs-material .docs-icon-web { left: -7874px; top: -94px; } .docs-material .docs-icon-offline-pin-20 { left: -8752px; top: -50px; } .docs-material .docs-icon-sync-20 { left: -3064px; top: -94px; } .docs-material .docs-icon-sync-white { left: -3514px; top: -94px; } .docs-material .docs-icon-acl-view-only { left: -6096px; top: 0px; } .docs-material .docs-icon-acl-view-only-on-brand-color-background { left: -= 6118px; top: 0px; } .docs-material .docs-icon-acl-comment-only { left: -6030px; top: 0px; } .docs-material .docs-icon-acl-comment-only-on-brand-color-background { left= : -6074px; top: 0px; } .docs-material .docs-icon-acl-comment-only-green700 { left: -6052px; top: 0= px; } .docs-material .docs-icon-approvals-lock { left: -6828px; top: 0px; } .docs-material .docs-icon-approvals-lock-white { left: -6872px; top: 0px; } .docs-material .docs-icon-approvals-lock-open { left: -6850px; top: 0px; } .docs-material .docs-icon-approvals-stamp { left: -6894px; top: 0px; } .docs-material .docs-icon-approvals-stamp-24 { left: -6916px; top: 0px; } .docs-material .docs-icon-recall-24 { left: -948px; top: -94px; } .docs-material .docs-icon-feedback { left: -3082px; top: -50px; } .docs-material .docs-icon-offline-cloud-24 { left: -8724px; top: -50px; } .docs-material .docs-icon-arrow-down { left: -7100px; top: 0px; } .docs-material .docs-icon-arrow-up { left: -7466px; top: 0px; } .docs-material .docs-icon-avatar-grey600 { left: -7856px; top: 0px; } .docs-material .docs-icon-description-grey600 { left: -1152px; top: -50px; = } .docs-material .docs-icon-popout-below { left: -9898px; top: -50px; } .docs-material .docs-icon-group { left: -4110px; top: -50px; } .docs-material .docs-icon-revisions-grey600 { left: -1400px; top: -94px; } .docs-material .docs-icon-popout-viewer-24-white { left: -9920px; top: -50p= x; } .docs-material .docs-icon-maximize-viewer { left: -8074px; top: -50px; } .docs-material .docs-icon-maximize-viewer-24-white { left: -8096px; top: -5= 0px; } .docs-material .docs-icon-open-in-external-24-white { left: -8820px; top: -= 50px; } .docs-material .docs-icon-copy-24-white { left: -546px; top: -50px; } .docs-material .docs-icon-sync { left: -3042px; top: -94px; } .docs-material .docs-icon-search-insights { left: -1728px; top: -94px; } .docs-material .docs-icon-logo-docs-40px { left: -7436px; top: -50px; } .docs-material .docs-icon-logo-sheets-40px { left: -7714px; top: -50px; } .docs-material .docs-icon-logo-slides-40px { left: -7842px; top: -50px; } .docs-material .docs-icon-logo-docs-2020q4-40px { left: -7352px; top: -50px= ; } .docs-material .docs-icon-logo-sheets-2020q4-40px { left: -7630px; top: -50= px; } .docs-material .docs-icon-logo-slides-2020q4-40px { left: -7758px; top: -50= px; } .docs-material .docs-icon-logo-docs-36 { left: -7396px; top: -50px; } .docs-material .docs-icon-logo-sheets-36 { left: -7674px; top: -50px; } .docs-material .docs-icon-logo-slides-36 { left: -7802px; top: -50px; } .docs-material .docs-icon-logo-drawings-36 { left: -7480px; top: -50px; } .docs-material .docs-icon-text-wrapping-wrap-72 { left: -6164px; top: -94px= ; } .docs-material .docs-icon-text-wrapping-break-72 { left: -5924px; top: -94p= x; } .docs-material .docs-icon-text-wrapping-inline-72 { left: -6044px; top: -94= px; } .docs-material .docs-icon-text-wrapping-above-72 { left: -5684px; top: -94p= x; } .docs-material .docs-icon-text-wrapping-behind-72 { left: -5804px; top: -94= px; } .docs-material .docs-icon-text-wrapping-wrap-text { left: -6240px; top: -94= px; } .docs-material .docs-icon-text-wrapping-wrap-text-active { left: -6262px; t= op: -94px; } .docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-wrap-t= ext { left: -6262px; top: -94px; } .docs-material .docs-icon-text-wrapping-break-text { left: -6000px; top: -9= 4px; } .docs-material .docs-icon-text-wrapping-break-text-active { left: -6022px; = top: -94px; } .docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-break-= text { left: -6022px; top: -94px; } .docs-material .docs-icon-text-wrapping-inline-with-text { left: -6120px; t= op: -94px; } .docs-material .docs-icon-text-wrapping-inline-with-text-active { left: -61= 42px; top: -94px; } .docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-inline= -with-text { left: -6142px; top: -94px; } .docs-material .docs-icon-text-wrapping-above-text { left: -5760px; top: -9= 4px; } .docs-material .docs-icon-text-wrapping-above-text-active { left: -5782px; = top: -94px; } .docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-above-= text { left: -5782px; top: -94px; } .docs-material .docs-icon-text-wrapping-behind-text { left: -5880px; top: -= 94px; } .docs-material .docs-icon-text-wrapping-behind-text-active { left: -5902px;= top: -94px; } .docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-behind= -text { left: -5902px; top: -94px; } .docs-material .docs-icon-quick-layout-top-left-50 { left: -750px; top: -94= px; } .docs-material .docs-icon-quick-layout-top-center-50 { left: -696px; top: -= 94px; } .docs-material .docs-icon-quick-layout-top-right-50 { left: -804px; top: -9= 4px; } .docs-material .docs-icon-quick-layout-center-left-50 { left: -588px; top: = -94px; } .docs-material .docs-icon-quick-layout-center-50 { left: -534px; top: -94px= ; } .docs-material .docs-icon-quick-layout-center-right-50 { left: -642px; top:= -94px; } .docs-material .docs-icon-quick-layout-bottom-left-50 { left: -426px; top: = -94px; } .docs-material .docs-icon-quick-layout-bottom-center-50 { left: -372px; top= : -94px; } .docs-material .docs-icon-quick-layout-bottom-right-50 { left: -480px; top:= -94px; } .docs-material .docs-icon-encryption-shield { left: -2708px; top: -50px; } .docs-material .docs-icon-encryption-shield-20x20 { left: -2408px; top: -17= 0px; } .docs-material .docs-icon-encryption-shield-crossed-out-20x20 { left: -2924= px; top: -170px; } .docs-material .docs-icon-encryption-shield-blue-20x20 { left: -2456px; top= : -170px; } .docs-material .docs-icon-encryption-shield-large { left: -2730px; top: -50= px; } .docs-material .docs-icon-not-encrypted-shield-16-grey900 { left: -8520px; = top: -50px; } .docs-material .docs-icon-notes-24 { left: -8540px; top: -50px; } .docs-material .docs-icon-cloud-check { left: -9880px; top: 0px; } .docs-material .docs-icon-sync-no-connection { left: -3216px; top: -94px; } .docs-material .docs-icon-sync-no-connection-red600 { left: -3294px; top: -= 94px; } .docs-material .docs-icon-sync-problem-red500 { left: -3418px; top: -94px; = } .docs-material .docs-icon-sync-saved-locally { left: -3440px; top: -94px; } .docs-material .docs-icon-sync-saved-locally-20 { left: -3462px; top: -94px= ; } .docs-material .docs-icon-sync-disabled { left: -3116px; top: -94px; } .docs-material .docs-icon-sync-disabled-red600 { left: -3194px; top: -94px;= } .docs-material .docs-icon-cloud-check-24 { left: -9926px; top: 0px; } .docs-material .docs-icon-sync-no-connection-24 { left: -3238px; top: -94px= ; } .docs-material .docs-icon-sync-no-connection-24-red600 { left: -3266px; top= : -94px; } .docs-material .docs-icon-sync-problem-24-red500 { left: -3390px; top: -94p= x; } .docs-material .docs-icon-sync-saved-locally-24 { left: -3486px; top: -94px= ; } .docs-material .docs-icon-sync-disabled-24 { left: -3138px; top: -94px; } .docs-material .docs-icon-sync-disabled-24-red600 { left: -3166px; top: -94= px; } .docs-material .docs-icon-auto-awesome { left: -7638px; top: 0px; } .docs-material .docs-icon-auto-awesome-black { left: -8442px; top: -94px; } .docs-material .docs-icon-auto-awesome-24 { left: -7660px; top: 0px; } .docs-material .docs-icon-auto-awesome-24-yellow { left: -8464px; top: -94p= x; } .docs-material .docs-icon-warning-yellow-20 { left: -3866px; top: -170px; } .docs-material .docs-icon-warning { left: -7702px; top: -94px; } .docs-material .docs-icon-warning-24 { left: -7724px; top: -94px; } .docs-material .docs-icon-warning-filled-red700 { left: -7802px; top: -94px= ; } .docs-material .docs-icon-watermark { left: -7824px; top: -94px; } .docs-material .docs-icon-watermark-24 { left: -7846px; top: -94px; } .docs-material .docs-icon-info { left: -4534px; top: -50px; } .docs-material .docs-icon-info-20x20 { left: -4534px; top: -50px; } .docs-material .docs-icon-info-blue800 { left: -4626px; top: -50px; } .docs-material .docs-icon-info-p30 { left: -5278px; top: -222px; } .docs-material .docs-icon-info-p40 { left: -4500px; top: -170px; } .docs-material .docs-icon-info-t40 { left: -4524px; top: -170px; } .docs-material .docs-icon-info-green800 { left: -4648px; top: -50px; } .docs-material .docs-icon-info-grey800 { left: -4670px; top: -50px; } .docs-material .docs-icon-info_14 { left: -4556px; top: -50px; } .docs-material .docs-icon-info-24 { left: -4598px; top: -50px; } .docs-material .docs-icon-info-outline-grey { left: -4692px; top: -50px; } .docs-material .docs-icon-search-20 { left: -9280px; top: -94px; } .docs-material .docs-icon-search-24 { left: -1700px; top: -94px; } .docs-material .docs-icon-sync-24 { left: -3088px; top: -94px; } .docs-material .docs-icon-add { left: -6140px; top: 0px; } .docs-material .docs-icon-add-24 { left: -6186px; top: 0px; } .docs-material .docs-icon-folder { left: -3388px; top: -50px; } .docs-material .docs-icon-folder-blue { left: -4908px; top: -170px; } .docs-material .docs-icon-star-border { left: -2816px; top: -94px; } .docs-material .docs-icon-star-filled { left: -2908px; top: -94px; } .docs-material .docs-icon-star-box { left: -2862px; top: -94px; } .docs-material .docs-icon-link-24 { left: -6802px; top: -50px; } .docs-material .docs-icon-link-no-24 { left: -6830px; top: -50px; } .docs-material .docs-icon-paste-source-24 { left: -9264px; top: -50px; } .docs-material .docs-icon-paste-destination-24 { left: -9236px; top: -50px;= } .docs-material .docs-preview { left: -172px; top: -94px; } .docs-material .docs-icon-increase-22 { left: -4416px; top: -50px; } .docs-material .docs-icon-decrease-22 { left: -1026px; top: -50px; } .docs-material .docs-icon-gear-grey400-13 { left: -3868px; top: -50px; } .docs-material .docs-icon-gear-grey700-13 { left: -3885px; top: -50px; } .docs-material .docs-icon-gmail { left: -3902px; top: -50px; } .docs-material .docs-icon-folder-move { left: -3410px; top: -50px; } .docs-material .docs-icon-drag-top-left { left: -1640px; top: -50px; } .docs-material .docs-icon-drag-top-right { left: -1656px; top: -50px; } .docs-material .docs-icon-sync-pending { left: -3316px; top: -94px; } .docs-material .docs-icon-sync-pending-24 { left: -3338px; top: -94px; } .docs-material .docs-icon-check-24 { left: -9184px; top: 0px; } .docs-material .docs-icon-check-24-white { left: -9212px; top: 0px; } .docs-material .docs-icon-check-n10-24x24 { left: -8364px; top: -94px; } .docs-material .docs-icon-close-n10-24x24 { left: -8736px; top: -94px; } .docs-material .docs-icon-check-p40-24x24 { left: -8392px; top: -94px; } .docs-material .docs-icon-close-p40-24x24 { left: -8516px; top: -94px; } .docs-material .docs-icon-instant-comment-24 { left: -5464px; top: -50px; } .docs-material .docs-icon-instant-comment-blue600-24 { left: -5520px; top: = -50px; } .docs-material .docs-icon-instant-comment-blue40-24 { left: -5492px; top: -= 50px; } .docs-material .docs-icon-instant-suggest-24 { left: -5548px; top: -50px; } .docs-material .docs-icon-instant-suggest-green600-24 { left: -5604px; top:= -50px; } .docs-material .docs-icon-instant-suggest-blue40-24 { left: -5576px; top: -= 50px; } .docs-material .docs-icon-inventory-24 { left: -5654px; top: -50px; } .docs-material .docs-icon-inventory { left: -5632px; top: -50px; } .docs-material .docs-icon-timeline { left: -6374px; top: -94px; } .docs-material .docs-icon-timeline-20x20 { left: -8688px; top: -94px; } .docs-material .docs-icon-timeline-p40-20x20 { left: -8712px; top: -94px; } .docs-material .docs-icon-table-chart-20x20 { left: -9156px; top: -94px; } .docs-material .docs-icon-docos-continue-the-conversation-24 { left: -1312p= x; top: -50px; } .docs-material .docs-icon-locked-white { left: -7330px; top: -50px; } .docs-material .docs-icon-locked-outline { left: -5914px; top: -170px; } .docs-material .docs-icon-youtube-red { left: -8072px; top: -94px; } .docs-material .docs-icon-unarchive-24 { left: -6932px; top: -94px; } .docs-material .docs-icon-paintbrush { left: -8986px; top: -50px; } .docs-material .docs-icon-videocam { left: -7488px; top: -94px; } .docs-material .docs-icon-videocam-20x20 { left: -198px; top: -298px; } .docs-material .docs-icon-videocam-24 { left: -7510px; top: -94px; } .docs-material .docs-icon-videocam-colored-24 { left: -7538px; top: -94px; = } .docs-material .docs-icon-send-to-email-24-red600 { left: -1844px; top: -94= px; } .docs-material .docs-icon-sort_az { left: -2550px; top: -94px; } .docs-material .docs-icon-sort_za { left: -2572px; top: -94px; } .docs-material .docs-icon-insights { left: -5442px; top: -50px; } .docs-material .docs-icon-appsheet { left: -6944px; top: 0px; } .docs-material .docs-icon-tv { left: -6910px; top: -94px; } .docs-material .docs-icon-laptop { left: -5882px; top: -50px; } .docs-material .docs-icon-laptop-24 { left: -5904px; top: -50px; } .docs-material .docs-icon-autofit-none { left: -7732px; top: 0px; } .docs-material .docs-icon-autofit-resize-shape { left: -7754px; top: 0px; } .docs-material .docs-icon-autofit-shrink-text { left: -7776px; top: 0px; } .docs-material .docs-icon-avatar { left: -7798px; top: 0px; } .docs-material .docs-icon-smart-summary { left: -2432px; top: -94px; } .docs-material .docs-icon-smart-summary-16 { left: -2454px; top: -94px; } .docs-material .docs-icon-smart-summary-20 { left: -2474px; top: -94px; } .docs-material .docs-icon-smart-summary-24 { left: -2498px; top: -94px; } .docs-material .docs-icon-insert-emoji-reaction-24-yellow700 { left: -4928p= x; top: -50px; } .docs-material .docs-icon-insert-emoji-reaction-blue40-24 { left: -4956px; = top: -50px; } .docs-material .docs-icon-insert-thumbs-up-24-yellow700 { left: -5414px; to= p: -50px; } .docs-material .docs-icon-thumbs-up-outline-24x24 { left: -1708px; top: -17= 0px; } .docs-material .docs-icon-thumbs-down-outline-24x24 { left: -1680px; top: -= 170px; } .docs-material .docs-icon-insert-emoticon { left: -4984px; top: -50px; } .docs-material .docs-icon-more-vert { left: -8382px; top: -50px; } .docs-material .docs-icon-more-vert-20 { left: -5918px; top: 0px; } .docs-material .docs-icon-more-vert-24 { left: -8404px; top: -50px; } .docs-material .docs-icon-more-vert-n10-24x24 { left: -8764px; top: -94px; = } .docs-material .docs-icon-performance-meter-24-green700 { left: -9364px; to= p: -50px; } .docs-material .docs-icon-label-outline { left: -5838px; top: -50px; } .docs-material .docs-icon-checkbox-hollow { left: -9306px; top: 0px; } .docs-material .docs-icon-person-search-24 { left: -9436px; top: -50px; } .docs-material .docs-icon-rectangle { left: -2130px; top: -94px; } .docs-material .docs-icon-rounded-rectangle { left: -2152px; top: -94px; } .docs-material .docs-icon-oval { left: -2086px; top: -94px; } .docs-material .docs-icon-comment-topbar-24 { left: -416px; top: -50px; } .docs-material .docs-icon-confirmation-number-24 { left: -468px; top: -50px= ; } .docs-material .docs-icon-contacts-24 { left: -496px; top: -50px; } .docs-material .docs-icon-checklist { left: -9350px; top: 0px; } .docs-material .docs-icon-checklist-20 { left: -9372px; top: 0px; } .docs-material .docs-icon-checklist-24 { left: -9396px; top: 0px; } .docs-material .docs-icon-checklist-rtl { left: -9424px; top: 0px; } .docs-material .docs-icon-checklist-rtl-20 { left: -9446px; top: 0px; } .docs-material .docs-icon-report { left: -1178px; top: -94px; } .docs-material .docs-icon-report-white { left: -1288px; top: -94px; } .docs-material .docs-icon-report-white-outline-24 { left: -1462px; top: -22= 2px; } .docs-material .docs-icon-report-off-white-outline-24 { left: -3332px; top:= -222px; } .docs-material .docs-icon-report-red800 { left: -1266px; top: -94px; } .docs-material .docs-icon-report-blue800 { left: -1200px; top: -94px; } .docs-material .docs-icon-report-green800 { left: -1222px; top: -94px; } .docs-material .docs-icon-report-grey800 { left: -1244px; top: -94px; } .docs-material .docs-icon-report-gray-24x24 { left: -6118px; top: -222px; } .docs-material .docs-icon-assignment-ind-24 { left: -7560px; top: 0px; } .docs-material .docs-icon-assignment-ind-white-24 { left: -7588px; top: 0px= ; } .docs-material .docs-icon-assignment { left: -7510px; top: 0px; } .docs-material .docs-icon-assignment-24 { left: -7532px; top: 0px; } .docs-material .docs-icon-paperclip-24 { left: -9030px; top: -50px; } .docs-material .docs-icon-paperclip-20 { left: -826px; top: -170px; } .docs-material .docs-icon-emoji-24 { left: -2230px; top: -50px; } .docs-material .docs-icon-emoji-emotions { left: -2258px; top: -50px; } .docs-material .docs-icon-emoji-events { left: -2308px; top: -50px; } .docs-material .docs-icon-emoji-flags { left: -2358px; top: -50px; } .docs-material .docs-icon-emoji-food-beverage { left: -2408px; top: -50px; = } .docs-material .docs-icon-emoji-nature { left: -2458px; top: -50px; } .docs-material .docs-icon-emoji-objects { left: -2508px; top: -50px; } .docs-material .docs-icon-emoji-people { left: -2558px; top: -50px; } .docs-material .docs-icon-emoji-symbols { left: -2608px; top: -50px; } .docs-material .docs-icon-emoji-transportation { left: -2658px; top: -50px;= } .docs-material .docs-icon-pushpin { left: -284px; top: -94px; } .docs-material .docs-icon-pushpin-unpin { left: -306px; top: -94px; } .docs-material .docs-icon-delete { left: -1052px; top: -50px; } .docs-material .docs-icon-logo-maps { left: -7608px; top: -50px; } .docs-material .docs-icon-maps-pin { left: -8008px; top: -50px; } .docs-material .docs-icon-calendar-event-24 { left: -8734px; top: 0px; } .docs-material .docs-icon-calendar-event-20 { left: -874px; top: -170px; } .docs-material .docs-icon-calendar-view-day-24 { left: -8762px; top: 0px; } .docs-material .docs-icon-displays { left: -1224px; top: -50px; } .docs-material .docs-icon-emoji-emotions-24 { left: -2280px; top: -50px; } .docs-material .docs-icon-emoji-events-24 { left: -2330px; top: -50px; } .docs-material .docs-icon-emoji-flags-24 { left: -2380px; top: -50px; } .docs-material .docs-icon-emoji-food-beverage-24 { left: -2430px; top: -50p= x; } .docs-material .docs-icon-emoji-nature-24 { left: -2480px; top: -50px; } .docs-material .docs-icon-emoji-objects-24 { left: -2530px; top: -50px; } .docs-material .docs-icon-emoji-people-24 { left: -2580px; top: -50px; } .docs-material .docs-icon-emoji-symbols-24 { left: -2630px; top: -50px; } .docs-material .docs-icon-emoji-transportation-24 { left: -2680px; top: -50= px; } .docs-material .docs-icon-warning-amber-red700 { left: -7780px; top: -94px;= } .docs-material .docs-icon-warning-amber-24-red700 { left: -7752px; top: -94= px; } .docs-material .docs-icon-loop-red700 { left: -7914px; top: -50px; } .docs-material .docs-icon-map-24 { left: -7958px; top: -50px; } .docs-material .docs-icon-loop-24-red700 { left: -7886px; top: -50px; } .docs-material .docs-icon-send-to-email-24 { left: -1816px; top: -94px; } .docs-material .docs-icon-send-to-email-20 { left: -850px; top: -170px; } .docs-material .docs-icon-send-to-email-p40-20 { left: -702px; top: -170px;= } .docs-material .docs-icon-play-filled-20-yellow600 { left: -9630px; top: -5= 0px; } .docs-material .docs-icon-record-voice-over { left: -1020px; top: -94px; } .docs-material .docs-icon-record-voice-over-20x20 { left: -174px; top: -298= px; } .docs-material .docs-icon-record-circle { left: -998px; top: -94px; } .docs-material .docs-icon-add-task { left: -6348px; top: 0px; } .docs-material .docs-icon-task-alt { left: -5066px; top: -94px; } .docs-material .docs-icon-add-task-white { left: -6370px; top: 0px; } .docs-material .docs-icon-slideshow { left: -2410px; top: -94px; } .docs-material .docs-icon-send-to-email { left: -1794px; top: -94px; } .docs-material .docs-icon-dropdown-arrow-in-oval-24 { left: -1928px; top: -= 50px; } .docs-material .docs-icon-task-alt-24 { left: -5088px; top: -94px; } .docs-material .docs-icon-dropdown-arrow-in-oval { left: -1906px; top: -50p= x; } .docs-material .docs-icon-gmail-blue600-24 { left: -3924px; top: -50px; } .docs-material .docs-icon-person { left: -9392px; top: -50px; } .docs-material .docs-icon-check-circle { left: -9240px; top: 0px; } .docs-material .docs-icon-check-circle-20x20 { left: -5602px; top: -170px; = } .docs-material .docs-icon-check-circle-purple600-24x24 { left: -5552px; top= : -170px; } .docs-material .docs-icon-supervisor-account { left: -3020px; top: -94px; } .docs-material .docs-icon-brand-awareness { left: -8618px; top: 0px; } .docs-material .docs-icon-comment-edit-24 { left: -336px; top: -50px; } .docs-material .docs-icon-esignature-pen { left: -2876px; top: -50px; } .docs-material .docs-icon-check-circle-green700 { left: -9262px; top: 0px; = } .docs-material .docs-icon-insert-emoticon-24 { left: -5006px; top: -50px; } .docs-material .docs-icon-docs-smart-chips-18 { left: -1362px; top: -50px; = } .docs-material .docs-icon-meet-24 { left: -8124px; top: -50px; } .docs-material .docs-icon-page-header-18x18 { left: -9601px; top: -170px; } .docs-material .docs-icon-page-footer-18x18 { left: -9579px; top: -170px; } .docs-material .docs-icon-voting-chip-18x18 { left: -9623px; top: -170px; } .docs-material .docs-icon-meet-24-white { left: -8152px; top: -50px; } .docs-material .docs-icon-meet-p40-24x24 { left: -8792px; top: -94px; } .docs-material .docs-icon-meet-white { left: -8180px; top: -50px; } .docs-material .docs-icon-finance-mode { left: -3288px; top: -50px; } .docs-material .docs-icon-arrow-upward-green800 { left: -7488px; top: 0px; = } .docs-material .docs-icon-arrow-downward-red900 { left: -7122px; top: 0px; = } .docs-material .docs-icon-plus-green800 { left: -9788px; top: -50px; } .docs-material .docs-icon-minus-red900 { left: -8270px; top: -50px; } .docs-material .docs-icon-post-add-24 { left: -9948px; top: -50px; } .docs-material .docs-icon-slide-library-18x18 { left: -5236px; top: -170px;= } .docs-material .docs-icon-slide-library { left: -2366px; top: -94px; } .docs-material .docs-icon-talk-track-live-video { left: -5044px; top: -94px= ; } .docs-material .docs-listpreset-checklist { left: -5430px; top: 0px; } .docs-material .docs-listpreset-checklist-rtl { left: -5515px; top: 0px; } .docs-material .docs-listpreset-checklist-without-strikethrough { left: -56= 00px; top: 0px; } .docs-material .docs-listpreset-checklist-without-strikethrough-rtl { left:= -5685px; top: 0px; } .docs-material .docs-icon-download-and-decrypt { left: -1516px; top: -50px;= } .docs-material .docs-history-24 { left: -4292px; top: -50px; } .docs-material .docs-icon-colorize { left: -72px; top: -50px; } .docs-material .docs-icon-system-applied-labels { left: -3536px; top: -94px= ; } .docs-material .docs-icon-format-list-bulleted-24 { left: -3702px; top: -50= px; } .docs-material .docs-icon-format-paint-18x18 { left: -4752px; top: -170px; = } .docs-material .docs-icon-add-to-drive-20 { left: -6414px; top: 0px; } .docs-material .docs-icon-cloud-check-20 { left: -9902px; top: 0px; } .docs-material .docs-icon-folder-20x20 { left: -8492px; top: -94px; } .docs-material .docs-icon-folder-move-20 { left: -3432px; top: -50px; } .docs-material .docs-icon-info-20 { left: -4574px; top: -50px; } .docs-material .docs-icon-star-border-20 { left: -2838px; top: -94px; } .docs-material .docs-icon-star-filled-20-blue600 { left: -2884px; top: -94p= x; } .docs-material .docs-cloud-off-20 { left: -9954px; top: 0px; } .docs-material .docs-icon-computer-20 { left: -444px; top: -50px; } .docs-material .docs-icon-schedule-20 { left: -1564px; top: -94px; } .docs-material .docs-sync-20 { left: -3064px; top: -94px; } .docs-material .docs-icon-sync-problem-20 { left: -3366px; top: -94px; } .docs-material .docs-icon-offline-bolt-20 { left: -8700px; top: -50px; } .docs-material .docs-icon-docs-encrypted { left: -1340px; top: -50px; } .docs-material .docs-icon-slides-encrypted { left: -2388px; top: -94px; } .docs-material .docs-icon-sheets-encrypted { left: -2294px; top: -94px; } .docs-material .docs-icon-pdf-encrypted-18x18 { left: -2246px; top: -222px;= } .docs-material .docs-icon-video-encrypted-18x18 { left: -2268px; top: -222p= x; } .docs-material .docs-icon-image-encrypted-18x18 { left: -2224px; top: -222p= x; } .docs-material .docs-icon-building-block { left: -8640px; top: 0px; } .docs-material .docs-icon-building-block-24 { left: -8662px; top: 0px; } .docs-material .docs-icon-columns-24 { left: -194px; top: -50px; } .docs-material .docs-icon-add-20 { left: -6162px; top: 0px; } .docs-material .docs-icon-chevron-left-20 { left: -9498px; top: 0px; } .docs-material .docs-icon-chevron-right-20 { left: -9598px; top: 0px; } .docs-material .docs-icon-chevron-down-20 { left: -802px; top: -170px; } .docs-material .docs-icon-expand-less-20 { left: -2942px; top: -50px; } .docs-material .docs-icon-expand-more-20 { left: -5814px; top: 0px; } .docs-material .docs-icon-menu-20 { left: -8202px; top: -50px; } .docs-material .docs-icon-mode-comment-filled-20 { left: -8292px; top: -50p= x; } .docs-material .docs-icon-animation-20 { left: -6804px; top: 0px; } .docs-material .docs-icon-grid-view-20 { left: -4062px; top: -50px; } .docs-material .docs-icon-grid-view-filled-20 { left: -4086px; top: -50px; = } .docs-material .docs-icon-error-filled-red700 { left: -2802px; top: -50px; = } .docs-material .docs-icon-arrow-dropdown-20 { left: -7166px; top: 0px; } .docs-material .docs-icon-arrow-dropdown-tertiary-green-20 { left: -7236px;= top: 0px; } .docs-material .docs-icon-arrow-dropdown-p40-20x20 { left: -8544px; top: -9= 4px; } .docs-material .docs-icon-arrow-dropdown-on-surface-20 { left: -7212px; top= : 0px; } .docs-material .docs-icon-edit-20 { left: -2000px; top: -50px; } .docs-material .docs-icon-edit-24 { left: -9011px; top: -170px; } .docs-material .docs-icon-edit-fix-auto-normal-20x20 { left: -8221px; top: = -170px; } .docs-material .docs-icon-edit-fix-auto-normal-blue-20x20 { left: -9319px; = top: -170px; } .docs-material .docs-icon-rate-review-20 { left: -924px; top: -94px; } .docs-material .docs-icon-category-24 { left: -9000px; top: 0px; } .docs-material .docs-icon-variables { left: -7344px; top: -94px; } .docs-material .docs-icon-variables-24 { left: -7366px; top: -94px; } .docs-material .docs-icon-video-camera-front-18 { left: -7438px; top: -94px= ; } .docs-material .docs-icon-file-copy-blue900 { left: -3148px; top: -50px; } .docs-material .docs-icon-sort-20 { left: -2526px; top: -94px; } .docs-material .docs-icon-video-camera-front-20 { left: -2076px; top: -170p= x; } .docs-material .docs-icon-video-camera-front-24 { left: -7460px; top: -94px= ; } .docs-material .docs-icon-bolt { left: -8040px; top: 0px; } .docs-material .docs-icon-editors-ia-bolt { left: -8040px; top: 0px; } .docs-material .docs-icon-format-clear-20 { left: -3654px; top: -50px; } .docs-material .docs-icon-ink-highlighter-20 { left: -4714px; top: -50px; } .docs-material .docs-icon-numbers-20 { left: -8676px; top: -50px; } .docs-material .docs-icon-remove-20 { left: -1154px; top: -94px; } .docs-material .docs-icon-border-color-20 { left: -8226px; top: 0px; } .docs-material .docs-icon-voting-chip-24 { left: -7674px; top: -94px; } .docs-material .docs-icon-toc-links-50-68 { left: -6532px; top: -94px; } .docs-material .docs-icon-toc-links-rtl-50-68 { left: -6586px; top: -94px; = } .docs-material .docs-icon-toc-page-numbers-50-68 { left: -6640px; top: -94p= x; } .docs-material .docs-icon-toc-page-numbers-rtl-50-68 { left: -6694px; top: = -94px; } .docs-material .docs-icon-arrow-selector-tool-20 { left: -7420px; top: 0px;= } .docs-material .docs-icon-cell-merge-20 { left: -9028px; top: 0px; } .docs-material .docs-icon-chip-extraction-20 { left: -9650px; top: 0px; } .docs-material .docs-icon-format-ink-highlighter-20 { left: -3678px; top: -= 50px; } .docs-material .docs-icon-format-text-clip-20 { left: -3752px; top: -50px; = } .docs-material .docs-icon-format-text-overflow-20 { left: -3776px; top: -50= px; } .docs-material .docs-icon-format-text-wrap-20 { left: -3800px; top: -50px; = } .docs-material .docs-icon-insert-text-18x18 { left: -5192px; top: -170px; } .docs-material .docs-icon-insert-text-20 { left: -5340px; top: -50px; } .docs-material .docs-icon-line-end-20 { left: -6048px; top: -50px; } .docs-material .docs-icon-line-end-arrow-20 { left: -6072px; top: -50px; } .docs-material .docs-icon-line-end-arrow-filled-20 { left: -6096px; top: -5= 0px; } .docs-material .docs-icon-line-end-arrow-notch-20 { left: -6120px; top: -50= px; } .docs-material .docs-icon-line-end-circle-20 { left: -6144px; top: -50px; } .docs-material .docs-icon-line-end-circle-filled-20 { left: -6168px; top: -= 50px; } .docs-material .docs-icon-line-end-diamond-20 { left: -6192px; top: -50px; = } .docs-material .docs-icon-line-end-diamond-filled-20 { left: -6216px; top: = -50px; } .docs-material .docs-icon-line-end-square-20 { left: -6240px; top: -50px; } .docs-material .docs-icon-line-end-square-filled-20 { left: -6264px; top: -= 50px; } .docs-material .docs-icon-line-start-20 { left: -6380px; top: -50px; } .docs-material .docs-icon-line-start-arrow-20 { left: -6404px; top: -50px; = } .docs-material .docs-icon-line-start-arrow-filled-20 { left: -6428px; top: = -50px; } .docs-material .docs-icon-line-start-arrow-notch-20 { left: -6452px; top: -= 50px; } .docs-material .docs-icon-line-start-circle-20 { left: -6476px; top: -50px;= } .docs-material .docs-icon-line-start-circle-filled-20 { left: -6500px; top:= -50px; } .docs-material .docs-icon-line-start-diamond-20 { left: -6524px; top: -50px= ; } .docs-material .docs-icon-line-start-diamond-filled-20 { left: -6548px; top= : -50px; } .docs-material .docs-icon-line-start-square-20 { left: -6572px; top: -50px;= } .docs-material .docs-icon-line-start-square-filled-20 { left: -6596px; top:= -50px; } .docs-material .docs-icon-colorize-24 { left: -94px; top: -50px; } .docs-material .docs-icon-search-20-nv50 { left: -1676px; top: -94px; } .docs-material .docs-icon-toc-dotted-50-68 { left: -6424px; top: -94px; } .docs-material .docs-icon-toc-dotted-rtl-50-68 { left: -6478px; top: -94px;= } .docs-material .docs-icon-table-quick-layout-top-left-72 { left: -4396px; t= op: -94px; } .docs-material .docs-icon-table-quick-layout-top-center-72 { left: -4320px;= top: -94px; } .docs-material .docs-icon-table-quick-layout-top-right-72 { left: -4472px; = top: -94px; } .docs-material .docs-icon-table-quick-layout-center-left-72 { left: -4168px= ; top: -94px; } .docs-material .docs-icon-table-quick-layout-center-72 { left: -4092px; top= : -94px; } .docs-material .docs-icon-table-quick-layout-center-right-72 { left: -4244p= x; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-left-72 { left: -3940px= ; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-center-72 { left: -3864= px; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-right-72 { left: -4016p= x; top: -94px; } .docs-material .docs-icon-table-quick-layout-top-left-56 { left: -9780px; t= op: -94px; } .docs-material .docs-icon-table-quick-layout-top-center-56 { left: -9720px;= top: -94px; } .docs-material .docs-icon-table-quick-layout-top-right-56 { left: -9840px; = top: -94px; } .docs-material .docs-icon-table-quick-layout-center-left-56 { left: -9600px= ; top: -94px; } .docs-material .docs-icon-table-quick-layout-center-56 { left: -9540px; top= : -94px; } .docs-material .docs-icon-table-quick-layout-center-right-56 { left: -9660p= x; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-left-56 { left: -9420px= ; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-center-56 { left: -9360= px; top: -94px; } .docs-material .docs-icon-table-quick-layout-bottom-right-56 { left: -9480p= x; top: -94px; } .docs-material .docs-icon-table-left-aligned-72 { left: -3684px; top: -94px= ; } .docs-material .docs-icon-table-center-aligned-72 { left: -3608px; top: -94= px; } .docs-material .docs-icon-table-right-aligned-72 { left: -3760px; top: -94p= x; } .docs-material .docs-icon-table-text-wrapping-inline-72 { left: -4776px; to= p: -94px; } .docs-material .docs-icon-table-text-wrapping-wrap-72 { left: -4852px; top:= -94px; } .docs-material .docs-icon-table-text-wrap-direction-bothsides-72 { left: -4= 548px; top: -94px; } .docs-material .docs-icon-table-text-wrap-direction-left-72 { left: -4624px= ; top: -94px; } .docs-material .docs-icon-table-text-wrap-direction-right-72 { left: -4700p= x; top: -94px; } .docs-material .docs-icon-function-20 { left: -5838px; top: 0px; } .docs-material .docs-icon-visibility-24 { left: -5862px; top: 0px; } .docs-material .docs-icon-timer-24 { left: -5890px; top: 0px; } .docs-material .docs-icon-expand-more { left: -920px; top: -170px; } .docs-material .docs-icon-expand-less { left: -898px; top: -170px; } .docs-material .docs-icon-expand-header { left: -8320px; top: -94px; } .docs-material .docs-icon-expand-header-24 { left: -9332px; top: -94px; } .docs-material .docs-icon-collapse-header { left: -8298px; top: -94px; } .docs-material .docs-icon-collapse-header-24 { left: -9304px; top: -94px; } .docs-material .docs-icon-collapse-nv30-24 { left: -320px; top: -170px; } .docs-material .docs-icon-expand-nv30-24 { left: -376px; top: -170px; } .docs-material .docs-icon-filter-alt-20 { left: -8250px; top: -94px; } .docs-material .docs-icon-filter-alt-filled-20 { left: -8274px; top: -94px;= } .docs-material .docs-icon-logo-colab-18x18 { left: -8342px; top: -94px; } .docs-material .docs-icon-timeline-milestones-18x18 { left: -8420px; top: -= 94px; } .docs-material .docs-icon-lock-filled-20x20 { left: -8640px; top: -94px; } .docs-material .docs-icon-lock-filled-p40-20x20 { left: -8664px; top: -94px= ; } .docs-material .docs-icon-headphones-18x18 { left: -98px; top: -222px; } .docs-material .docs-icon-headphones-24x24 { left: -120px; top: -222px; } .docs-material .docs-icon-speech-to-text-18x18 { left: -1108px; top: -222px= ; } .docs-material .docs-icon-speech-to-text-24x24 { left: -1152px; top: -222px= ; } .docs-material .docs-icon-text-to-speech-18x18 { left: -1130px; top: -222px= ; } .docs-material .docs-icon-text-to-speech-24x24 { left: -1180px; top: -222px= ; } .docs-material .docs-icon-hourglass-empty-18x18 { left: -6762px; top: -170p= x; } .docs-material .docs-icon-hourglass-empty-24x24 { left: -8848px; top: -94px= ; } .docs-material .docs-icon-assistant-20x20 { left: -8904px; top: -94px; } .docs-material .docs-icon-assistant-p40-20x20 { left: -8928px; top: -94px; = } .docs-material .docs-icon-assistant-24x24 { left: -8952px; top: -94px; } .docs-material .docs-icon-assistant-p40-24x24 { left: -8980px; top: -94px; = } .docs-material .docs-icon-calendar-event-draft-18x18 { left: -9008px; top: = -94px; } .docs-material .docs-icon-calendar-event-draft-24x24 { left: -9030px; top: = -94px; } .docs-material .docs-icon-timely-p40-24 { left: -1026px; top: -170px; } .docs-material .docs-icon-chip-extraction-18x18 { left: -9058px; top: -94px= ; } .docs-material .docs-icon-lock-20x20 { left: -9080px; top: -94px; } .docs-material .docs-icon-visibility-20x20 { left: -9104px; top: -94px; } .docs-material .docs-icon-die-24 { left: -9224px; top: -94px; } .docs-material .docs-icon-puzzle-24 { left: -9252px; top: -94px; } .docs-material .docs-icon-edit-fix-auto-24 { left: -9787px; top: -170px; } .docs-material .docs-icon-text-analysis-24 { left: -9815px; top: -170px; } .docs-material .docs-icon-arrow-insert-20 { left: -9763px; top: -170px; } .docs-icon .docs-icon-gemini-avatar-32 { left: -9843px; top: -170px; } .docs-material .docs-icon-ai-text-generator-18 { left: -1248px; top: -170px= ; } .docs-material .docs-icon-gen-ai-p40 { left: -4548px; top: -170px; } .docs-material .docs-icon-ai-text-generator-blue-18x18 { left: -2330px; top= : -170px; } .docs-material .docs-icon-ai-text-20 { left: -1270px; top: -170px; } .docs-material .docs-icon-ai-text-generator-24 { left: -1294px; top: -170px= ; } .docs-material .docs-icon-flask-18 { left: -220px; top: -170px; } .docs-material .docs-icon-flask-20 { left: -196px; top: -170px; } .docs-material .docs-icon-vids-18x18 { left: -5530px; top: -170px; } .docs-material .docs-icon-vids-purple-18x18 { left: -7556px; top: -170px; } .docs-material .docs-icon-image-generation-18 { left: -1398px; top: -170px;= } .docs-material .docs-icon-image-generation-20 { left: -5702px; top: -170px;= } .docs-material .docs-icon-image-generation-24 { left: -1420px; top: -170px;= } .docs-material .docs-icon-video-generation-20 { left: -9691px; top: -170px;= } .docs-material .docs-icon-video-generation-color-20 { left: -9176px; top: -= 222px; } .docs-material .docs-icon-web-traffic-20 { left: -9900px; top: -94px; } .docs-material .docs-icon-work { left: -9946px; top: -94px; } .docs-material .docs-icon-work-nv30-24 { left: -516px; top: -170px; } .docs-material .docs-icon-edit-note { left: -9924px; top: -94px; } .docs-material .docs-icon-edit-note-nv30-24 { left: -348px; top: -170px; } .docs-material .docs-icon-thumbs-up-white-24 { left: -140px; top: -170px; } .docs-material .docs-icon-thumbs-down-white-24 { left: -84px; top: -170px; = } .docs-material .docs-icon-thumbs-up-white-outline-24 { left: -168px; top: -= 170px; } .docs-material .docs-icon-thumbs-down-white-outline-24 { left: -112px; top:= -170px; } .docs-material .docs-icon-thumbs-up-off-white-outline-24 { left: -3388px; t= op: -222px; } .docs-material .docs-icon-thumbs-down-off-white-outline-24 { left: -3360px;= top: -222px; } .docs-material .docs-icon-thumbs-up-gray-24 { left: -600px; top: -170px; } .docs-material .docs-icon-thumbs-down-gray-24 { left: -544px; top: -170px; = } .docs-material .docs-icon-thumbs-up-gray-outline-24 { left: -628px; top: -1= 70px; } .docs-material .docs-icon-thumbs-down-gray-outline-24 { left: -572px; top: = -170px; } .docs-material .docs-icon-help-20 { left: -656px; top: -170px; } .docs-material .docs-icon-open-in-full-20x20 { left: -750px; top: -170px; } .docs-material .docs-icon-close-fullscreen-20x20 { left: -726px; top: -170p= x; } .docs-material .docs-icon-how-to-vote-18x18 { left: -680px; top: -170px; } .docs-material .docs-icon-how-to-vote-24x24 { left: -774px; top: -170px; } .docs-material .docs-icon-placeholder-24x24 { left: -2800px; top: -170px; } .docs-material .docs-icon-open-in-external-24x24 { left: -942px; top: -170p= x; } .docs-material .docs-icon-play-arrow-18x18 { left: -1098px; top: -170px; } .docs-material .docs-icon-play-arrow-white-18x18 { left: -1120px; top: -170= px; } .docs-material .docs-icon-play-circle-18x18 { left: -56px; top: -222px; } .docs-material .docs-icon-audio-gen-spark-18x18 { left: -1968px; top: -222p= x; } .docs-material .docs-icon-audio-gen-spark-24x24 { left: -2012px; top: -222p= x; } .docs-material .docs-icon-play-movies-18x18 { left: -3004px; top: -170px; } .docs-material .docs-icon-pause-18x18 { left: -1054px; top: -170px; } .docs-material .docs-icon-pause-white-18x18 { left: -1076px; top: -170px; } .docs-material .docs-icon-add-p40-20x20 { left: -1472px; top: -170px; } .docs-material .docs-icon-add-p40-24x24 { left: -1142px; top: -170px; } .docs-material .docs-icon-tablesmith-24x24 { left: -1198px; top: -170px; } .docs-material .docs-icon-tablesmith-20x20 { left: -1496px; top: -170px; } .docs-material .docs-icon-tablesmith-18x18 { left: -1226px; top: -170px; } .docs-material .docs-icon-slide-library-20 { left: -1346px; top: -170px; } .docs-material .docs-icon-slide-library-24 { left: -1370px; top: -170px; } .docs-material .docs-icon-warning-red40-20x20 { left: -1448px; top: -170px;= } .docs-material .docs-icon-thumb-up-18x18 { left: -1542px; top: -170px; } .docs-material .docs-icon-thumb-down-18x18 { left: -1520px; top: -170px; } .docs-material .docs-icon-live-pointer-empty-20x20 { left: -1564px; top: -1= 70px; } .docs-material .docs-icon-live-pointer-filled-20x20 { left: -1588px; top: -= 170px; } .docs-material .docs-icon-encrypted-blue-20x20 { left: -1612px; top: -170px= ; } .docs-material .docs-icon-visibility-no-fill-18x18 { left: -1636px; top: -1= 70px; } .docs-material .docs-icon-smart-chips-20x20 { left: -1736px; top: -170px; } .docs-material .docs-icon-comments-disabled-24x24 { left: -1760px; top: -17= 0px; } .docs-material .docs-icon-visibility-off-no-fill-18x18 { left: -1658px; top= : -170px; } .docs-material .docs-icon-refresh-18x18 { left: -1788px; top: -170px; } .docs-material .docs-icon-refresh-white-18x18 { left: -4260px; top: -170px;= } .docs-material .docs-icon-refresh-white-10x10 { left: -8591px; top: -170px;= } .docs-material .docs-icon-refresh-white-7x7 { left: -7880px; top: -170px; } .docs-material .docs-icon-safety-divider-18x18 { left: -3026px; top: -170px= ; } .docs-material .docs-icon-summarize-18x18 { left: -1832px; top: -170px; } .docs-material .docs-icon-format-list-bulleted-18x18 { left: -1810px; top: = -170px; } .docs-material .docs-icon-tone-18x18 { left: -1854px; top: -170px; } .docs-material .docs-icon-format-eq-18x18 { left: -5726px; top: -170px; } .docs-material .docs-icon-recorder-20x20 { left: -1876px; top: -170px; } .docs-material .docs-icon-date-range-20x20 { left: -1900px; top: -170px; } .docs-material .docs-icon-date-range-24x24 { left: -1924px; top: -170px; } .docs-material .docs-icon-policy-20x20 { left: -1952px; top: -170px; } .docs-material .docs-icon-layers-18x18 { left: -3264px; top: -222px; } .docs-material .docs-icon-layers-20x20 { left: -3240px; top: -222px; } .docs-material .docs-icon-layers-24x24 { left: -3680px; top: -222px; } .docs-material .docs-icon-spark-10x10 { left: -1208px; top: -222px; } .docs-material .docs-icon-spark-20x20 { left: -2028px; top: -170px; } .docs-material .docs-icon-spark-blue-16x16 { left: -78px; top: -222px; } .docs-material .docs-icon-spark-blue-20x20 { left: -1976px; top: -170px; } .docs-material .docs-icon-spark-blue-24x24 { left: -2000px; top: -170px; } .docs-material .docs-icon-spark-blue-40x40 { left: -4192px; top: -170px; } .docs-material .docs-icon-arrow-split-18x18 { left: -5148px; top: -170px; } .docs-material .docs-icon-arrow-split-20x20 { left: -2052px; top: -170px; } .docs-material .docs-icon-noogler-hat-24x24 { left: -2156px; top: -170px; } .docs-material .docs-icon-arrow-downward-alt-20x20 { left: -2184px; top: -1= 70px; } .docs-material .docs-icon-arrow-downward-20x20 { left: -8647px; top: -170px= ; } .docs-material .docs-icon-arrow-left-alt-20x20 { left: -2208px; top: -170px= ; } .docs-material .docs-icon-arrow-right-alt-20x20 { left: -2232px; top: -170p= x; } .docs-material .docs-icon-arrow-upward-alt-20x20 { left: -2256px; top: -170= px; } .docs-material .docs-icon-calendar-today-18x18 { left: -2280px; top: -170px= ; } .docs-material .docs-icon-calendar-today-24x24 { left: -2302px; top: -170px= ; } .docs-material .docs-icon-animation-24x24 { left: -2352px; top: -170px; } .docs-material .docs-icon-masked-transitions-24x24 { left: -2380px; top: -1= 70px; } .docs-material .docs-icon-chat-bubble-24x24 { left: -2480px; top: -170px; } .docs-material .docs-icon-wallpaper-18x18 { left: -5280px; top: -170px; } .docs-material .docs-icon-wallpaper-20x20 { left: -2618px; top: -170px; } .docs-material .docs-icon-settings-outline-18x18 { left: -2642px; top: -170= px; } .docs-material .docs-icon-attach-file-24x24 { left: -2688px; top: -170px; } .docs-material .docs-icon-lightbulb-24x24 { left: -2744px; top: -170px; } .docs-material .docs-icon-event-20x20 { left: -6964px; top: -222px; } .docs-material .docs-icon-event-24x24 { left: -2716px; top: -170px; } .docs-material .docs-icon-suggestion-24x24 { left: -2772px; top: -170px; } .docs-material .docs-icon-background-replace-18x18 { left: -2828px; top: -1= 70px; } .docs-material .docs-icon-background-replace-20x20 { left: -2850px; top: -1= 70px; } .docs-material .docs-icon-background-replace-spark-20x20 { left: -2176px; t= op: -222px; } .docs-material .docs-icon-background-replace-spark-blue-20x20 { left: -9295= px; top: -170px; } .docs-material .docs-icon-encryption-shield-strikethrough-18x18 { left: -28= 74px; top: -170px; } .docs-material .docs-icon-star-24x24 { left: -2896px; top: -170px; } .docs-material .docs-icon-building-blocks-24x24 { left: -3750px; top: -170p= x; } .docs-material .docs-icon-do-not-disturb-on-18x18 { left: -5170px; top: -17= 0px; } .docs-material .docs-icon-do-not-disturb-on-20x20 { left: -3064px; top: -17= 0px; } .docs-material .docs-icon-signature-24x24 { left: -3228px; top: -170px; } .docs-material .docs-icon-keyboard-double-arrow-left-24x24 { left: -3172px;= top: -170px; } .docs-material .docs-icon-keyboard-double-arrow-right-24x24 { left: -3200px= ; top: -170px; } .docs-material .docs-icon-timer-18x18 { left: -3256px; top: -170px; } .docs-material .docs-icon-arrow-back-18x18 { left: -3800px; top: -170px; } .docs-material .docs-icon-arrow-forward-18x18 { left: -3822px; top: -170px;= } .docs-material .docs-icon-markdown-copy-18x18 { left: -3278px; top: -170px;= } .docs-material .docs-icon-markdown-paste-18x18 { left: -3300px; top: -170px= ; } .docs-material .docs-icon-masked-transitions-18x18 { left: -4774px; top: -1= 70px; } .docs-material .docs-icon-stream-arts { left: -3610px; top: -170px; } .docs-material .docs-icon-stream-arts-24x24 { left: -3144px; top: -170px; } .docs-material .docs-icon-check-white-20x20 { left: -3322px; top: -170px; } .docs-material .docs-icon-retry-20x20 { left: -3370px; top: -170px; } .docs-material .docs-icon-close-20x20 { left: -3346px; top: -170px; } .docs-material .docs-icon-stop-20x20 { left: -24px; top: -298px; } .docs-material .docs-icon-arrow-downward-18x18 { left: -3416px; top: -170px= ; } .docs-material .docs-icon-arrow-upward-18x18 { left: -3438px; top: -170px; = } .docs-material .docs-icon-tab-18x18 { left: -3460px; top: -170px; } .docs-material .docs-icon-arrow-right-20x20 { left: -3482px; top: -170px; } .docs-material .docs-icon-article-20x20 { left: -3506px; top: -170px; } .docs-material .docs-icon-format-list-bulleted-20x20 { left: -3530px; top: = -170px; } .docs-material .docs-icon-arrow-drop-down-24x24 { left: -3554px; top: -170p= x; } .docs-material .docs-icon-arrow-drop-down-white-20x20 { left: -6666px; top:= -170px; } .docs-material .docs-icon-arrow-right-24x24 { left: -3582px; top: -170px; } .docs-material .docs-icon-arrow-left-24x24 { left: -9039px; top: -170px; } .docs-material .docs-icon-expand-teal-20x20 { left: -3660px; top: -170px; } .docs-material .docs-icon-draft-18x18 { left: -3684px; top: -170px; } .docs-material .docs-icon-expand-content-18x18 { left: -3706px; top: -170px= ; } .docs-material .docs-icon-spark-18x18 { left: -3728px; top: -170px; } .docs-material .docs-icon-spark-white-18x18 { left: -3394px; top: -170px; } .docs-material .docs-icon-spark-white-20x20 { left: -2124px; top: -222px; } .docs-material .docs-icon-spark-white-24x24 { left: -2148px; top: -222px; } .docs-material .docs-icon-panorama-18x18 { left: -3778px; top: -170px; } .docs-material .docs-icon-chat-bubble-20x20 { left: -4236px; top: -170px; } .docs-material .docs-icon-pageless-18x18 { left: -4282px; top: -170px; } .docs-material .docs-icon-pageless-24x24 { left: -4376px; top: -170px; } .docs-material .docs-icon-tab-close-18x18 { left: -4332px; top: -170px; } .docs-material .docs-icon-buttons-alt-18x18 { left: -4354px; top: -170px; } .docs-material .docs-icon-variables-customized-copies { left: -4304px; top:= -170px; } .docs-material .docs-icon-expand-more-white-20 { left: -4404px; top: -170px= ; } .docs-material .docs-icon-list-18x18 { left: -9145px; top: -170px; } .docs-material .docs-icon-list-20x20 { left: -4428px; top: -170px; } .docs-material .docs-icon-account-circle-20x20 { left: -9907px; top: -170px= ; } .docs-material .docs-icon-add-photo-alternate-20x20 { left: -4452px; top: -= 170px; } .docs-material .docs-icon-add-photo-alternate-wght700-48x48 { left: -8745px= ; top: -170px; } .docs-material .docs-icon-delete-20x20 { left: -4476px; top: -170px; } .docs-material .docs-icon-add-white-20 { left: -4576px; top: -170px; } .docs-material .docs-icon-chat-bubble-18x18 { left: -4600px; top: -170px; } .docs-material .docs-icon-drag-vertical-20x20 { left: -9343px; top: -170px;= } .docs-material .docs-icon-drag-pan-20x20 { left: -4622px; top: -170px; } .docs-material .docs-icon-chat-bubble-uep-24x24 { left: -4646px; top: -170p= x; } .docs-material .docs-icon-variables-customized-copies-18x18 { left: -4702px= ; top: -170px; } .docs-material .docs-icon-summarize-auto-24x24 { left: -4724px; top: -170px= ; } .docs-material .docs-icon-summarize-auto-18x18 { left: -4796px; top: -170px= ; } .docs-material .docs-icon-chat-spark-24x24 { left: -9931px; top: -170px; } .docs-material .docs-icon-group-auto-24x24 { left: -9959px; top: -170px; } .docs-material .docs-icon-performance-auto-24x24 { left: -28px; top: -222px= ; } .docs-material .docs-icon-pen-spark-24x24 { left: 0px; top: -222px; } .docs-material .docs-icon-gallery-thumbnail-18x18 { left: -4818px; top: -17= 0px; } .docs-material .docs-icon-closed-caption-20x20 { left: -4840px; top: -170px= ; } .docs-material .docs-icon-closed-caption-filled-20x20 { left: -5522px; top:= -222px; } .docs-material .docs-icon-filter-table-view-white { left: -4864px; top: -17= 0px; } .docs-material .docs-icon-data-table-18x18 { left: -4886px; top: -170px; } .docs-material .docs-icon-content-copy-24x24 { left: -4974px; top: -170px; = } .docs-material .docs-icon-read-more-20x20 { left: -5002px; top: -170px; } .docs-material .docs-icon-read-more-20x20-rtl { left: -9167px; top: -170px;= } .docs-material .docs-icon-panorama-24x24 { left: -5048px; top: -170px; } .docs-material .docs-icon-gallery-thumbnail-24x24 { left: -5674px; top: -17= 0px; } .docs-material .docs-icon-table-chart-white { left: -5026px; top: -170px; } .docs-material .docs-icon-sidebar-24x24 { left: -5076px; top: -170px; } .docs-material .docs-icon-upload-white { left: -5126px; top: -170px; } .docs-material .docs-icon-edit-movie-24x24 { left: -5302px; top: -170px; } .docs-material .docs-icon-recorder-24x24 { left: -5330px; top: -170px; } .docs-material .docs-icon-spark-24x24 { left: -5358px; top: -170px; } .docs-material .docs-icon-spark-gradient-24x24 { left: -5886px; top: -170px= ; } .docs-material .docs-icon-comment-18x18 { left: -5386px; top: -170px; } .docs-material .docs-icon-spark-32x32 { left: -5408px; top: -170px; } .docs-material .docs-icon-closed-caption-add-20x20 { left: -5444px; top: -1= 70px; } .docs-material .docs-icon-folder-18x18 { left: -5468px; top: -170px; } .docs-material .docs-icon-photo-library-18x18 { left: -5580px; top: -170px;= } .docs-material .docs-icon-error-error40-40x40 { left: -5814px; top: -170px;= } .docs-material .docs-icon-video-settings-20x20 { left: -5936px; top: -170px= ; } .docs-material .docs-icon-video-settings-18x18 { left: -5960px; top: -170px= ; } .docs-material .docs-icon-closed-caption-add-24x24 { left: -5982px; top: -1= 70px; } .docs-material .docs-icon-present-option-chromecast { left: -6034px; top: -= 170px; } .docs-material .docs-icon-present-option-external-display { left: -6110px; = top: -170px; } .docs-material .docs-icon-present-option-from-beginning { left: -6174px; to= p: -170px; } .docs-material .docs-icon-present-option-fullscreen { left: -6250px; top: -= 170px; } .docs-material .docs-icon-present-option-internal-display { left: -6326px; = top: -170px; } .docs-material .docs-icon-present-option-presenter-view { left: -6390px; to= p: -170px; } .docs-material .docs-icon-present-option-slideshow-settings { left: -6466px= ; top: -170px; } .docs-material .docs-icon-drag-indicator-20x20 { left: -6542px; top: -170px= ; } .docs-material .docs-icon-task-alt-24x24 { left: -6614px; top: -170px; } .docs-material .docs-icon-animation-20x20 { left: -6566px; top: -170px; } .docs-material .docs-icon-masked-transitions-20x20 { left: -6590px; top: -1= 70px; } .docs-material .docs-icon-error-white-20x20 { left: -6642px; top: -170px; } .docs-material .docs-icon-draft-20x20 { left: -6690px; top: -170px; } .docs-material .docs-icon-cast-18x18 { left: -6784px; top: -170px; } .docs-material .docs-icon-filter-1-18x18 { left: -6806px; top: -170px; } .docs-material .docs-icon-podium-18x18 { left: -6828px; top: -170px; } .docs-material .docs-icon-task-alt-blue-20x20 { left: -6850px; top: -170px;= } .docs-material .docs-icon-task-alt-blue-24x24 { left: -6930px; top: -170px;= } .docs-material .docs-icon-checklist-24x24 { left: -6874px; top: -170px; } .docs-material .docs-icon-person_check-24x24 { left: -6902px; top: -170px; = } .docs-material .docs-icon-crop-square-20x20 { left: -7074px; top: -170px; } .docs-material .docs-icon-crop-9-16-20x20 { left: -7050px; top: -170px; } .docs-material .docs-icon-crop-16-9-20x20 { left: -7026px; top: -170px; } .docs-material .docs-icon-drive-video-red-18x18 { left: -7004px; top: -170p= x; } .docs-material .docs-icon-replace-video-18x18 { left: -7098px; top: -170px;= } .docs-material .docs-icon-policy-18x18 { left: -7120px; top: -170px; } .docs-material .docs-icon-assignment-ind-20x20 { left: -7166px; top: -170px= ; } .docs-material .docs-icon-contacts-20x20 { left: -7214px; top: -170px; } .docs-material .docs-icon-contact-page-20x20 { left: -7190px; top: -170px; = } .docs-material .docs-icon-contact-page-24x24 { left: -7748px; top: -170px; = } .docs-material .docs-icon-user-attributes-20x20 { left: -7238px; top: -170p= x; } .docs-material .docs-icon-user-attributes-24x24 { left: -7776px; top: -170p= x; } .docs-material .docs-icon-signature-20x20 { left: -7142px; top: -170px; } .docs-material .docs-icon-interests-20x20 { left: -7262px; top: -170px; } .docs-material .docs-icon-interests-24x24 { left: -7286px; top: -170px; } .docs-material .docs-icon-text-18x18 { left: -6958px; top: -170px; } .docs-material .docs-icon-text-20x20 { left: -6980px; top: -170px; } .docs-material .docs-icon-slow-motion-video-18x18 { left: -7314px; top: -17= 0px; } .docs-material .docs-icon-slow-motion-video-20x20 { left: -7336px; top: -17= 0px; } .docs-material .docs-icon-slow-motion-video-24x24 { left: -7360px; top: -17= 0px; } .docs-material .docs-icon-beach-access-18x18 { left: -8105px; top: -170px; = } .docs-material .docs-icon-beach-access-24x24 { left: -7388px; top: -170px; = } .docs-material .docs-icon-collapse-all-24x24 { left: -7416px; top: -170px; = } .docs-material .docs-icon-edit-fix-auto-normal-18x18 { left: -8127px; top: = -170px; } .docs-material .docs-icon-edit-fix-auto-normal-24x24 { left: -7444px; top: = -170px; } .docs-material .docs-icon-format-list-bulleted-24x24 { left: -7472px; top: = -170px; } .docs-material .docs-icon-summarize-24x24 { left: -7500px; top: -170px; } .docs-material .docs-icon-palette-24x24 { left: -7528px; top: -170px; } .docs-material .docs-icon-thumb-up-nv50-20x20 { left: -7602px; top: -170px;= } .docs-material .docs-icon-thumb-down-nv50-20x20 { left: -7578px; top: -170p= x; } .docs-material .docs-icon-thumb-up-20x20 { left: -1944px; top: -222px; } .docs-material .docs-icon-thumb-down-20x20 { left: -1920px; top: -222px; } .docs-material .docs-icon-approval-20x20 { left: -7626px; top: -170px; } .docs-material .docs-icon-calendar-today-20x20 { left: -7650px; top: -170px= ; } .docs-material .docs-icon-view-list-20x20 { left: -7674px; top: -170px; } .docs-material .docs-icon-view-list-24x24 { left: -7698px; top: -170px; } .docs-material .docs-icon-bolt-white-18x18 { left: -7726px; top: -170px; } .docs-material .docs-icon-location-on-filled-20x20 { left: -7832px; top: -1= 70px; } .docs-material .docs-icon-apps-script-24x24 { left: -7804px; top: -170px; } .docs-material .docs-icon-speech-to-text-20x20 { left: -7856px; top: -170px= ; } .docs-material .docs-icon-add-reaction-p40-18x18 { left: -7891px; top: -170= px; } .docs-material .docs-icon-border-bottom-24x24 { left: -7937px; top: -170px;= } .docs-material .docs-icon-border-horizontal-24x24 { left: -7965px; top: -17= 0px; } .docs-material .docs-icon-border-left-24x24 { left: -7993px; top: -170px; } .docs-material .docs-icon-border-right-24x24 { left: -8021px; top: -170px; = } .docs-material .docs-icon-border-top-24x24 { left: -8049px; top: -170px; } .docs-material .docs-icon-line-style-24x24 { left: -8077px; top: -170px; } .docs-material .docs-icon-arrow-forward-p40-20x20 { left: -7913px; top: -17= 0px; } .docs-material .docs-icon-apps-script-18x18 { left: -8149px; top: -170px; } .docs-material .docs-icon-chromebook-screen-mirror-18x18 { left: -8171px; t= op: -170px; } .docs-material .docs-icon-accessibility-new-20x20 { left: -8273px; top: -17= 0px; } .docs-material .docs-icon-zoom-out-map-18x18 { left: -8297px; top: -170px; = } .docs-material .docs-icon-domain-disabled-20x20 { left: -8341px; top: -170p= x; } .docs-material .docs-icon-domain-disabled-14x14 { left: -8629px; top: -170p= x; } .docs-grille-gm3 .docs-material .docs-icon-domain-disabled-dark-grey-14x14 = { content: url("https://ssl.gstatic.com/docs/common/material_common_sprite1= 060_grey_dark.svg"); left: -8629px; top: -170px; } .docs-material .docs-icon-add-reaction-18x18 { left: -8319px; top: -170px; = } .docs-material .docs-icon-chat-logo-24x24 { left: -8393px; top: -170px; } .docs-material .docs-icon-view-object-track-20x20 { left: -8543px; top: -17= 0px; } .docs-material .docs-icon-insert-text-24x24 { left: -8515px; top: -170px; } .docs-material .docs-icon-workspace-premium-20x20 { left: -8605px; top: -17= 0px; } .docs-material .docs-icon-call-18x18 { left: -8671px; top: -170px; } .docs-material .docs-icon-stack-hexagon-20x20 { left: -8693px; top: -170px;= } .docs-material .docs-icon-stack-hexagon-24x24 { left: -8717px; top: -170px;= } .docs-material .docs-icon-screensaver-auto-18x18 { left: -8797px; top: -170= px; } .docs-material .docs-icon-screensaver-auto-20x20 { left: -8819px; top: -170= px; } .docs-material .docs-icon-drive-drawing-24x24 { left: -8871px; top: -170px;= } .docs-material .docs-icon-insert-chart-24x24 { left: -8899px; top: -170px; = } .docs-material .docs-icon-drive-presentation-24x24 { left: -8983px; top: -1= 70px; } .docs-material .docs-icon-table-chart-24x24 { left: -8927px; top: -170px; } .docs-material .docs-icon-view-timeline-24x24 { left: -8955px; top: -170px;= } .docs-material .docs-icon-check-circle-blue600-24x24 { left: -8843px; top: = -170px; } .docs-material .docs-icon-format-list-bulleted-spark-18x18 { left: -9067px;= top: -170px; } .docs-material .docs-icon-format-list-bulleted-spark-24x24 { left: -9089px;= top: -170px; } .docs-material .docs-icon-add-task-blue-20x20 { left: -9271px; top: -170px;= } .docs-material .docs-icon-add-on-18x18 { left: -9395px; top: -170px; } .docs-material .docs-icon-docs-add-on-24x24 { left: -9417px; top: -170px; } .docs-material .docs-icon-expand-content-grey-18x18 { left: -9557px; top: -= 170px; } .docs-material .docs-icon-duplicate-18x18 { left: -9445px; top: -170px; } .docs-material .docs-icon-edit-18x18 { left: -9467px; top: -170px; } .docs-material .docs-icon-link-18x18 { left: -9489px; top: -170px; } .docs-material .docs-icon-list-bullet-18x18 { left: -9511px; top: -170px; } .docs-material .docs-icon-add-20x20 { left: -9533px; top: -170px; } .docs-material .docs-icon-hide-18x18 { left: -9645px; top: -170px; } .docs-material .docs-icon-volume-off-20x20 { left: -148px; top: -222px; } .docs-material .docs-icon-tune-18x18 { left: -4930px; top: -170px; } .docs-material .docs-icon-forward-20x20 { left: -172px; top: -222px; } .docs-material .docs-icon-lightbulb-tips-p40-24x24 { left: -196px; top: -22= 2px; } .docs-material .docs-icon-spellcheck-spark-p40-24x24 { left: -224px; top: -= 222px; } .docs-material .docs-icon-error-24x24 { left: -252px; top: -222px; } .docs-material .docs-icon-button-magic-20x20 { left: -280px; top: -222px; } .docs-material .docs-icon-image-generation-blue-20x20 { left: -352px; top: = -222px; } .docs-material .docs-icon-more-vert-20x20 { left: -304px; top: -222px; } .docs-material .docs-icon-accessibility-new-24x24 { left: -396px; top: -222= px; } .docs-material .docs-icon-close-16x16 { left: -376px; top: -222px; } .docs-material .docs-icon-quick-layout-top-left-72 { left: -424px; top: -22= 2px; } .docs-material .docs-icon-quick-layout-top-center-72 { left: -500px; top: -= 222px; } .docs-material .docs-icon-quick-layout-top-right-72 { left: -1032px; top: -= 222px; } .docs-material .docs-icon-quick-layout-center-left-72 { left: -880px; top: = -222px; } .docs-material .docs-icon-quick-layout-center-72 { left: -804px; top: -222p= x; } .docs-material .docs-icon-quick-layout-center-right-72 { left: -956px; top:= -222px; } .docs-material .docs-icon-quick-layout-bottom-left-72 { left: -652px; top: = -222px; } .docs-material .docs-icon-quick-layout-bottom-center-72 { left: -576px; top= : -222px; } .docs-material .docs-icon-quick-layout-bottom-right-72 { left: -728px; top:= -222px; } .docs-material .docs-icon-format-options-sidebar-icon-24 { left: -1222px; t= op: -222px; } .docs-material .docs-icon-content-credentials-sidebar-icon-24x24 { left: -9= 540px; top: -222px; } .docs-material .docs-icon-content-credentials-sidebar-icon-18x18 { left: -7= 6px; top: -298px; } .docs-material .docs-icon-citations-sidebar-icon-24 { left: -1250px; top: -= 222px; } .docs-material .docs-icon-gk-spark-24x24 { left: -1350px; top: -222px; } .docs-material .docs-icon-gk-spark-32x32 { left: -1378px; top: -222px; } .docs-material .docs-icon-add-comment-20x20 { left: -1278px; top: -222px; } .docs-material .docs-icon-add-reaction-20x20 { left: -1302px; top: -222px; = } .docs-material .docs-icon-pen-spark-20x20 { left: -1326px; top: -222px; } .docs-material .docs-icon-error-filled-orange60-20x20 { left: -1438px; top:= -222px; } .docs-material .docs-icon-summarize-auto-2-24x24 { left: -1490px; top: -222= px; } .docs-material .docs-icon-flag-outline-18x18 { left: -1414px; top: -222px; = } .docs-material .docs-material-common-sprite-20x20-audio-magic-eraser { left= : -1518px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-contextual-token { left: = -1542px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-contextual-token-filled {= left: -1566px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-folder-filled { left: -15= 90px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-image-search { left: -161= 4px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-image-search-filled { lef= t: -1638px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-movie-filter-auto { left:= -1662px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-movie-filter-auto-filled = { left: -1686px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-personal-recommendations = { left: -1710px; top: -222px; } .docs-material .docs-icon-18x18-personal-recommendations { left: -6676px; t= op: -222px; } .docs-material .docs-material-common-sprite-20x20-personal-recommendations-= filled { left: -1734px; top: -222px; } .docs-material .docs-material-common-sprite-20x20-shapes-filled { left: -17= 58px; top: -222px; } .docs-material .docs-icon-summarize-auto-20x20 { left: -1830px; top: -222px= ; } .docs-material .docs-icon-label-auto-20x20 { left: -1806px; top: -222px; } .docs-material .docs-icon-analyze-sentiment-auto-20x20 { left: -1782px; top= : -222px; } .docs-material .docs-icon-chart-spark-20x20 { left: -1896px; top: -222px; } .docs-material .docs-icon-graphic-eq-18x18 { left: -1854px; top: -222px; } .docs-material .docs-icon-format-paint-24x24 { left: -2068px; top: -222px; = } .docs-material .docs-icon-movie-filter-auto-24x24 { left: -2096px; top: -22= 2px; } .docs-material .docs-icon-aspect-ratio-20x20 { left: -2290px; top: -222px; = } .docs-material .docs-icon-audio-magic-eraser-18x18 { left: -2314px; top: -2= 22px; } .docs-material .docs-icon-content-paste-spark-18x18 { left: -2380px; top: -= 222px; } .docs-material .docs-icon-dropdown-spark-18x18 { left: -2402px; top: -222px= ; } .docs-material .docs-icon-filter-list-spark-18x18 { left: -2424px; top: -22= 2px; } .docs-material .docs-icon-filter-spark-18x18 { left: -2446px; top: -222px; = } .docs-material .docs-icon-format-paint-spark-18x18 { left: -2468px; top: -2= 22px; } .docs-material .docs-icon-function-spark-18x18 { left: -2490px; top: -222px= ; } .docs-material .docs-icon-functions-spark-18x18 { left: -2512px; top: -222p= x; } .docs-material .docs-icon-mood-spark-18x18 { left: -2556px; top: -222px; } .docs-material .docs-icon-performance-auto-18x18 { left: -2578px; top: -222= px; } .docs-material .docs-icon-pivot-table-spark-18x18 { left: -2600px; top: -22= 2px; } .docs-material .docs-icon-play-circle-spark-18x18 { left: -1990px; top: -22= 2px; } .docs-material .docs-icon-sheets-spark-18x18 { left: -2622px; top: -222px; = } .docs-material .docs-icon-content-paste-spark-20x20 { left: -2644px; top: -= 222px; } .docs-material .docs-icon-dropdown-spark-20x20 { left: -2668px; top: -222px= ; } .docs-material .docs-icon-filter-list-spark-20x20 { left: -2692px; top: -22= 2px; } .docs-material .docs-icon-filter-spark-20x20 { left: -2716px; top: -222px; = } .docs-material .docs-icon-format-paint-spark-20x20 { left: -2740px; top: -2= 22px; } .docs-material .docs-icon-function-spark-20x20 { left: -2764px; top: -222px= ; } .docs-material .docs-icon-functions-spark-20x20 { left: -2788px; top: -222p= x; } .docs-material .docs-icon-inset-image-20x20 { left: -2812px; top: -222px; } .docs-material .docs-icon-mood-spark-20x20 { left: -2836px; top: -222px; } .docs-material .docs-icon-pivot-table-spark-20x20 { left: -2860px; top: -22= 2px; } .docs-material .docs-icon-play-circle-spark-20x20 { left: -2884px; top: -22= 2px; } .docs-material .docs-icon-sheets-spark-20x20 { left: -2908px; top: -222px; = } .docs-material .docs-icon-content-paste-spark-24x24 { left: -2932px; top: -= 222px; } .docs-material .docs-icon-dropdown-spark-24x24 { left: -2960px; top: -222px= ; } .docs-material .docs-icon-filter-list-spark-24x24 { left: -2988px; top: -22= 2px; } .docs-material .docs-icon-filter-spark-24x24 { left: -3016px; top: -222px; = } .docs-material .docs-icon-format-paint-spark-24x24 { left: -3044px; top: -2= 22px; } .docs-material .docs-icon-function-spark-24x24 { left: -3072px; top: -222px= ; } .docs-material .docs-icon-functions-spark-24x24 { left: -3100px; top: -222p= x; } .docs-material .docs-icon-inset-image-24x24 { left: -3128px; top: -222px; } .docs-material .docs-icon-mood-spark-24x24 { left: -3156px; top: -222px; } .docs-material .docs-icon-pivot-table-spark-24x24 { left: -3184px; top: -22= 2px; } .docs-material .docs-icon-play-circle-spark-24x24 { left: -2040px; top: -22= 2px; } .docs-material .docs-icon-sheets-spark-24x24 { left: -3212px; top: -222px; = } .docs-material .docs-icon-schedule-auto-18x18 { left: -2336px; top: -222px;= } .docs-material .docs-icon-schedule-auto-white-18x18 { left: -3548px; top: -= 222px; } .docs-material .docs-icon-text-analysis-18x18 { left: -2358px; top: -222px;= } .docs-material .docs-icon-delete-forever-20x20 { left: -3286px; top: -222px= ; } .docs-material .docs-icon-chart-spark-18x18 { left: -3416px; top: -222px; } .docs-material .docs-icon-label-auto-18x18 { left: -3438px; top: -222px; } .docs-material .docs-icon-live-help-18x18 { left: -3460px; top: -222px; } .docs-material .docs-icon-photo-spark-18x18 { left: -3482px; top: -222px; } .docs-material .docs-icon-smart-action-18x18 { left: -3504px; top: -222px; = } .docs-material .docs-icon-table-chart-organize-18x18 { left: -3526px; top: = -222px; } .docs-material .docs-icon-inset-image-18x18 { left: -2534px; top: -222px; } .docs-material .docs-icon-insight-spark-18x18 { left: -3310px; top: -222px;= } .docs-material .docs-icon-rotate-right-18x18 { left: -3592px; top: -222px; = } .docs-material .docs-icon-delete-forever-18x18 { left: -3570px; top: -222px= ; } .docs-material .docs-icon-selector-selected-24x24 { left: -3708px; top: -22= 2px; } .docs-material .docs-icon-selector-unselected-24x24 { left: -3736px; top: -= 222px; } .docs-material .docs-icon-block-18x18 { left: -3764px; top: -222px; } .docs-material .docs-icon-article-spark-18x18 { left: -3786px; top: -222px;= } .docs-material .docs-icon-article-spark-24x24 { left: -3808px; top: -222px;= } .docs-material .docs-icon-arrow-upward-24x24 { left: -3864px; top: -222px; = } .docs-material .docs-icon-settings-suggestion-24x24 { left: -3836px; top: -= 222px; } .docs-material .docs-icon-settings-suggestion-18x18 { left: -3892px; top: -= 222px; } .docs-material .docs-icon-question-spark-24x24 { left: -3914px; top: -222px= ; } .docs-material .docs-icon-radio-button-checked-24x24 { left: -3998px; top: = -222px; } .docs-material .docs-icon-personal-recommendations-24x24 { left: -3970px; t= op: -222px; } .docs-material .docs-icon-music-note-24x24 { left: -1250px; top: -298px; } .docs-material .docs-icon-audio-magic-eraser-24x24 { left: -3942px; top: -2= 22px; } .docs-material .docs-icon-audio-magic-eraser-20x20 { left: -1518px; top: -2= 22px; } .docs-material .docs-icon-spark-gemini-blue-24x24 { left: -4026px; top: -22= 2px; } .docs-material .docs-icon-pen-spark-16x16 { left: -4054px; top: -222px; } .docs-material .docs-icon-question-spark-20x20 { left: -4074px; top: -222px= ; } .docs-material .docs-icon-record-voice-over-18x18 { left: -4098px; top: -22= 2px; } .docs-material .docs-icon-record-voice-over-24x24 { left: -4120px; top: -22= 2px; } .docs-material .docs-icon-send-20x20 { left: -4148px; top: -222px; } .docs-material .docs-icon-send-white-20x20 { left: -4172px; top: -222px; } .docs-material .docs-icon-closed-caption-24x24 { left: -4196px; top: -222px= ; } .docs-material .docs-icon-wrap-text-24x24 { left: -4224px; top: -222px; } .docs-material .docs-icon-add-18x18 { left: -4252px; top: -222px; } .docs-material .docs-icon-erase-20x20 { left: -4354px; top: -222px; } .docs-material .docs-icon-reset-20x20 { left: -4378px; top: -222px; } .docs-material .docs-icon-closed-caption-cyan-20x20 { left: -4274px; top: -= 222px; } .docs-material .docs-icon-split-scene-24x24 { left: -4298px; top: -222px; } .docs-material .docs-icon-video-library-24x24 { left: -4326px; top: -222px;= } .docs-material .docs-icon-thumb-up-300-20x20 { left: -4618px; top: -222px; = } .docs-material .docs-icon-thumb-down-300-20x20 { left: -4594px; top: -222px= ; } .docs-material .docs-icon-wrap-text-300-20x20 { left: -4642px; top: -222px;= } .docs-material .docs-icon-arrow-left-alt-300-20x20 { left: -4570px; top: -2= 22px; } .docs-material .docs-icon-speed-0-5x-20x20 { left: -4402px; top: -222px; } .docs-material .docs-icon-speed-0-7x-20x20 { left: -4426px; top: -222px; } .docs-material .docs-icon-speed-1x-20x20 { left: -4522px; top: -222px; } .docs-material .docs-icon-speed-1-2x-20x20 { left: -4450px; top: -222px; } .docs-material .docs-icon-speed-1-5x-20x20 { left: -4474px; top: -222px; } .docs-material .docs-icon-speed-1-7x-20x20 { left: -4498px; top: -222px; } .docs-material .docs-icon-speed-2x-20x20 { left: -4546px; top: -222px; } .docs-material .docs-icon-thumb-up-filled-300-20x20 { left: -4710px; top: -= 222px; } .docs-material .docs-icon-thumb-down-filled-300-20x20 { left: -4686px; top:= -222px; } .docs-material .docs-icon-vids-spark-18x18 { left: -4734px; top: -222px; } .docs-material .docs-icon-vids-unfilled-18x18 { left: -5064px; top: -222px;= } .docs-material .docs-icon-stacked-line-chart-18x18 { left: -4756px; top: -2= 22px; } .docs-material .docs-icon-stacked-line-chart-24x24 { left: -4778px; top: -2= 22px; } .docs-material .docs-icon-arrow-left-white-24x24 { left: -4828px; top: -222= px; } .docs-material .docs-icon-edit-spark-white-24x24 { left: -4856px; top: -222= px; } .docs-material .docs-icon-kebab-menu-white-24x24 { left: -4884px; top: -222= px; } .docs-material .docs-icon-scene-white-24x24 { left: -4912px; top: -222px; } .docs-material .docs-icon-movie-filter-auto-18x18 { left: -4806px; top: -22= 2px; } .docs-material .docs-icon-crop-square-white-20x20 { left: -4988px; top: -22= 2px; } .docs-material .docs-icon-crop-9-16-white-20x20 { left: -4964px; top: -222p= x; } .docs-material .docs-icon-crop-16-9-white-20x20 { left: -4940px; top: -222p= x; } .docs-material .docs-icon-photo-merge-auto-24x24 { left: -5012px; top: -222= px; } .docs-material .docs-icon-infographic-20x20 { left: -5040px; top: -222px; } .docs-material .docs-icon-arrow-back-20x20 { left: -5086px; top: -222px; } .docs-material .docs-icon-wrap-text-400-20x20 { left: -5110px; top: -222px;= } .docs-material .docs-icon-check-circle-blue-20x20 { left: -5134px; top: -22= 2px; } .docs-material .docs-icon-performance-auto-filled-20x20 { left: -5158px; to= p: -222px; } .docs-material .docs-icon-photo-spark-filled-20x20 { left: -5182px; top: -2= 22px; } .docs-material .docs-icon-screensaver-auto-filled-20x20 { left: -5206px; to= p: -222px; } .docs-material .docs-icon-nano-banana-18x18 { left: -6822px; top: -222px; } .docs-material .docs-icon-nano-banana-20x20 { left: -5230px; top: -222px; } .docs-material .docs-icon-screensaver-auto-updated-20x20 { left: -5254px; t= op: -222px; } .docs-material .docs-icon-photo-spark-20x20 { left: -328px; top: -222px; } .docs-material .docs-icon-nano-banana-color-20x20 { left: -5302px; top: -22= 2px; } .docs-material .docs-icon-editors-ia-advanced-analytics-18 { left: -5366px;= top: -222px; } .docs-material .docs-icon-editors-ia-add-16 { left: -5326px; top: -222px; } .docs-material .docs-icon-editors-ia-info-16 { left: -5346px; top: -222px; = } .docs-material .docs-icon-editors-ia-clock-loader-40 { left: -5388px; top: = -222px; } .docs-material .docs-icon-nano-banana-24x24 { left: -5410px; top: -222px; } .docs-material .docs-icon-nano-banana-color-24x24 { left: -5438px; top: -22= 2px; } .docs-material .docs-icon-crop-9-16-24x24 { left: -5494px; top: -222px; } .docs-material .docs-icon-crop-16-9-24x24 { left: -5466px; top: -222px; } .docs-material .docs-icon-delete-history-20x20 { left: -5546px; top: -222px= ; } .docs-material .docs-icon-delete-history-24x24 { left: -5626px; top: -222px= ; } .docs-material .docs-icon-arrow-upward-secondaryoncontainer-24x24 { left: -= 5598px; top: -222px; } .docs-material .docs-icon-arrow-upward-95a0a9-24x24 { left: -5570px; top: -= 222px; } .docs-material .docs-icon-restart-alt-18x18 { left: -5654px; top: -222px; } .docs-material .docs-icon-restart-alt-24x24 { left: -5746px; top: -222px; } .docs-material .docs-icon-arrow-upward-secondaryoncontainer-20x20 { left: -= 5700px; top: -222px; } .docs-material .docs-icon-arrow-upward-95a0a9-20x20 { left: -5676px; top: -= 222px; } .docs-material .docs-icon-nano-banana-color-without-spark-18x18 { left: -57= 24px; top: -222px; } .docs-material .docs-spark-gemini-gradient-24x24 { left: -5902px; top: -222= px; } .docs-material .docs-icon-stop-blue-24x24 { left: -5930px; top: -222px; } .docs-material .docs-icon-mic-blue-32x32 { left: -5958px; top: -222px; } .docs-material .docs-icon-text-select-move-forward-word-20x20 { left: -5774= px; top: -222px; } .docs-material .docs-icon-vids-20x20 { left: -5822px; top: -222px; } .docs-material .docs-icon-vids-24x24 { left: -5874px; top: -222px; } .docs-material .docs-icon-smart-display-spark-20x20 { left: -5798px; top: -= 222px; } .docs-material .docs-icon-smart-display-spark-24x24 { left: -5846px; top: -= 222px; } .docs-material .docs-icon-spellcheck-spark-20x20 { left: -5994px; top: -222= px; } .docs-material .docs-icon-subtitles-20x20 { left: -6042px; top: -222px; } .docs-material .docs-icon-subtitles-filled-20x20 { left: -6066px; top: -222= px; } .docs-material .docs-icon-subtitles-24x24 { left: -6090px; top: -222px; } .docs-material .docs-icon-background-remove-20x20 { left: -6018px; top: -22= 2px; } .docs-material .docs-icon-nano-banana-color-with-spark-18x18 { left: -6146p= x; top: -222px; } .docs-material .docs-icon-add-task-20x20 { left: -6168px; top: -222px; } .docs-material .docs-icon-content-copy-20x20 { left: -6192px; top: -222px; = } .docs-material .docs-icon-download-20x20 { left: -6216px; top: -222px; } .docs-material .docs-icon-drive-20x20 { left: -6240px; top: -222px; } .docs-material .docs-icon-edit-20x20 { left: -6264px; top: -222px; } .docs-material .docs-icon-format-image-back-20x20 { left: -6288px; top: -22= 2px; } .docs-material .docs-icon-format-image-break-left-20x20 { left: -6312px; to= p: -222px; } .docs-material .docs-icon-format-image-front-20x20 { left: -6336px; top: -2= 22px; } .docs-material .docs-icon-format-image-inline-left-20x20 { left: -6360px; t= op: -222px; } .docs-material .docs-icon-format-image-left-20x20 { left: -6384px; top: -22= 2px; } .docs-material .docs-icon-gallery-thumbnail-20x20 { left: -6408px; top: -22= 2px; } .docs-material .docs-icon-keyboard-arrow-up-20x20 { left: -6432px; top: -22= 2px; } .docs-material .docs-icon-link-off-20x20 { left: -6456px; top: -222px; } .docs-material .docs-icon-open-in-new-20x20 { left: -6480px; top: -222px; } .docs-material .docs-icon-photos-20x20 { left: -6504px; top: -222px; } .docs-material .docs-icon-refresh-20x20 { left: -6528px; top: -222px; } .docs-material .docs-icon-upload-20x20 { left: -6552px; top: -222px; } .docs-material .docs-icon-undo-20x20 { left: -6624px; top: -222px; } .docs-material .docs-icon-schedule-24x24 { left: -6648px; top: -222px; } .docs-material .docs-icon-cancel-20x20 { left: -6600px; top: -222px; } .docs-material .docs-icon-music-note-spark-20x20 { left: -6576px; top: -222= px; } .docs-material .docs-icon-transition-slide-20x20 { left: -6746px; top: -222= px; } .docs-material .docs-icon-person-add-20x20 { left: -6770px; top: -222px; } .docs-material .docs-icon-music-note-spark-24x24 { left: -6794px; top: -222= px; } .docs-material .docs-icon-gmail-20x20 { left: -6844px; top: -222px; } .docs-material .docs-icon-palette-20x20 { left: -6868px; top: -222px; } .docs-material .docs-icon-task-alt-20x20 { left: -6892px; top: -222px; } .docs-material .docs-icon-timely-20x20 { left: -6916px; top: -222px; } .docs-material .docs-icon-edit-note-20x20 { left: -6940px; top: -222px; } .docs-material .docs-icon-video_youtube-18x18 { left: -7156px; top: -222px;= } .docs-material .docs-icon-format-image-back-filled-20x20 { left: -7038px; t= op: -222px; } .docs-material .docs-icon-format-image-break-left-filled-20x20 { left: -706= 2px; top: -222px; } .docs-material .docs-icon-format-image-front-filled-20x20 { left: -7086px; = top: -222px; } .docs-material .docs-icon-format-image-inline-left-filled-20x20 { left: -71= 10px; top: -222px; } .docs-material .docs-icon-schedule-18x18 { left: -7134px; top: -222px; } .docs-material .docs-icon-audio-magic-eraser-spark-20x20 { left: -7178px; t= op: -222px; } .docs-material .docs-icon-bottom-panel-close-20x20 { left: -7238px; top: -2= 22px; } .docs-material .docs-icon-logo_sites-32x32 { left: -7202px; top: -222px; } .docs-material .docs-icon-edit_note_18-18x18 { left: -6988px; top: -222px; = } .docs-material .docs-icon-edit_note_20-20x20 { left: -7262px; top: -222px; = } .docs-material .docs-icon-edit_note_24-24x24 { left: -7010px; top: -222px; = } .docs-material .docs-icon-encrypted-20x20 { left: -7286px; top: -222px; } .docs-material .docs-icon-format-image-left-filled-20x20 { left: -7310px; t= op: -222px; } .docs-material .docs-icon-stylus-note-spark-18x18 { left: -7334px; top: -22= 2px; } .docs-material .docs-icon-stylus-note-spark-24x24 { left: -7356px; top: -22= 2px; } .docs-material .docs-icon-activity_zone_auto-18x18 { left: -7384px; top: -2= 22px; } .docs-material .docs-icon-activity_zone_auto-20x20 { left: -7406px; top: -2= 22px; } .docs-material .docs-icon-stop-24x24 { left: -7504px; top: -222px; } .docs-material .docs-icon-canvas-18x18 { left: -7532px; top: -222px; } .docs-material .docs-icon-canvas-20x20 { left: -7554px; top: -222px; } .docs-material .docs-icon-troubleshoot-18x18 { left: -7430px; top: -222px; = } .docs-material .docs-icon-troubleshoot-24x24 { left: -7452px; top: -222px; = } .docs-material .docs-icon-stylus-note-spark-20x20 { left: -7480px; top: -22= 2px; } .docs-material .docs-icon-arrow_drop_down-20x20 { left: -7578px; top: -222p= x; } .docs-material .docs-icon-perm-media-24x24 { left: -7602px; top: -222px; } .docs-material .docs-icon-download-24x24 { left: -7630px; top: -222px; } .docs-material .docs-icon-thumbs-up-down-24x24 { left: -7658px; top: -222px= ; } .docs-material .docs-icon-project-box-spark-blue-18x18 { left: -7686px; top= : -222px; } .docs-material .docs-icon-person-add-24x24 { left: -7708px; top: -222px; } .docs-material .docs-icon-audio-20x20 { left: -7736px; top: -222px; } .docs-material .docs-icon-colab-20x20 { left: -7760px; top: -222px; } .docs-material .docs-icon-docs-encrypted-20x20 { left: -7784px; top: -222px= ; } .docs-material .docs-icon-document-20x20 { left: -7808px; top: -222px; } .docs-material .docs-icon-drawing-20x20 { left: -7832px; top: -222px; } .docs-material .docs-icon-drive-folder-20x20 { left: -7856px; top: -222px; = } .docs-material .docs-icon-excel-20x20 { left: -7880px; top: -222px; } .docs-material .docs-icon-excel-encrypted-20x20 { left: -7904px; top: -222p= x; } .docs-material .docs-icon-file-20x20 { left: -7928px; top: -222px; } .docs-material .docs-icon-form-20x20 { left: -7952px; top: -222px; } .docs-material .docs-icon-image-20x20 { left: -7976px; top: -222px; } .docs-material .docs-icon-pdf-20x20 { left: -8000px; top: -222px; } .docs-material .docs-icon-pdf-cse-20x20 { left: -8024px; top: -222px; } .docs-material .docs-icon-powerpoint-20x20 { left: -8048px; top: -222px; } .docs-material .docs-icon-powerpoint-encrypted-20x20 { left: -8072px; top: = -222px; } .docs-material .docs-icon-presentation-20x20 { left: -8096px; top: -222px; = } .docs-material .docs-icon-project-box-blue-spark-20x20 { left: -8120px; top= : -222px; } .docs-material .docs-icon-scripts-20x20 { left: -8144px; top: -222px; } .docs-material .docs-icon-sheets-encrypted-20x20 { left: -8168px; top: -222= px; } .docs-material .docs-icon-site-20x20 { left: -8192px; top: -222px; } .docs-material .docs-icon-slides-encrypted-20x20 { left: -8216px; top: -222= px; } .docs-material .docs-icon-spreadsheet-20x20 { left: -8240px; top: -222px; } .docs-material .docs-icon-video-20x20 { left: -8264px; top: -222px; } .docs-material .docs-icon-video-cse-20x20 { left: -8288px; top: -222px; } .docs-material .docs-icon-vids-purple-20x20 { left: -8312px; top: -222px; } .docs-material .docs-icon-word-20x20 { left: -8336px; top: -222px; } .docs-material .docs-icon-word-encrypted-20x20 { left: -8360px; top: -222px= ; } .docs-material .docs-icon-youtube-red-20x20 { left: -8384px; top: -222px; } .docs-material .docs-icon-iframe-slate-grey-20x20 { left: -8408px; top: -22= 2px; } .docs-material .docs-icon-quick-reference-all-18x18 { left: -8432px; top: -= 222px; } .docs-material .docs-icon-crop-landscape-20x20 { left: -8454px; top: -222px= ; } .docs-material .docs-icon-crop-portrait-20x20 { left: -8478px; top: -222px;= } .docs-material .docs-icon-format-paint-20x20 { left: -8502px; top: -222px; = } .docs-material .docs-icon-sparkles-18x18 { left: -8548px; top: -222px; } .docs-material .docs-icon-gem-18x18 { left: -8526px; top: -222px; } .docs-material .docs-icon-above-blue-72 { left: -8570px; top: -222px; } .docs-material .docs-icon-below-blue-72 { left: -8646px; top: -222px; } .docs-material .docs-icon-docs-18x18 { left: -9030px; top: -222px; } .docs-material .docs-icon-slides-18x18 { left: -9052px; top: -222px; } .docs-material .docs-icon-docs-2026-36x36 { left: -8766px; top: -222px; } .docs-material .docs-icon-sheets-2026-36x36 { left: -8806px; top: -222px; } .docs-material .docs-icon-slides-2026-36x36 { left: -8846px; top: -222px; } .docs-material .docs-icon-vids-2026-36x36 { left: -8886px; top: -222px; } .docs-material .docs-icon-collapse-content-24x24 { left: -8974px; top: -222= px; } .docs-material .docs-icon-skills-24x24 { left: -9002px; top: -222px; } .docs-material .docs-icon-movie-edit-spark-18x18 { left: -9110px; top: -222= px; } .docs-material .docs-icon-smart-display-spark-18x18 { left: -9132px; top: -= 222px; } .docs-material .docs-icon-bolt-fill-18x18 { left: -9154px; top: -222px; } .docs-material .docs-icon-edit-fix-auto-18x18 { left: -9200px; top: -222px;= } .docs-material .docs-icon-check-circle-24x24 { left: -9316px; top: -222px; = } .docs-material .docs-icon-notes-spark-20x20 { left: -9268px; top: -222px; } .docs-material .docs-icon-arrow-upward-20x20 { left: -9244px; top: -222px; = } .docs-material .docs-icon-video-extend-spark-20x20 { left: -9292px; top: -2= 22px; } .docs-material .docs-icon-reply-18x18 { left: -9222px; top: -222px; } .docs-material .docs-icon-function-24x24 { left: -9368px; top: -222px; } .docs-material .docs-icon-history-20x20 { left: -9344px; top: -222px; } .docs-material .docs-icon-pause-20x20 { left: -9468px; top: -222px; } .docs-material .docs-icon-ear-sound-20x20 { left: -9420px; top: -222px; } .docs-material .docs-icon-heart-smile-20x20 { left: -9444px; top: -222px; } .docs-material .docs-icon-timer-20x20 { left: -9492px; top: -222px; } .docs-material .docs-icon-voice-selection-20x20 { left: -9516px; top: -222p= x; } .docs-material .docs-icon-function-18x18 { left: -9568px; top: -222px; } .docs-material .docs-icon-add-to-drive-filled-2026-18x18 { left: -9590px; t= op: -222px; } .docs-material .docs-icon-drive-2026-18x18 { left: -9612px; top: -222px; } .docs-material .docs-icon-photos-filled-2026-18x18 { left: -9634px; top: -2= 22px; } .docs-material .docs-icon-sheets-filled-2026-18x18 { left: -9656px; top: -2= 22px; } .docs-material .docs-icon-slides-filled-2026-18x18 { left: -9678px; top: -2= 22px; } .docs-material .docs-icon-vids-filled-2026-18x18 { left: -9700px; top: -222= px; } .docs-material .docs-icon-add-to-drive-2026-20x20 { left: -9746px; top: -22= 2px; } .docs-material .docs-icon-gmail-2026-24x24 { left: -9770px; top: -222px; } .docs-material .docs-icon-meet-2026-24x24 { left: -9798px; top: -222px; } .docs-material .docs-icon-prompt-spark-18x18 { left: -9826px; top: -222px; = } .docs-material .docs-icon-app-spark-20x20 { left: -9848px; top: -222px; } .docs-material .docs-icon-photo-merge-auto-20x20 { left: -9872px; top: -222= px; } .docs-material .docs-icon-format-list-numbered-rtl-24x24 { left: -9896px; t= op: -222px; } .docs-material .docs-icon-video-extend-spark-24x24 { left: -9924px; top: -2= 22px; } .docs-material .docs-icon-movie-edit-spark-20x20 { left: -9976px; top: -222= px; } .docs-material .docs-icon-video-library-20x20 { left: 0px; top: -298px; } .docs-material .docs-icon-edit-square-24 { left: -48px; top: -298px; } .docs-material .docs-icon-replace-image-20x20 { left: -244px; top: -298px; = } .docs-material .docs-icon-graph-2-24x24 { left: -98px; top: -298px; } .docs-material .docs-icon-add-canvas-18x18 { left: -268px; top: -298px; } .docs-material .docs-icon-visual-effects-24x24 { left: -314px; top: -298px;= } .docs-material .docs-icon-app-spark-filled-20x20 { left: -342px; top: -298p= x; } .docs-material .docs-icon-movie-edit-spark-filled-20x20 { left: -366px; top= : -298px; } .docs-material .docs-icon-photo-merge-auto-filled-20x20 { left: -390px; top= : -298px; } .docs-material .docs-icon-video-extend-spark-filled-20x20 { left: -414px; t= op: -298px; } .docs-material .docs-icon-slides-2026-24x24 { left: -438px; top: -298px; } .docs-material .docs-icon-format-list-numbered-rtl-18x18 { left: -466px; to= p: -298px; } .docs-material .docs-icon-dashboard-2-add-20x20 { left: -488px; top: -298px= ; } .docs-material .docs-icon-ink-selection-18x18 { left: -512px; top: -298px; = } .docs-material .docs-icon-ink-selection-20x20 { left: -534px; top: -298px; = } .docs-material .docs-icon-volume-up-24x24 { left: -586px; top: -298px; } .docs-material .docs-icon-doc-type-18x18 { left: -614px; top: -298px; } .docs-material .docs-icon-drawing-type-18x18 { left: -636px; top: -298px; } .docs-material .docs-icon-forms-type-18x18 { left: -658px; top: -298px; } .docs-material .docs-icon-maps-type-18x18 { left: -680px; top: -298px; } .docs-material .docs-icon-pics-type-18x18 { left: -702px; top: -298px; } .docs-material .docs-icon-project-type-18x18 { left: -724px; top: -298px; } .docs-material .docs-icon-script-type-18x18 { left: -746px; top: -298px; } .docs-material .docs-icon-sheets-type-18x18 { left: -768px; top: -298px; } .docs-material .docs-icon-site-type-18x18 { left: -790px; top: -298px; } .docs-material .docs-icon-slides-type-18x18 { left: -812px; top: -298px; } .docs-material .docs-icon-vids-type-18x18 { left: -834px; top: -298px; } .docs-material .docs-icon-doc-type-24x24 { left: -856px; top: -298px; } .docs-material .docs-icon-drawing-type-24x24 { left: -884px; top: -298px; } .docs-material .docs-icon-forms-type-24x24 { left: -912px; top: -298px; } .docs-material .docs-icon-maps-type-24x24 { left: -940px; top: -298px; } .docs-material .docs-icon-pics-type-24x24 { left: -968px; top: -298px; } .docs-material .docs-icon-project-type-24x24 { left: -996px; top: -298px; } .docs-material .docs-icon-script-type-24x24 { left: -1024px; top: -298px; } .docs-material .docs-icon-sheets-type-24x24 { left: -1052px; top: -298px; } .docs-material .docs-icon-site-type-24x24 { left: -1080px; top: -298px; } .docs-material .docs-icon-slides-type-24x24 { left: -1108px; top: -298px; } .docs-material .docs-icon-vids-type-24x24 { left: -1136px; top: -298px; } .docs-material .docs-icon-workspace-studio-20x20 { left: -1164px; top: -298= px; } .docs-material .docs-icon-vids-revised-2026-36x36 { left: -1188px; top: -29= 8px; } .docs-material .docs-icon-dashboard-2-add-18x18 { left: -1228px; top: -298p= x; } .docs-material .docs-icon-chat-logo-24-2026-24x24 { left: -1278px; top: -29= 8px; } .docs-material .docs-icon-resize-18x18 { left: -1306px; top: -298px; } .docs-material .docs-icon-sheets-revised-2026-36x36 { left: -1328px; top: -= 298px; } .docs-material .docs-icon-forms-2026-18x18 { left: -1368px; top: -298px; } .docs-material .docs-icon-add-task-2026-20x20 { left: -9722px; top: -222px;= } .docs-material .docs-icon-gmail-2026-20x20 { left: -1390px; top: -298px; } .docs-material .docs-icon-task-alt-2026-20x20 { left: -1414px; top: -298px;= } .docs-material .docs-icon-docs-type-monochrome-18x18 { left: -1462px; top: = -298px; } .docs-material .docs-icon-sheets-type-2026q3-18x18 { left: -1484px; top: -2= 98px; } .docs-material .docs-icon-sheets-type-monochrome-18x18 { left: -1506px; top= : -298px; } .docs-material .docs-icon-slides-type-monochrome-18x18 { left: -1528px; top= : -298px; } .docs-material .docs-icon-vids-type-monochrome-18x18 { left: -1550px; top: = -298px; } .docs-material .docs-icon-sheets-type-2026q3-24x24 { left: -1572px; top: -2= 98px; } .docs-material .docs-icon-format-letter-spacing-standard-18x18 { left: -160= 0px; top: -298px; } .docs-material .docs-icon-format-letter-spacing-standard-20x20 { left: -162= 2px; top: -298px; } .docs-material .docs-icon-chat-type-24x24 { left: -1646px; top: -298px; } .docs-material .docs-icon-format-list-numbered-rtl-v2-18x18 { left: -1674px= ; top: -298px; } .docs-material .docs-icon-doc-type-20x20 { left: -1696px; top: -298px; } .docs-material .docs-icon-drawings-type-20x20 { left: -1720px; top: -298px;= } .docs-material .docs-icon-excel-type-20x20 { left: -1744px; top: -298px; } .docs-material .docs-icon-forms-type-20x20 { left: -1768px; top: -298px; } .docs-material .docs-icon-pdf-type-20x20 { left: -1792px; top: -298px; } .docs-material .docs-icon-powerpoint-type-20x20 { left: -1816px; top: -298p= x; } .docs-material .docs-icon-project-type-20x20 { left: -1840px; top: -298px; = } .docs-material .docs-icon-scripts-type-20x20 { left: -1864px; top: -298px; = } .docs-material .docs-icon-sheets-type-20x20 { left: -1888px; top: -298px; } .docs-material .docs-icon-sites-type-20x20 { left: -1912px; top: -298px; } .docs-material .docs-icon-slides-type-20x20 { left: -1936px; top: -298px; } .docs-material .docs-icon-video-type-20x20 { left: -1960px; top: -298px; } .docs-material .docs-icon-vids-type-20x20 { left: -1984px; top: -298px; } .docs-material .docs-icon-word-type-20x20 { left: -2008px; top: -298px; } .docs-material .docs-icon-format-list-numbered-rtl-v2-24x24 { left: -2032px= ; top: -298px; } .docs-material .docs-icon-drive-pics-red-18x18 { left: -2060px; top: -298px= ; } .docs-material .docs-icon-drive-folder-2026-20x20 { left: -2082px; top: -29= 8px; } .docs-material .docs-icon-lock-open-20x20 { left: -2106px; top: -298px; } .docs-material .docs-icon-drive-vids-18x18 { left: -2130px; top: -298px; } .docs-material .docs-icon-drive-vids-20x20 { left: -2152px; top: -298px; } .docs-material .docs-icon-video-2026-20x20 { left: -2176px; top: -298px; } .docs-material .docs-icon-drive-vids-24x24 { left: -2200px; top: -298px; } .docs-material .docs-icon-pause-24x24 { left: -2228px; top: -298px; } .docs-material .docs-icon-play-arrow-24x24 { left: -2256px; top: -298px; } .docs-material .docs-icon-info-spark-20x20 { left: -2284px; top: -298px; } .docs-material .docs-icon-lightbulb-tips-filled-20x20 { left: -2308px; top:= -298px; } .docs-material .docs-icon-drive-pics-red-white-stroke-18x18 { left: -2332px= ; top: -298px; } .docs-material .docs-icon-docs-encrypted-monochrome-no-fill-18x18 { left: -= 2354px; top: -298px; } .docs-material .docs-icon-docs-type-monochrome-no-fill-18x18 { left: -2376p= x; top: -298px; } .docs-material .docs-icon-excel-encrypted-monochrome-no-fill-18x18 { left: = -2398px; top: -298px; } .docs-material .docs-icon-excel-type-monochrome-no-fill-18x18 { left: -2420= px; top: -298px; } .docs-material .docs-icon-powerpoint-encrypted-monochrome-no-fill-18x18 { l= eft: -2442px; top: -298px; } .docs-material .docs-icon-powerpoint-type-monochrome-no-fill-18x18 { left: = -2464px; top: -298px; } .docs-material .docs-icon-sheets-encrypted-monochrome-no-fill-18x18 { left:= -2486px; top: -298px; } .docs-material .docs-icon-sheets-type-monochrome-no-fill-18x18 { left: -250= 8px; top: -298px; } .docs-material .docs-icon-slides-encrypted-monochrome-no-fill-18x18 { left:= -2530px; top: -298px; } .docs-material .docs-icon-slides-type-monochrome-no-fill-18x18 { left: -255= 2px; top: -298px; } .docs-material .docs-icon-word-encrypted-monochrome-no-fill-18x18 { left: -= 2574px; top: -298px; } .docs-material .docs-icon-word-type-monochrome-no-fill-18x18 { left: -2596p= x; top: -298px; } .docs-material .docs-icon-docs-encrypted-2026-20x20 { left: -2618px; top: -= 298px; } .docs-material .docs-icon-excel-encrypted-2026-20x20 { left: -2642px; top: = -298px; } .docs-material .docs-icon-pdf-encrypted-2026-20x20 { left: -2666px; top: -2= 98px; } .docs-material .docs-icon-powerpoint-encrypted-2026-20x20 { left: -2690px; = top: -298px; } .docs-material .docs-icon-sheets-encrypted-2026-20x20 { left: -2714px; top:= -298px; } .docs-material .docs-icon-slides-encrypted-2026-20x20 { left: -2738px; top:= -298px; } .docs-material .docs-icon-video-encrypted-2026-20x20 { left: -2762px; top: = -298px; } .docs-material .docs-icon-word-encrypted-2026-20x20 { left: -2786px; top: -= 298px; } .docs-material .docs-icon-home-storage-20x20 { left: -2810px; top: -298px; = } .docs-material .docs-icon-down-left-20x20 { left: -2834px; top: -298px; } .docs-material .docs-icon-down-right-20x20 { left: -2858px; top: -298px; } .docs-material .docs-icon-up-left-20x20 { left: -2882px; top: -298px; } .docs-material .docs-icon-up-right-20x20 { left: -2906px; top: -298px; } .docs-material .docs-icon-animated-images-spark-20x20 { left: -2930px; top:= -298px; } .docs-material .docs-icon-animated-images-spark-filled-20x20 { left: -2954p= x; top: -298px; } .docs-material .docs-icon-drive-2026-20x20 { left: -2978px; top: -298px; } .docs-material .docs-icon-zoom-in-map-20x20 { left: -3002px; top: -298px; } .docs-material .docs-icon-zoom-out-map-20x20 { left: -3026px; top: -298px; = } .docs-material .docs-icon-add-to-drive-2026-18x18 { left: -3050px; top: -29= 8px; } .docs-material .docs-icon-sites-2026-24x24 { left: -3072px; top: -298px; } .docs-material .docs-icon-exchange-magic-20x20 { left: -3100px; top: -298px= ; } .docs-material .docs-icon-excel-encrypted-fluent-v3-20x20 { left: -3124px; = top: -298px; } .docs-material .docs-icon-excel-fluent-v3-20x20 { left: -3148px; top: -298p= x; } .docs-material .docs-icon-powerpoint-encrypted-fluent-v3-20x20 { left: -317= 2px; top: -298px; } .docs-material .docs-icon-powerpoint-fluent-v3-20x20 { left: -3196px; top: = -298px; } .docs-material .docs-icon-word-encrypted-fluent-v3-20x20 { left: -3220px; t= op: -298px; } .docs-material .docs-icon-word-fluent-v3-20x20 { left: -3244px; top: -298px= ; } .docs-material .docs-icon-file-preview-red-24x24 { left: -3268px; top: -298= px; } .docs-material .docs-icon-drive-2026-24, .docs-material .docs-icon-drive-20= 26-24x24 { left: -3296px; top: -298px; } .docs-material .docs-icon-view-object-track-filled-20x20 { left: -3324px; t= op: -298px; } .docs-material .docs-icon-apps-plus-18x18 { left: -3348px; top: -298px; } .docs-material .docs-icon-apps-spark-18x18 { left: -3370px; top: -298px; } .docs-material .docs-icon-apps-plus-20x20 { left: -3392px; top: -298px; } .docs-material .docs-icon-apps-spark-20x20 { left: -3416px; top: -298px; } .docs-material .docs-icon-fullscreen-24x24 { left: -3440px; top: -298px; } .docs-material .docs-icon-volume-off-24x24 { left: -3468px; top: -298px; } .docs-material .docs-icon-movie-speaker-18x18 { left: -3496px; top: -298px;= } .docs-material .docs-icon-audio-red-white-24x24 { left: -3518px; top: -298p= x; } .docs-material .docs-icon-image-red-white-24x24 { left: -3546px; top: -298p= x; } .docs-material .docs-icon-stack-20x20 { left: -3574px; top: -298px; } .docs-material .docs-icon-slides-type-monochrome-20x20 { left: -3598px; top= : -298px; } .docs-material .docs-icon-forms-revised-2026-36x36 { left: -3622px; top: -2= 98px; } .docs-material .docs-icon-folder-24x24 { left: -3662px; top: -298px; } .docs-material .docs-icon-home-storage-24x24 { left: -3690px; top: -298px; = } .docs-material .docs-icon-swap-vertical-24x24 { left: -3718px; top: -298px;= } .docs-material .docs-icon-public-off-18x18 { left: -3746px; top: -298px; } .docs-material .docs-icon-forms-revised-2026-18x18 { left: -3820px; top: -2= 98px; } .docs-material .docs-icon-visibility-filled-20x20 { left: -3768px; top: -29= 8px; } .docs-material .docs-icon-edit-line-24x24 { left: -3792px; top: -298px; } .docs-material .docs-icon-image-edit-auto-20x20 { left: -3842px; top: -298p= x; } .kix-header-footer-bubble.docs-bubble { align-items: center; background-col= or: var(--gm3-sys-color-surface-container-low,#f8fafd); border-top-color: ;= border-top-style: ; border-top-width: ; border-bottom-color: ; border-bott= om-style: ; border-bottom-width: ; border-image-source: ; border-image-slic= e: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; bo= rder-left: 0px; border-right: 0px; border-radius: 0px; box-shadow: none; di= splay: flex; flex-wrap: wrap; font-size: 0.6875rem; padding: 2px 0px; z-ind= ex: 40; } .kix-header-footer-bubble-description { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); flex-grow: 1; font-weight: 500; font-size: 0.875rem; padding: = 0px 14px; user-select: none; } .kix-header-footer-bubble-checkbox-container { border-right: 0px; padding: = 0px 14px; } .kix-header-footer-bubble-checkbox { cursor: pointer; } .kix-header-footer-bubble-checkbox-label { vertical-align: middle; color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); cursor: pointer; margin-left: 4px; = user-select: none; } .kix-header-footer-bubble-checkbox.docs-material-gm-checkbox-disabled ~ lab= el:first-of-type { opacity: 0.38; } .kix-header-footer-bubble .kix-header-footer-bubble-menu-button.goog-flat-m= enu-button { background-color: transparent; background-image: none; border-= width: medium; border-style: none; border-color: currentcolor; border-image= : none; color: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; font-= family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-size: 0.875rem; font-weight: 500; margin-left: auto; margin-right: 10px= ; padding: 0px 20px 0px 8px; text-transform: none; letter-spacing: 0.00625r= em; } .kix-header-footer-bubble .kix-header-footer-bubble-menu-button .goog-flat-= menu-button-caption { font-weight: 500; } .kix-header-footer-bubble .kix-header-footer-bubble-menu-button .goog-flat-= menu-button-dropdown { border-width: medium; border-style: none; border-col= or: currentcolor; border-image: none; position: relative; right: 0px; top: = 0px; } .kix-header-footer-bubble .kix-header-footer-bubble-menu-button.goog-flat-m= enu-button.goog-flat-menu-button-focused, .kix-header-footer-bubble .kix-he= ader-footer-bubble-menu-button.goog-flat-menu-button.goog-flat-menu-button-= hover, .kix-header-footer-bubble .kix-header-footer-bubble-menu-button.goog= -flat-menu-button.goog-flat-menu-button-open { background-color: color-mix(= in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surf= ace-container-low,#f8fafd)); } .kix-header-footer-bubble-menu.goog-menu { background-color: var(--gm3-sys-= color-surface,#fff); z-index: 502; } .kix-header-footer-bubble-menu.goog-menu .goog-menuitem { font-family: Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 400; padding: 0= px 16px; text-align: start; white-space: nowrap; } .kix-header-footer-bubble .kix-header-footer-bubble-menu-button.docs-materi= al .docs-icon-img, .kix-header-footer-bubble .kix-header-footer-bubble-menu= -button.docs-material .docs-icon-img::before { content: url("https://ssl.gs= tatic.com/docs/common/material_common_sprite1060_blue.svg"); } .goog-menuitem.goog-submenu.kix-heading-style-options-menu-item { margin-to= p: 6px; } .left-sidebar-container { direction: ltr; position: absolute; user-select: = none; z-index: 100; } .left-sidebar-container.navigation-widget-in-pageless-format { background: = var(--gm3-sys-color-surface,#fff); } .left-sidebar-container-animation:not(.left-sidebar-resizer-active) { trans= ition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0= .4, 0, 0.2, 1); } .left-sidebar-container-animation:not(.left-sidebar-resizer-active).left-si= debar-container-collapse-animation { transition: width 0.25s cubic-bezier(0= .4, 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .left-sidebar-container-animation:not(.left-sidebar-resizer-active).left-si= debar-container-expand-animation { transition: width 1s step-start, opacity= 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .left-sidebar-container-content { height: 100%; overflow: hidden; position:= relative; width: 100%; } .left-sidebar-container-content-child { height: 100%; } .left-sidebar-container.navigation-widget-in-pageless-format .left-sidebar-= container-content-child { box-shadow: inset -1px 0 0 0 color-mix(in sRGB,va= r(--gm3-sys-color-shadow,#000) 15%,transparent); } .miniChapterSwitcherVisible .chapters-in-cslv .docs-revisions-authorwidget = { padding: 48px 0px; } .miniChapterSwitcherVisible .kix-rotatingtilemanager { transition: padding-= top 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .chapters-in-cslv .docs-grille-version-history .docs-revisions-authorwidget= -hat { border-bottom-width: medium; border-bottom-style: none; border-botto= m-color: currentcolor; color: var(--gm3-sys-color-on-surface,#1f1f1f); font= -family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-size: 0.875rem; font-weight: 400; letter-spacing: 0.00625rem; } .chapters-in-cslv .docs-revisions-authorwidget-item-name { font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0= .75rem; letter-spacing: 0.00625rem; } body.pageless-sidebar-resizer-horizontal-drag-cursor, body.pageless-sidebar= -resizer-horizontal-drag-cursor #kix-appview, body.pageless-sidebar-resizer= -horizontal-drag-cursor * { cursor: col-resize; } .left-sidebar-resizer-drag-handle { top: unset !important; } .left-sidebar-resizer-drag-handle, .right-gutter-resizer-drag-handle { curs= or: col-resize; width: 10px; } .docs-hub .right-gutter-resizer-drag-handle, .kix-hub-appview-editor .right= -gutter-resizer-drag-handle, .kix-hub-mode .right-gutter-resizer-drag-handl= e { cursor: default; } .right-gutter-resizer-handle-grabber { background-color: var(--gm3-sys-colo= r-surface,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c= 7c5); border-radius: 8px; box-shadow: 0 4px 8px 3px color-mix(in sRGB,var(-= -gm3-sys-color-shadow,#000) 15%,transparent); box-sizing: border-box; filte= r: drop-shadow(0 1px 3px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000)= 30%,transparent)); height: 48px; left: -6px; position: absolute; width: 13= px; } .right-gutter-resizer-handle-grabber-internal { border: 1px solid var(--gm3= -sys-color-outline-variant,#c4c7c5); box-sizing: border-box; height: 24px; = left: 5px; position: absolute; top: 12px; width: 0px; } @keyframes right-gutter-resizer-promo-fade {=20 0% { opacity: 0; } 100% { opacity: 1; } } .right-gutter-resizer-promo { align-items: center; animation: 0.5s ease 0s = 1 normal none running right-gutter-resizer-promo-fade; background: var(--gm= 3-sys-color-inverse-surface,#303030); border-radius: 0px 8px 8px 0px; displ= ay: flex; height: 36px; margin-left: 12px; margin-top: 6px; pointer-events:= none; position: absolute; width: 284px; z-index: 502; } .right-gutter-resizer-promo-text { color: var(--gm3-sys-color-inverse-on-su= rface,#f2f2f2); min-height: 27px; letter-spacing: 0.00625rem; line-height: = 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width= : 230px; } .right-gutter-resizer-collapsed-ghost-line { background: var(--gm3-sys-colo= r-outline,#747775); display: none; width: 8px; } .right-gutter-resizer-expansion-ghost-line { border-right: 1px solid var(--= gm3-sys-color-outline-variant,#c4c7c5); box-sizing: border-box; display: bl= ock; } .docos-comments-pe .right-gutter-resizer-resizer-component { border-right: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docos-comments-pe .right-gutter-resizer-expansion-button { border-color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 9999px; justify= -content: center; transform: rotate(0deg); width: 42px; } .docos-comments-pe .right-gutter-resizer-expansion-button.shrink-icon { tra= nsform: rotate(180deg); } .right-gutter-resizer-expansion-button { align-items: center; background-co= lor: var(--gm3-sys-color-surface,#fff); border-width: 1px; border-image: no= ne; border-color: var(--gm3-sys-color-outline-variant,#c4c7c5) var(--gm3-sy= s-color-surface,#fff) var(--gm3-sys-color-surface,#fff) var(--gm3-sys-color= -outline-variant,#c4c7c5); border-radius: 9999px 0px 0px 9999px; border-sty= le: solid; box-sizing: border-box; display: flex; position: absolute; heigh= t: 42px; width: 21px; } .right-gutter-resizer-promo-arrow-icon-container { align-items: center; dis= play: flex; margin-left: 9px; margin-top: 1px; height: 27px; width: 27px; } .right-gutter-resizer-expansion-button .docs-icon { min-height: 20px; min-w= idth: 20px; } .right-gutter-resizer-promo-arrow-icon-container .docs-icon { min-height: 2= 4px; min-width: 24px; } .right-gutter-resizer-expansion-button:hover { cursor: pointer; } .left-sidebar-resizer-ghost-line { background: var(--gm3-sys-color-outline,= #747775); display: none; width: 2px; } .right-gutter-resizer-ghost-line { background: var(--gm3-sys-color-outline,= #747775); display: none; width: 1px; } .left-sidebar-resizer-drag-handle:hover .left-sidebar-resizer-ghost-line { = display: block; } .right-gutter-resizer-drag-handle.right-gutter-resizer-collapsed-drag-handl= e { cursor: text; } .left-sidebar-resizer-drag-handle, .left-sidebar-resizer-ghost-line, .right= -gutter-resizer-collapsed-ghost-line, .right-gutter-resizer-drag-handle, .r= ight-gutter-resizer-expansion-ghost-line, .right-gutter-resizer-ghost-line = { height: 100%; position: absolute; } .right-gutter-expansion-button, .right-gutter-resize-handle-grabber, .right= -gutter-resizer-collapsed-ghost-line, .right-gutter-resizer-drag-handle, .r= ight-gutter-resizer-ghost-line, .right-gutter-resizer-handle-grabber-intern= al { z-index: 41; } .left-sidebar-resizer-drag-handle, .left-sidebar-resizer-ghost-line { z-ind= ex: 100; } .docs-gm .goog-menu .goog-menuitem.ai-priority-menu-item { margin-top: -6px= ; margin-bottom: -8px; padding-top: 10px; padding-bottom: 10px; } .docs-gm .goog-menu .goog-menuitem.ai-priority-menu-item .goog-menuitem-ico= n:not(.docs-omnibox-row-icon) { margin-top: 11px; } .goog-menuitem.ai-priority-menu-item:not(.goog-menuitem-highlight) { backgr= ound: var(--ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sy= s-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-grad= ient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws= -sys-color-genai-muted-gradient01,#e9eef6))); } .goog-menuitem.ai-priority-menu-item .docs-new-badge, .goog-menuitem.ai-sta= ndard-menu-item .docs-new-badge { background-color: var(--gm3-sys-color-pri= mary,#0b57d0); } .docs-gm .docs-material.goog-menu .goog-menuitem.ai-standard-menu-item.goog= -menuitem-highlight, .goog-menuitem.ai-standard-menu-item.goog-menuitem-hig= hlight { background: var(--ae-genai-generation-gradient,linear-gradient(135= deg,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-g= enai-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d= 0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6))); } .kix-multicolumn-palette .docs-preview-palette-item { direction: ltr; text-= align: left; height: 82px; overflow: hidden; position: relative; vertical-a= lign: middle; width: 72px; } .kix-multicolumn-img::before { content: url("https://ssl.gstatic.com/docs/c= ommon/menu_feature_sprite13.svg"); } .kix-multicolumn-img { height: 4388px; position: absolute; width: 72px; } .kix-multicolumn-one-column { left: 0px; top: -1660px; } .kix-multicolumn-two-columns { left: 0px; top: -776px; } .kix-multicolumn-three-columns { left: 0px; top: -3054px; } .navigation-widget-hat .navigation-widget-hat-close, .navigation-widget-hat= -close { cursor: pointer; height: 40px; margin-top: 0px; padding: 0px; orde= r: 1; } .navigation-widget-hat-close-button { margin-left: 13px; } .navigation-widget-hat-close { opacity: 1; } .navigation-widget-hat-close-button-outer-box { border-radius: 9999px; heig= ht: 24px; padding: 8px; width: 24px; } .navigation-widget-hat-close.goog-flat-button-hover .navigation-widget-hat-= close-button-outer-box { background: color-mix(in srgb,var(--gm3-sys-color-= on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .navigation-widget-hat-close.goog-flat-button-active .navigation-widget-hat= -close-button-outer-box, .navigation-widget-hat-close.goog-flat-button-focu= sed .navigation-widget-hat-close-button-outer-box { background: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surf= ace,#fff)); } .navigation-widget { font-family: Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; margin: 0px; outline: none; padding-top: 8px; display: flex; flex= -direction: column; direction: ltr; } .navigation-widget-floating-navigation-button.navigation-widget { position:= absolute; background: var(--gm3-sys-color-surface-container-low,#f8fafd); = box-shadow: none; border-radius: 0px; padding-top: 2px; transition: left 0.= 2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);= } .docs-body-pageless .navigation-widget-floating-navigation-button.navigatio= n-widget { background: var(--gm3-sys-color-surface,#fff); } .navigation-widget-floating-navigation-button.navigation-widget.navigation-= widget-chaptered { transition: left 0.6s cubic-bezier(0.05, 0.7, 0.1, 1); } .navigation-widget-hat { border-bottom-width: medium; border-bottom-style: = none; border-bottom-color: currentcolor; direction: ltr; height: 48px; marg= in-bottom: 5px; padding: 0px; flex: 0 0 auto; display: flex; justify-conten= t: space-between; align-items: center; } .navigation-widget-chaptered .navigation-widget-hat { height: 52px; margin-= bottom: 0px; } .outline-refresh[class*=3D"docs-hc"] .navigation-widget-hat-close { border:= 1px solid transparent; border-radius: 0px 20px 20px 0px; opacity: 1; } .navigation-widget-hat-close-floating-navigation-button { height: 24px; mar= gin: 12px 12px 0px 0px; outline: none; padding: 8px 0px; width: 60px; } .navigation-widget-hat-close-button .navigation-widget-hide-control-contain= er .docs-icon { height: 21px; margin: auto; width: 21px; } .navigation-widget-hide-control-container { display: flex; } .navigation-widget-hat-close-button-icon { transform: rotate(180deg); } .navigation-widget-hoverable .navigation-widget-hat-close:focus, .navigatio= n-widget-hoverable .navigation-widget-hat-close:hover { opacity: 0.95; } .navigation-widget-empty { padding: 16px 16px 16px 24px; flex: 0 0 auto; } .navigation-widget-unified-styling .navigation-widget-empty { padding-top: = 8px; } .navigation-widget-empty-content { color: var(--gm3-sys-color-on-surface-va= riant,#444746); line-height: 1rem; } .navigation-widget-content { outline: none; overflow-y: hidden; position: r= elative; } .navigation-widget-row-controls { background: transparent; margin: 0px; pad= ding: 0px; position: absolute; } .outlines-widget-chaptered .navigation-widget-row-controls { margin-right: = -8px; } .navigation-widget-row-controls-control { cursor: pointer; opacity: 0.7; } .navigation-widget-hoverable .navigation-widget-row-controls-control:focus,= .navigation-widget-hoverable .navigation-widget-row-controls-control:hover= { opacity: 1; } .navigation-widget-row-controls-accept { margin-right: 8px; } .navigation-widget-row-controls-suppress { opacity: 1; } .navigation-item { background: none; cursor: pointer; height: 32px; line-he= ight: 32px; padding-left: 16px; } .outlines-widget-chaptered .navigation-item { display: flex; height: 36px; = line-height: 1rem; padding: 0px 16px 0px 27px; } .outline-refresh.navigation-widget .navigation-item:last-child { margin-bot= tom: 50px; } .outlines-widget .outlines-widget-chaptered .navigation-item:last-child { m= argin-bottom: 5px; } .outlines-widget .outlines-widget-chaptered .chapter-item:last-child { marg= in-bottom: 0px; } .navigation-widget-drag-controls { background-color: var(--gm3-sys-color-pr= imary,#0b57d0); cursor: pointer; display: block; height: 2px; position: abs= olute; } .navigation-item-content { overflow: hidden; text-overflow: ellipsis; white= -space: pre; } .outlines-widget-chaptered .navigation-item-content-container { min-width: = 0px; } .navigation-widget-header, .outline-refresh .navigation-item, .outline-refr= esh .navigation-item .navigation-item-level-0, .outline-refresh .navigation= -widget-empty-content { color: var(--gm3-sys-color-on-surface,#1f1f1f); fon= t-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;= } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-0, .outlines-widget .outlines-widget-chaptered = .chapter-container .navigation-item .navigation-item-level-1, .outlines-wid= get .outlines-widget-chaptered .chapter-container .navigation-item .navigat= ion-item-level-2, .outlines-widget .outlines-widget-chaptered .chapter-cont= ainer .navigation-item .navigation-item-level-3, .outlines-widget .outlines= -widget-chaptered .chapter-container .navigation-item .navigation-item-leve= l-4, .outlines-widget .outlines-widget-chaptered .chapter-container .naviga= tion-item .navigation-item-level-5, .outlines-widget .outlines-widget-chapt= ered .chapter-container .navigation-item .navigation-item-level-6, .outline= s-widget .outlines-widget-chaptered .chapter-container .navigation-item .na= vigation-item-level-7 { font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 0.875rem; font-style: normal; font-w= eight: 400; letter-spacing: 0.00625rem; color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); } .outlines-widget .outlines-widget-chaptered .kix-chapter-count-widget { ali= gn-items: center; background-color: var(--gm3-sys-color-inverse-surface,#30= 3030); border-radius: 4px; bottom: 0px; color: var(--gm3-sys-color-inverse-= on-surface,#f2f2f2); gap: 10px; left: 50%; margin-bottom: 5px; opacity: 0.8= ; padding: 4px 8px; position: sticky; text-align: center; transform: transl= ateX(-50%); width: fit-content; z-index: 9; } .outline-refresh.navigation-widget-unified-styling .navigation-item { color= : var(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.875rem; fon= t-weight: 400; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-ser= if; letter-spacing: 0.00625rem; } .outline-refresh.navigation-widget-unified-styling .navigation-widget-empty= -content { color: var(--gm3-sys-color-on-surface-variant,#444746); font-siz= e: 13px; font-style: italic; font-weight: 400; font-family: Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; letter-spacing: 0.00625rem; line-height= : 1rem; } .outline-refresh.navigation-widget-unified-styling .navigation-item .naviga= tion-item-level-0 { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-fa= mily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fon= t-weight: 500; letter-spacing: 0.00625rem; padding-left: 8px; } .outline-refresh .navigation-item.goog-button-hover, .outline-refresh .navi= gation-item.goog-button-hover .navigation-item-level-0 { color: color-mix(i= n srgb,var(--gm3-sys-color-surface,#fff) 8%,var(--gm3-sys-color-on-surface,= #1f1f1f)); } .outline-refresh .location-indicator-highlight.navigation-item, .outline-re= fresh .location-indicator-highlight.navigation-item .navigation-item-level-= 0, .outline-refresh.navigation-widget-unified-styling .location-indicator-h= ighlight.navigation-item, .outline-refresh.navigation-widget-unified-stylin= g .location-indicator-highlight.navigation-item .navigation-item-level-0 { = color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,var(--gm3= -sys-color-primary,#0b57d0)); } .outlines-widget .outlines-widget-chaptered .location-indicator-highlight.n= avigation-item [class*=3D"navigation-item-level-"], .outlines-widget .outli= nes-widget-chaptered .location-indicator-highlight.navigation-item [class*= =3D"navigation-item-level-"].goog-button-hover { color: color-mix(in srgb,v= ar(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)= ); } .outline-refresh .location-indicator-highlight.navigation-item.goog-button-= hover { color: var(--gm3-sys-color-on-primary-container,#0842a0); } .outline-refresh.navigation-widget-unified-styling .location-indicator-high= light.navigation-item.goog-button-hover, .outline-refresh.navigation-widget= -unified-styling .location-indicator-highlight.navigation-item.goog-button-= hover .navigation-item-level-0 { color: color-mix(in srgb,var(--gm3-sys-col= or-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .outline-refresh .navigation-item-content::before { font-weight: 500; left:= 8px; position: absolute; } .outline-refresh .location-indicator-highlight .navigation-item-content::be= fore { content: "=E2=80=93"; font-size: 17px; } .outline-refresh .outlines-widget-chaptered .location-indicator-highlight .= navigation-item-content::before { content: ""; } .outline-refresh .navigation-widget-show-drag-hint .navigation-item:hover .= navigation-item-content::before { content: "=E2=A0=BF"; font-size: 18px; co= lor: color-mix(in srgb,var(--gm3-sys-color-surface,#fff) 8%,var(--gm3-sys-c= olor-on-surface,#1f1f1f)); margin-top: 1px; } .outline-refresh .outlines-widget-chaptered .navigation-widget-show-drag-hi= nt .navigation-item:hover .navigation-item-content::before { color: color-m= ix(in srgb,var(--gm3-sys-color-surface,#fff) 16%,var(--gm3-sys-color-on-sur= face,#1f1f1f)); } .navigation-widget.outline-refresh:not(.navigation-widget-unified-styling) = .navigation-item [class*=3D"navigation-item-level-"] { color: inherit; } .navigation-widget.outline-refresh:not(.navigation-widget-unified-styling) = .navigation-item .navigation-item-level-0 { font-size: 1rem; font-weight: 5= 00; padding-left: 8px; } .navigation-widget.outline-refresh:not(.navigation-widget-unified-styling) = .navigation-item [class*=3D"navigation-item-level-"]:not(.navigation-item-l= evel-0) { font-size: 0.875rem; font-weight: 400; } .outlines-widget-chaptered .navigation-item-content { padding: 10px 0px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-0 { padding-left: 21px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-1 { padding-left: 33px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-2 { padding-left: 45px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-3 { padding-left: 57px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-4 { padding-left: 69px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-5 { padding-left: 81px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-6 { padding-left: 93px; } .outlines-widget .outlines-widget-chaptered .chapter-container .navigation-= item .navigation-item-level-7 { padding-left: 105px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 1 { padding-left: 24px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 2 { padding-left: 40px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 3 { padding-left: 56px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 4 { padding-left: 72px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 5 { padding-left: 88px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 6 { padding-left: 104px; } .navigation-widget.outline-refresh .navigation-item .navigation-item-level-= 7 { padding-left: 120px; } .navigation-widget-chaptered #navigation-widget-top-shadow { z-index: 3; } .navigation-widget-chaptered #navigation-widget-top-shadow::after, .navigat= ion-widget-chaptered #navigation-widget-top-shadow::before { background-col= or: var(--gm3-sys-color-outline-variant,#c4c7c5); content: ""; height: 1px;= position: absolute; width: 50%; } .navigation-widget-chaptered #navigation-widget-top-shadow::before { left: = 16px; } .navigation-widget-chaptered #navigation-widget-top-shadow::after { right: = 24px; } .outline-refresh:not([class*=3D"docs-hc"]) #navigation-widget-top-shadow { = opacity: 0; transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .outline-refresh:not([class*=3D"docs-hc"], .navigation-widget-chaptered) #n= avigation-widget-top-shadow::before { background: linear-gradient(180deg,co= lor-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 10%,transparent),transpare= nt); content: ""; height: 4px; position: absolute; width: 100%; } .outline-refresh:not([class*=3D"docs-hc"], .navigation-widget-chaptered) #n= avigation-widget-top-shadow::after { background: linear-gradient(270deg,var= (--gm3-sys-color-surface,#fff) 0,color-mix(in sRGB,var(--gm3-sys-color-shad= ow,#000) 0%,transparent) 100%); content: ""; height: 4px; right: 0px; posit= ion: absolute; width: 72px; } .updating-navigation-item-list, .updating-navigation-item-list .goog-contai= ner { outline: none; } .navigation-widget-floating-navigation-button.navigation-widget.navigation-= widget-chaptered.navigation-widget-hiding { transition: left 0.25s cubic-be= zier(0.4, 0, 1, 1), opacity 0.25s linear; } .navigation-widget-hidden { visibility: hidden; } .navigation-widget-content { overflow-y: auto; visibility: hidden; } .navigation-widget-chaptered .navigation-widget-content { overflow-x: hidde= n; scrollbar-gutter: stable; } .navigation-widget .navigation-widget-content:focus, .navigation-widget .na= vigation-widget-content:hover, .navigation-widget:not(.navigation-widget-hi= dden) .navigation-widget-content > * { visibility: visible; } .navigation-widget-header { color: var(--gm3-sys-color-on-surface-variant,#= 444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fo= nt-size: 0.6875rem; font-weight: 500; letter-spacing: 0.00625rem; padding-l= eft: 24px; line-height: 1rem; text-transform: none; } .navigation-widget-header.navigation-widget-outline-header { padding-bottom= : 12px; } .outlines-widget-chaptered .navigation-widget-header { color: var(--gm3-sys= -color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1= .25rem; margin-left: 16px; padding: 16px 0px 16px 12px; } .outline-refresh .navigation-item .navigation-item-level-0 { font-optical-s= izing: none; } .outlines-widget .outlines-widget-chaptered .navigation-item .navigation-it= em-level-0 { font-optical-sizing: unset; } .navigation-item-content:not(.navigation-item-level-0) { color: var(--gm3-s= ys-color-on-surface-variant,#444746); } .outline-refresh .navigation-item.location-indicator-highlight .navigation-= item-content, .outline-refresh .navigation-item.location-indicator-highligh= t .navigation-item-content.goog-button-hover { color: var(--gm3-sys-color-p= rimary,#0b57d0); } .outlines-widget .outlines-widget-chaptered .location-indicator-highlight.n= avigation-item [class*=3D"navigation-item-level-"], .outlines-widget .outli= nes-widget-chaptered .location-indicator-highlight.navigation-item [class*= =3D"navigation-item-level-"].goog-button-hover { color: var(--gm3-sys-color= -primary,#0b57d0); } .outlines-widget-chaptered .navigation-item-vertical-line { display: flex; = flex-direction: column; margin-left: 10px; } .chapter-container-level-0 .navigation-item-vertical-line { margin-left: 16= px; } .chapter-container-level-0 .chapter-item-subchapters-indent-enabled:has(.ch= apter-item-arrow:not(.chapter-item-arrow-no-indent)) .navigation-item-verti= cal-line { margin-left: 32px; } .chapter-container-level-1 .navigation-item-vertical-line { margin-left: 32= px; } .chapter-container-level-1 .chapter-item-subchapters-indent-enabled:has(.ch= apter-item-arrow:not(.chapter-item-arrow-no-indent)) .navigation-item-verti= cal-line { margin-left: 48px; } .chapter-container-invalid-level .navigation-item-vertical-line, .chapter-c= ontainer-level-2 .navigation-item-vertical-line { margin-left: 48px; } .chapter-container-invalid-level .chapter-item-subchapters-indent-enabled:h= as(.chapter-item-arrow:not(.chapter-item-arrow-no-indent)) .navigation-item= -vertical-line, .chapter-container-level-2 .chapter-item-subchapters-indent= -enabled:has(.chapter-item-arrow:not(.chapter-item-arrow-no-indent)) .navig= ation-item-vertical-line { margin-left: 64px; } .outlines-widget-chaptered [class*=3D"navigation-item-vertical-line-"] { wi= dth: 2px; } .outlines-widget-chaptered .navigation-item-vertical-line-bottom, .outlines= -widget-chaptered .navigation-item-vertical-line-top { height: 10px; } .outlines-widget-chaptered .navigation-item-vertical-line-middle { height: = 16px; } .outlines-widget-chaptered .navigation-item + .navigation-item .navigation-= item-vertical-line-top, .outlines-widget-chaptered .navigation-item-vertica= l-line-middle, .outlines-widget-chaptered .navigation-item:not(.navigation-= item:last-child) .navigation-item-vertical-line-bottom { background: var(--= gm3-sys-color-surface-container-highest,#dde3ea); } .outlines-widget-chaptered .location-indicator-highlight .navigation-item-v= ertical-line-middle { background: var(--gm3-sys-color-primary,#0b57d0); } .kix-noteviewmanager { position: absolute; z-index: 39; } .kix-noteviewmanager-fade1, .kix-noteviewmanager-fade2, .kix-noteviewmanage= r-fade3 { height: 5px; position: absolute; z-index: 100; margin-top: -5px; = } .kix-noteviewmanager-fade1 { opacity: 0.82; top: 0px; } .kix-noteviewmanager-fade2 { opacity: 0.62; top: 5px; } .kix-noteviewmanager-fade3 { opacity: 0.4; top: 10px; } .kix-outlinerenderer-ghostoutline { box-sizing: border-box; border: solid 1= px var(--gm3-sys-color-outline,#747775); position: absolute; z-index: 34; } .kix-pagenumber-palette .docs-preview-palette-item { direction: ltr; text-a= lign: left; height: 82px; overflow: hidden; position: relative; vertical-al= ign: middle; width: 72px; } .kix-pagenumber-img::before { content: url("https://ssl.gstatic.com/docs/co= mmon/menu_feature_sprite13.svg"); } .kix-pagenumber-img { height: 4388px; position: absolute; width: 72px; } .docsDarkMode .kix-pagenumber-img { filter: invert(1); } .kix-pagenumber-header-one-on-first { left: 0px; top: -3942px; } .goog-palette-cell-hover .kix-pagenumber-header-one-on-first { left: 0px; t= op: -694px; } .kix-pagenumber-header-one-on-second { left: 0px; top: -24px; } .goog-palette-cell-hover .kix-pagenumber-header-one-on-second { left: 0px; = top: -2702px; } .kix-pagenumber-footer-one-on-first { left: 0px; top: -4206px; } .goog-palette-cell-hover .kix-pagenumber-footer-one-on-first { left: 0px; t= op: -2036px; } .kix-pagenumber-footer-one-on-second { left: 0px; top: -1954px; } .goog-palette-cell-hover .kix-pagenumber-footer-one-on-second { left: 0px; = top: -1824px; } .kix-pagenumber-header-one-on-first-rtl { left: 0px; top: -106px; } .goog-palette-cell-hover .kix-pagenumber-header-one-on-first-rtl { left: 0p= x; top: -3136px; } .kix-pagenumber-header-one-on-second-rtl { left: 0px; top: -3860px; } .goog-palette-cell-hover .kix-pagenumber-header-one-on-second-rtl { left: 0= px; top: -2570px; } .kix-pagenumber-footer-one-on-first-rtl { left: 0px; top: -4124px; } .goog-palette-cell-hover .kix-pagenumber-footer-one-on-first-rtl { left: 0p= x; top: -3446px; } .kix-pagenumber-footer-one-on-second-rtl { left: 0px; top: -1082px; } .goog-palette-cell-hover .kix-pagenumber-footer-one-on-second-rtl { left: 0= px; top: -1496px; } .kix-paragraphborderposition .goog-flat-button { background-color: var(--gm= 3-sys-color-surface-container,#f0f4f9); border-width: 1px 0px; border-style= : solid; border-color: rgb(220, 220, 220); padding: 4px 8px; outline: none;= z-index: 0; } .kix-paragraphborderposition .goog-flat-button:first-child { border-top-lef= t-radius: 2px; border-bottom-left-radius: 2px; border-left: 1px solid rgb(2= 20, 220, 220); } .kix-paragraphborderposition .goog-flat-button:last-child { border-top-righ= t-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid rgb= (220, 220, 220); } .kix-paragraphborderposition .goog-flat-button-hover { box-shadow: 1px 1px = 1px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 10%,transparent); ba= ckground-color: rgb(248, 248, 248); margin-left: -1px; margin-right: -1px; = border: 1px solid rgb(198, 198, 198); z-index: 2; } .kix-paragraphborderposition .goog-flat-button-hover:last-child { margin-ri= ght: 0px; } .kix-paragraphborderposition .goog-flat-button-active, .kix-paragraphborder= position .goog-flat-button-checked { background-color: rgb(238, 238, 238); = margin-right: -1px; margin-left: -1px; border: 1px solid rgb(198, 198, 198)= ; z-index: 1; } .kix-paragraphborderposition .goog-flat-button.goog-flat-button-focused { b= order: 1px solid rgb(77, 144, 254); margin-right: -1px; margin-left: -1px; = z-index: 3; } .kix-paragraphborderposition .goog-flat-button:last-child { margin-right: 0= px; } #kix-bordersshadingdialog-borderposition #kix-bordersshadingdialog-borderpo= sition-borderbetween { margin-right: 0px; } #kix-bordersshadingdialog-borderposition .jfk-button { border-radius: 4px; = box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: = 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; back= ground: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-prima= ry,#0b57d0); margin-right: 8px; min-width: 36px; min-height: 36px; padding:= 7px 3px; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !i= mportant; } #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-disabled { = background: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-o= n-surface,#1f1f1f); opacity: 0.38; border: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5) !important; } #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-hover { bac= kground: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,= 8,66,160),.08),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),= .08)),var(--gm3-sys-color-primary-container,#d3e3fd); border: 1px solid var= (--gm3-sys-color-primary-container,#d3e3fd) !important; } #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-focused { b= ackground: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rg= b,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160)= ,.1)),var(--gm3-sys-color-primary-container,#d3e3fd); border: 1px solid var= (--gm3-sys-color-primary-container,#d3e3fd) !important; } @media screen and (forced-colors: active) { #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-focused {= background-color: highlight; color: highlighttext; } } #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-hover.jfk-b= utton-focused { background: linear-gradient(rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-contai= ner-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); bord= er: 1px solid var(--gm3-sys-color-inverse-primary,#a8c7fa) !important; } #kix-bordersshadingdialog-borderposition .jfk-button.jfk-button-checked, #k= ix-bordersshadingdialog-borderposition .jfk-button.jfk-button-hover.jfk-but= ton-checked { padding: 6px 2px; border-color: var(--gm3-sys-color-primary,#= 0b57d0) !important; border-width: 2px !important; } .kix-ruler-tabstop { position: absolute; cursor: default; top: 2px; z-index= : 0; height: 11px !important; } .kix-ruler-tabstop-left-sprite { left: -323px; top: -2px; } .kix-ruler-tabstop-left { top: 3px; width: 5px !important; height: 9px !imp= ortant; } .kix-ruler-tabstop-left .docs-icon-tabstop-left, .kix-ruler-tabstop-right .= docs-icon-tabstop-right { margin-left: -8px; margin-top: -6px; } .kix-ruler-tabstop-center-sprite { left: -50px; top: -2px; } .kix-ruler-tabstop-center { height: 11px !important; width: 11px !important= ; } .kix-ruler-tabstop-center .docs-icon-tabstop-center { margin-left: -5px; ma= rgin-top: -5px; } .kix-ruler-tabstop-right-sprite { left: -306px; top: -2px; } .kix-ruler-tabstop-right { top: 3px; width: 5px !important; height: 9px !im= portant; } .kix-ruler-tabstop.kix-ruler-tabstop-center, .kix-ruler-tabstop.kix-ruler-t= abstop-left, .kix-ruler-tabstop.kix-ruler-tabstop-right { margin-left: 0px;= margin-right: 0px; top: 1px; height: 10px !important; } .kix-ruler-tabstop-left .docs-icon-tabstop-left-blue500 { margin-left: -7px= ; margin-top: -4px; } .kix-ruler-tabstop-right .docs-icon-tabstop-right-blue500 { margin-left: -6= px; margin-top: -4px; } .kix-ruler-tabstop-center .docs-icon-tabstop-center-blue500 { margin-left: = -4px; margin-top: -4px; } #kix-horizontal-ruler-container { overflow: hidden; position: relative; } #kix-horizontal-ruler { width: calc(100% - 32px); margin-left: 16px; } .docs-body-pageless #kix-horizontal-ruler { margin-left: 0px; padding-left:= 16px; } #kix-vertical-ruler::before { background-color: var(--gm3-sys-color-surface= -container-low,#f8fafd); content: ""; display: block; height: 1px; position= : absolute; width: 15px; } #kix-vertical-ruler { border-left-width: medium; border-left-style: none; b= order-left-color: currentcolor; margin-left: 0px; top: 15px; background: va= r(--gm3-sys-color-surface-container,#f0f4f9); position: absolute; } .docs-body-pageless #kix-horizontal-ruler-container .docs-horizontal-ruler,= .docs-body-pageless #kix-horizontal-ruler-container .docs-ruler-background= -inner, .docs-body-pageless .docs-vertical-ruler { background-color: var(--= gm3-sys-color-surface,#fff) !important; } .kix-scrollbarwidget { pointer-events: none; position: absolute; right: 0px= ; top: 0px; } .kix-scrollbarwidget .jfk-tooltip { margin-left: -1px; margin-right: 0px; } .kix-scrollbarwidget .jfk-tooltip-arrowleft { right: 0px; } .kix-scrollbarwidget .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter { right= : auto; } #docs-suggestiondialog-review-suggestions { align-items: stretch; display: = flex; flex-direction: column; } .docs-suggestiondialog-first-row, .docs-suggestiondialog-second-row { align= -items: center; display: flex; margin-top: 10px; } .docs-suggestiondialog-preview:hover { background: color-mix(in srgb,var(--= gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-suggestiondialog-preview:focus { border: 1px solid var(--gm3-sys-colo= r-primary,#0b57d0); outline: none; } .docs-suggestiondialog-title-text { margin: 5px 7px 0px 0px; font-size: 0.8= 75rem; max-width: 250px; white-space: nowrap; overflow: hidden; text-overfl= ow: ellipsis; } .docs-suggestiondialog-navigation-container, .docs-suggestiondialog-preview= -container { width: 228px; max-width: 228px; margin-right: 10px; } .docs-suggestiondialog-navigation-container { align-items: center; display:= flex; justify-content: space-between; } .docs-suggestiondialog-title-container { font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; max-width: 15= 0px; text-overflow: ellipsis; overflow: hidden; margin-left: 8px; } .docs-suggestiondialog-preview-menu.goog-menu { background: var(--gm3-sys-c= olor-surface,#fff); margin: 0px 0px 5px; width: 228px; text-align: left; pa= dding: 0px; } .docs-suggestiondialog-preview-menu .goog-menuitem-label { font-weight: 400= ; margin-left: 0px; font-size: 13px; } .docs-suggestiondialog-preview-menu .goog-menuitem { line-height: normal; m= argin-left: -6px; width: 100%; } .docs-gm .docs-suggestiondialog-preview-menu.docs-material.goog-menu .goog-= menuitem { margin-left: 0px; padding-left: 8px; width: unset; } #docs-suggestiondialog-id .docs-slidingdialog-close-container { position: a= bsolute; right: 14px; top: 10px; } #docs-suggestiondialog-id .docs-slidingdialog-holder { min-width: 250px; } .docs-suggestiondialog-navigation-buttons .jfk-button { margin-right: 0px; = background-position-x: ; background-position-y: ; background-size: ; backgr= ound-repeat: ; background-attachment: ; background-origin: ; background-cli= p: ; background-image: none; background-color: transparent; border-color: t= ransparent; min-width: 24px; } .docs-suggestiondialog-navigation-buttons .jfk-button-hover { box-shadow: n= one; background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.0= 6); background-image: none; cursor: pointer; border-radius: 2px; border-wid= th: 1px; border-color: transparent !important; } .docs-suggestiondialog-navigation-buttons .jfk-button-active { box-shadow: = none; background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.= 12); background-image: none; cursor: pointer; border-radius: 2px; border-wi= dth: 1px; border-color: transparent !important; } .docs-suggestiondialog-navigation-buttons .jfk-button:active { box-shadow: = none; } #docs-suggestiondialog-next-button { margin: 0px; } .docs-slidingdialog .docs-suggestiondialog-navigation-buttons .docs-icon-do= wn, .docs-slidingdialog .docs-suggestiondialog-navigation-buttons .docs-ico= n-up { opacity: 1; } .docs-suggestiondialog-navigation-buttons .jfk-button-disabled { opacity: 0= .38; } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) = { .docs-suggestiondialog-navigation-buttons .docs-icon-img { filter: invert= (100%); } } .docs-hc-gecko .docs-suggestiondialog-navigation-buttons .docs-icon-img { f= ilter: invert(100%); } .docs-suggestiondialog-content .goog-flat-menu-button.goog-flat-menu-button= -disabled, .docs-suggestiondialog-content .jfk-button.jfk-button-disabled {= background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,= var(--gm3-sys-color-surface,#fff)); opacity: 0.4; } .docs-suggestiondialog-content .goog-flat-menu-button, .docs-suggestiondial= og-content .jfk-button { line-height: 29px; height: 29px; } .docs-suggestiondialog-accept-container .goog-flat-menu-button, .docs-sugge= stiondialog-reject-container .goog-flat-menu-button { cursor: pointer; marg= in-right: 0px; } .docs-suggestiondialog-accept-container .goog-flat-menu-button-collapse-rig= ht.goog-flat-menu-button-rtl, .docs-suggestiondialog-reject-container .goog= -flat-menu-button-collapse-right.goog-flat-menu-button-rtl { min-width: 0px= ; padding-left: 0px; margin-left: -1px; border-radius: 0px 2px 2px 0px; } .docs-suggestiondialog-accept-container .goog-flat-menu-button, .docs-sugge= stiondialog-accept-container .jfk-button { border-radius: 4px; box-shadow: = none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; he= ight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24p= x 11px; background: var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-= sys-color-on-primary,#fff); border: 1px solid transparent !important; } .docs-suggestiondialog-reject-container .goog-flat-menu-button, .docs-sugge= stiondialog-reject-container .jfk-button { border-radius: 4px; box-shadow: = none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; he= ight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24p= x 11px; background: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys= -color-primary,#0b57d0); border: 1px solid var(--gm3-sys-color-outline-vari= ant,#c4c7c5) !important; } .docs-suggestiondialog-accept-container .jfk-button, .docs-suggestiondialog= -reject-container .jfk-button { cursor: pointer; margin-right: 0px; overflo= w: hidden; text-overflow: ellipsis; } #docs-suggestiondialog-accept-button, #docs-suggestiondialog-reject-button = { border-bottom-right-radius: 0px; border-top-right-radius: 0px; width: 113= px; } #docs-suggestiondialog-accept-all-dropdown, #docs-suggestiondialog-reject-a= ll-dropdown { border-bottom-left-radius: 0px; border-top-left-radius: 0px; = padding: 0px; width: 20px; border-left-width: medium !important; border-lef= t-style: none !important; border-left-color: currentcolor !important; } #docs-suggestiondialog-accept-all-dropdown .goog-flat-menu-button-dropdown,= #docs-suggestiondialog-reject-all-dropdown .goog-flat-menu-button-dropdown= { right: 6px; top: 15px; } #docs-suggestiondialog-accept-all-dropdown .goog-flat-menu-button-dropdown = { border-color: var(--gm3-sys-color-surface,#fff) transparent; } #docs-suggestiondialog-reject-all-dropdown .goog-flat-menu-button-dropdown = { border-color: var(--gm3-sys-color-primary,#0b57d0) transparent; } #docs-suggestiondialog-acceptall-button, #docs-suggestiondialog-rejectall-b= utton { width: 132px; } .docs-suggestiondialog-count { padding-left: 4px; color: var(--gm3-sys-colo= r-on-surface-variant,#444746); } .docs-suggestiondialog-preview-dropdown { background-image: url("//ssl.gsta= tic.com/images/icons/material/system/1x/arrow_drop_down_black_24dp.png"); } @media (min-resolution: 144dpi) { .docs-suggestiondialog-preview-dropdown { background-image: url("//ssl.gs= tatic.com/images/icons/material/system/2x/arrow_drop_down_black_24dp.png");= } } .docs-suggestiondialog-preview { border-radius: 4px; padding: 8px 6px 8px 8= px; align-items: center; background: none; box-sizing: border-box; color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); display: inline-flex; height: unset= ; justify-content: space-between; outline: none; position: relative; border= : 1px solid color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,t= ransparent); cursor: default; margin-top: 0px; width: 190px; max-width: 228= px; font-size: 0.6875rem; } .docs-suggestiondialog-preview-disabled { color: rgba(var(--gm3-sys-color-o= n-surface-rgb,31,31,31),.38); opacity: 0.38; border: 1px solid var(--gm3-sy= s-color-outline-variant,#c4c7c5); box-shadow: none; cursor: default; } .docs-suggestiondialog-preview:active { background-color: var(--gm3-sys-col= or-surface,#fff); border: 1px solid transparent; box-shadow: 0 2px 6px 2px = rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-suggestiondialog-preview-focused { background-color: rgba(var(--gm3-s= ys-color-on-surface-rgb,31,31,31),.06); border: 1px solid var(--gm3-sys-col= or-outline-variant,#c4c7c5); } .docs-suggestiondialog-preview-open { background-color: rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.04); border: 1px solid transparent; } .docs-suggestiondialog-preview-hover.docs-suggestiondialog-preview-open { b= ackground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); } .docs-suggestiondialog-preview-focused.docs-suggestiondialog-preview-open {= background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08); = } .docs-suggestiondialog-preview-caption { box-sizing: border-box; color: var= (--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; font-size: 0.875rem; height: 20px; line-height: = 1.25rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-= space: nowrap; } .docs-suggestiondialog-preview-dropdown { background: url("https://ssl.gsta= tic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg") -7144p= x 0px no-repeat; height: 18px; width: 18px; border-width: medium; border-st= yle: none; border-color: currentcolor; border-image: none; margin-top: 0px;= position: relative; right: 0px; top: 0px; } .docs-suggestiondialog-preview-open .docs-suggestiondialog-preview-dropdown= { transform: rotate(180deg); } #docs-suggestiondialog-no-suggestions:focus { outline: none; } .kixClientCssSuggestionFilterMenuItemLabel { align-items: center; display: = flex; gap: 10px; line-height: 1.5rem; } .kixClientCssSuggestionFilterMenuItemAvatar { border-radius: 9999px; flex-s= hrink: 0; height: 32px; width: 32px; } .kixClientCssSuggestionFilterMenuItemName { min-width: 0px; overflow: hidde= n; text-overflow: ellipsis; white-space: nowrap; } .kixClientCssSuggestionFilterMenuItemAuthorsScrollContainer { max-height: 1= 76px; overflow-y: auto; width: 320px; } .kixClientCssSuggestionFilterMenuItemAuthorsScrollContainer .goog-menuitem = { box-sizing: border-box; height: 44px; padding-bottom: 6px; padding-top: 6= px; } .kix-fab-plugin { position: absolute; } .kix-toc-palette .docs-preview-palette-item { direction: ltr; text-align: l= eft; height: 68px; overflow: hidden; position: relative; vertical-align: mi= ddle; width: 50px; } .kix-toc-img-container { display: flex; flex-direction: column; } .kix-toc-img-label { font-family: Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; font-size: 10px; margin-top: 8px; } .kix-toc-img::before { content: url("https://ssl.gstatic.com/docs/common/me= nu_feature_sprite13.svg"); } .kix-toc-img { height: 4388px; position: absolute; width: 72px; } .docsDarkMode .kix-toc-img { filter: invert(1) hue-rotate(180deg); } .docsDarkMode .kix-toc-palette .docs-preview-palette-item { background-colo= r: rgb(0, 0, 0); } .kix-toc-palette-links { left: -18px; top: -212px; } .kix-toc-palette-pagenumbers { left: -20px; top: -3242px; } .kix-toc-palette-dotted { left: -18px; top: -1346px; } .kix-toc-palette-links-rtl { left: -20px; top: -3792px; } .kix-toc-palette-pagenumbers-rtl { left: 0px; top: -3310px; } .kix-toc-palette-dotted-rtl { left: 0px; top: -462px; } .docs-bubble.kix-table-sort-menu-bubble { border-width: medium; border-styl= e: none; border-color: currentcolor; border-image: none; padding: 0px; } .kix-table-sort-menu-bubble .goog-menu .goog-menuitem { font-family: Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 400; padding-left= : 16px; padding-right: 16px; text-align: start; white-space: nowrap; } .docs-butterbar-container { font-weight: 500; height: 0px; position: absolu= te; text-align: center; top: 32px; width: 100%; z-index: 1004; } .docs-hub-butterbar { top: 57px; } .docs-gm .docs-butterbar-container { font-weight: 400; } .docs-butterbar-container.docs-butterbar-container-compact { top: 50px; } .docs-butterbar-wrap { display: inline-block; padding-bottom: 8px; } .docs-gm .jfk-butterBar { align-items: center; border-radius: 4px; border-s= tyle: none; display: flex; font-size: 0.875rem; height: fit-content; min-he= ight: 48px; padding: 0px 24px; } @media screen and (forced-colors: active) { .docs-gm .jfk-butterBar { border: 1px solid canvastext; } } .docs-gm .jfk-butterBar-info { background-color: var(--gm3-sys-color-primar= y-container,#d3e3fd); color: var(--gm3-sys-color-on-surface,#1f1f1f); white= -space: normal; } .docs-gm .jfk-butterBar-warning { background-color: var(--gm3-sys-color-err= or,#b3261e); } .docs-gm .jfk-butterBar-error { background-color: var(--gm3-sys-color-inver= se-surface,#303030); color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2)= ; } .docs-butterbar-butter-action, .docs-butterbar-dismiss, .docs-butterbar-lin= k, .docs-butterbar-link-no-pad, a.docs-butterbar-link-no-pad:link, a.docs-b= utterbar-link-no-pad:visited, a.docs-butterbar-link:link, a.docs-butterbar-= link:visited { color: var(--gm3-sys-color-on-surface-variant,#444746); curs= or: pointer; text-decoration: underline; } .docs-butterbar-butter-action, .docs-butterbar-dismiss, .docs-butterbar-lin= k, a.docs-butterbar-link:link, a.docs-butterbar-link:visited { padding-left= : 6px; } .docs-gm .docs-butterbar-butter-action, .docs-gm .docs-butterbar-dismiss { = font-size: 1rem; text-decoration: none; flex: 1 1 0%; text-align: end; whit= e-space: nowrap; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; } .docs-gm .docs-butterbar-dismiss { margin-left: 80px; padding: 0px; } .docs-gm .docs-butterbar-butter-action { margin-left: 8px; padding: 8px; } .jfk-butterBar-warning .docs-butterbar-butter-action, .jfk-butterBar-warnin= g .docs-butterbar-dismiss, .jfk-butterBar-warning .docs-butterbar-link, .jf= k-butterBar-warning .docs-butterbar-link-no-pad, .jfk-butterBar-warning a.d= ocs-butterbar-link-no-pad:link, .jfk-butterBar-warning a.docs-butterbar-lin= k-no-pad:visited, .jfk-butterBar-warning a.docs-butterbar-link:link, .jfk-b= utterBar-warning a.docs-butterbar-link:visited { color: var(--gm3-sys-color= -on-surface,#1f1f1f); } .jfk-butterBar-error .docs-butterbar-butter-action, .jfk-butterBar-error .d= ocs-butterbar-dismiss, .jfk-butterBar-error .docs-butterbar-link, .jfk-butt= erBar-error .docs-butterbar-link-no-pad, .jfk-butterBar-error a.docs-butter= bar-link-no-pad:link, .jfk-butterBar-error a.docs-butterbar-link-no-pad:vis= ited, .jfk-butterBar-error a.docs-butterbar-link:link, .jfk-butterBar-error= a.docs-butterbar-link:visited { color: var(--gm3-sys-color-inverse-primary= ,#a8c7fa); } .docs-gm .jfk-butterBar-info .docs-butterbar-butter-action, .docs-gm .jfk-b= utterBar-info .docs-butterbar-dismiss, .docs-gm .jfk-butterBar-info .docs-b= utterbar-link, .docs-gm .jfk-butterBar-info .docs-butterbar-link-no-pad, .d= ocs-gm .jfk-butterBar-info a.docs-butterbar-link-no-pad:link, .docs-gm .jfk= -butterBar-info a.docs-butterbar-link-no-pad:visited, .docs-gm .jfk-butterB= ar-info a.docs-butterbar-link:link, .docs-gm .jfk-butterBar-info a.docs-but= terbar-link:visited { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action, .docs-gm .jf= k-butterBar-warning .docs-butterbar-dismiss, .docs-gm .jfk-butterBar-warnin= g .docs-butterbar-link, .docs-gm .jfk-butterBar-warning .docs-butterbar-lin= k-no-pad, .docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:link= , .docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:visited, .do= cs-gm .jfk-butterBar-warning a.docs-butterbar-link:link, .docs-gm .jfk-butt= erBar-warning a.docs-butterbar-link:visited { color: var(--gm3-sys-color-on= -primary,#fff); } .docs-gm .jfk-butterBar-error .docs-butterbar-butter-action, .docs-gm .jfk-= butterBar-error .docs-butterbar-dismiss, .docs-gm .jfk-butterBar-error .doc= s-butterbar-link, .docs-gm .jfk-butterBar-error .docs-butterbar-link-no-pad= , .docs-gm .jfk-butterBar-error a.docs-butterbar-link-no-pad:link, .docs-gm= .jfk-butterBar-error a.docs-butterbar-link-no-pad:visited, .docs-gm .jfk-b= utterBar-error a.docs-butterbar-link:link, .docs-gm .jfk-butterBar-error a.= docs-butterbar-link:visited { color: var(--gm3-sys-color-inverse-primary,#a= 8c7fa); } .docs-gm .jfk-butterBar-info .docs-butterbar-butter-action:hover, .docs-gm = .jfk-butterBar-info .docs-butterbar-dismiss:hover, .docs-gm .jfk-butterBar-= info .docs-butterbar-link-no-pad:hover, .docs-gm .jfk-butterBar-info .docs-= butterbar-link:hover { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action:hover, .docs-= gm .jfk-butterBar-warning .docs-butterbar-dismiss:hover, .docs-gm .jfk-butt= erBar-warning .docs-butterbar-link-no-pad:hover, .docs-gm .jfk-butterBar-wa= rning .docs-butterbar-link:hover { color: var(--gm3-sys-color-on-error,#fff= ); } .docs-gm .jfk-butterBar-error .docs-butterbar-butter-action:hover, .docs-gm= .jfk-butterBar-error .docs-butterbar-dismiss:hover, .docs-gm .jfk-butterBa= r-error .docs-butterbar-link-no-pad:hover, .docs-gm .jfk-butterBar-error .d= ocs-butterbar-link:hover { color: var(--gm3-sys-color-inverse-primary,#a8c7= fa); } .docs-gm .button-disabled.docs-butterbar-butter-action, .docs-gm .button-di= sabled.docs-butterbar-butter-action:hover { color: rgba(var(--gm3-sys-color= -inverse-on-surface-rgb,242,242,242),.38); cursor: default; } .docs-grille-gm3 .jfk-butterBar, .docs-grille-gm3 .jfk-butterBar-error, .do= cs-grille-gm3 .jfk-butterBar-info, .docs-grille-gm3 .jfk-butterBar-warning = { background-color: var(--gm3-sys-color-inverse-surface,#303030); color: va= r(--gm3-sys-color-inverse-on-surface,#f2f2f2); font-family: "Google Sans", = Roboto, RobotoDraft, Helvetica, Arial, sans-serif; padding: 2px 8px 2px 16p= x; } .docs-grille-gm3 .docs-butterBar-message-container { margin-right: 80px; } .docs-grille-gm3 .docs-butterBar-message-container:only-child { margin-righ= t: 8px; } .docs-grille-gm3 .jfk-butterBar a { color: var(--gm3-sys-color-inverse-prim= ary,#a8c7fa); font-weight: 500; text-decoration: none; } .docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterb= ar-butter-action, .docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-= wrap .docs-butterbar-dismiss, .docs-grille-gm3.docs-grille-gm3.docs-gm .doc= s-butterbar-wrap .docs-butterbar-link, .docs-grille-gm3.docs-grille-gm3.doc= s-gm .docs-butterbar-wrap .docs-butterbar-link-no-pad { border: 1px solid t= ransparent; border-radius: 9999px; box-sizing: border-box; cursor: pointer;= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; white-spa= ce: nowrap; color: var(--gm3-sys-color-inverse-primary,#a8c7fa); height: au= to; margin-left: 8px; padding: 10px 12px; text-decoration: none; } .docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .button-disab= led.docs-butterbar-butter-action, .docs-grille-gm3.docs-grille-gm3.docs-gm = .docs-butterbar-wrap .button-disabled.docs-butterbar-butter-action:hover { = color: rgba(var(--gm3-sys-color-inverse-on-surface-rgb,242,242,242),.38); c= ursor: default; } .docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterb= ar-link-no-pad { border-radius: 4px; margin: 0px; padding: 0px; } .docs-grille-gm3.docs-gm .docs-butterbar-butter-action:hover, .docs-grille-= gm3.docs-gm .docs-butterbar-dismiss:hover, .docs-grille-gm3.docs-gm .docs-b= utterbar-link-no-pad:hover, .docs-grille-gm3.docs-gm .docs-butterbar-link:h= over { background: rgba(var(--gm3-sys-color-inverse-primary-rgb,168,199,250= ),.08); } .docs-grille-gm3 .docs-butterbar-butter-action:active, .docs-grille-gm3 .do= cs-butterbar-butter-action:focus, .docs-grille-gm3 .docs-butterbar-dismiss:= active, .docs-grille-gm3 .docs-butterbar-dismiss:focus, .docs-grille-gm3 .d= ocs-butterbar-link-no-pad:active, .docs-grille-gm3 .docs-butterbar-link-no-= pad:focus, .docs-grille-gm3 .docs-butterbar-link:active, .docs-grille-gm3 .= docs-butterbar-link:focus { background: rgba(var(--gm3-sys-color-inverse-pr= imary-rgb,168,199,250),.12); } @media (forced-colors: active) { .button-disabled { color: graytext; } } .docs-companion-app-switcher-container { background-color: var(--gm3-sys-co= lor-surface,#fff); border-top: 1px solid var(--gm3-sys-color-outline-varian= t,#c4c7c5); box-sizing: border-box; height: calc(100% - 60px); position: ab= solute; right: 0px; top: 60px; width: 56px; z-index: 1; } .docs-companion-app-switcher-container.docs-companion-app-switcher-containe= r-collapsed { width: 0px; z-index: 1001; } .docs-material.docs-companion-app-switcher-container { height: calc(100% - = 64px); top: 64px; } .docs-material.docs-companion-app-switcher-container.docs-companion-app-swi= tcher-container-collapsed { width: 0px; } .docs-companion-app-switcher-container.docs-app-switcher-container-hidden {= display: none; } #docs-chrome { background: var(--gm3-sys-color-surface,#fff); outline: none= ; } #docs-chrome.docs-hub-chrome { border-bottom: 1px solid var(--gm3-sys-color= -outline-variant,#c4c7c5); min-height: 56px; } #docs-header { position: relative; flex: 1 1 auto; } #docs-header.docs-hub-appbar { height: 49px; } #docs-header.docs-og-minibar { max-height: 31px; } #docs-banner-container, #docs-header-container { display: flex; justify-con= tent: flex-end; } #docs-banners { overflow: hidden; position: relative; flex: 1 1 auto; } #docs-account-level-banner { display: flex; white-space: nowrap; width: 100= %; } #docs-file-level-banner, #docs-full-bleed-notification-banner { display: fl= ex; flex-direction: column; white-space: nowrap; width: 100%; } .docs-full-height-sidebar-placeholder { flex: 0 0 0px; } .docs-sidebar-header-text { font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-weight: 500; left: 20px; position: abs= olute; font-size: 0.875rem; } .docs-sidebar-windows { overflow: hidden; } #docs-bars { position: relative; } #docs-titlebar-container { margin-left: 40px; position: relative; } #docs-branding-container { height: 60px; margin-top: 26px; position: absolu= te; width: 40px; z-index: 1; } #docs-branding-container a { display: inline-block; height: 60px; width: 40= px; } .docs-og-minibar #docs-branding-container { margin-top: 0px; } #docs-titlebar { clear: both; font-size: 18px; height: 24px; padding: 7px 0= px 0px; width: 100%; } .docs-hub-appbar #docs-titlebar { font-size: 1rem; } #docs-header.docs-og-minibar #docs-titlebar { height: 24px; padding-top: 0p= x; } #docs-header.docs-og-minibar #docs-titlebar-container { top: -21px; } #docs-header.docs-hub-appbar #docs-titlebar-container { height: 100%; } #docs-header.docs-og-minibar .docs-titlebar-buttons { top: 19px; } #docs-drive-logo { height: 60px; position: absolute; width: 40px; opacity: = 0; transition: 125ms linear; } #docs-branding-logo { height: 60px; position: absolute; width: 40px; transi= tion: 125ms linear; } #docs-branding-container.docs-branding-default { background-color: var(--gm= 3-sys-color-surface-container-high,#e9eef6); } #docs-branding-container.docs-branding-documents { background-color: rgb(66= , 133, 244); } #docs-branding-container.docs-branding-spreadsheets { background-color: rgb= (15, 157, 88); } #docs-branding-container.docs-branding-presentations { background-color: rg= b(251, 188, 4); } #docs-branding-container.docs-branding-drawings { background-color: rgb(219= , 68, 55); } #docs-branding-container.docs-branding-forms { background-color: rgb(103, 5= 8, 183); } #docs-branding-container.docs-branding-scripts { background-color: rgb(66, = 133, 244); } #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):= hover #docs-drive-logo { opacity: 1; } #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):= hover #docs-branding-logo { opacity: 0; } #docs-branding-container.docs-branding-default:hover #docs-drive-logo { opa= city: 0; } #docs-branding-container.docs-branding-default:hover #docs-branding-logo { = opacity: 1; } #docs-chrome-cover-container { width: 100%; z-index: 990; } #docs-chrome-cover { height: 60px; } .docs-fading-toolbar-message { background-color: var(--gm3-sys-color-surfac= e,#fff); border-top-color: ; border-top-style: ; border-right-color: ; bord= er-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left= -color: ; border-left-style: ; border-image-source: ; border-image-slice: ;= border-image-width: ; border-image-outset: ; border-image-repeat: ; border= -width: 0px 0px 1px; color: var(--gm3-sys-color-on-surface-variant,#444746)= ; font-size: 1.75rem; font-family: Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; position: absolute; text-align: center; } .docs-title-outer { margin-left: 17px; white-space: nowrap; display: flex; = flex-flow: row; align-items: center; } .docs-title-outer.docs-title-inline-rename { margin-left: 12px; } .docs-title { display: inline-block; outline: none; } .docs-title-input { border: 1px solid transparent; color: var(--gm3-sys-col= or-surface,#fff); font-size: 18px; font-variant-ligatures: no-contextual; h= eight: 20px; line-height: 22px; margin: 0px; min-width: 1px; padding: 2px 7= px; visibility: hidden; border-radius: 2px !important; } #docs-header.docs-hub-appbar .docs-title-input { font-size: 1rem; } .docs-title-input-label { font-size: 18px; font-variant-ligatures: no-conte= xtual; line-height: 22px; margin: 0px; overflow: hidden; padding: 2px 8px; = pointer-events: none; position: absolute; text-overflow: ellipsis; top: 0px= ; white-space: pre; z-index: 1; } #docs-header.docs-hub-appbar .docs-title-input-label { font-size: 1rem; } .docs-title-input-label-inner { display: inline; line-height: 22px; } .docs-title-input:hover { border-color: var(--gm3-sys-color-outline-variant= ,#c4c7c5); } .docs-title .docs-title-untitled, .docs-title-input-label.docs-title-untitl= ed { color: var(--gm3-sys-color-on-surface-variant,#444746); font-style: it= alic; } .docs-title-widget { font-family: "Google Sans", Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; height: 27px; width: auto; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); } #docs-header.docs-hub-appbar .docs-title-widget { padding-left: 6px; } .docs-titlebar-badges { align-items: center; display: flex; flex-wrap: nowr= ap; } .docs-hub-appbar .docs-titlebar-badges > :not(.docs-save-indicator-containe= r) { display: none; } .docs-titlebar-badge-container { align-items: center; display: flex; flex-w= rap: nowrap; gap: 4px; } .docs-titlebar-badge .docs-icon { display: block; height: 18px; margin: 3px= ; } @media screen and (forced-colors: active) { .docs-titlebar-badge .docs-icon { border-radius: 9999px; outline: buttonb= order solid 1px; outline-offset: 1px; } } .docs-titlebar-badge-container .goog-control, .docs-titlebar-badge-containe= r .goog-flat-button { outline: none; } .docs-titlebar-badge { align-items: center; border-radius: 4px; color: var(= --gm3-sys-color-on-surface-variant,#444746); cursor: pointer; display: flex= ; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weig= ht: 500; height: 24px; position: relative; z-index: 1; } .docs-gm .docs-titlebar-badge:hover, .docs-titlebar-badge.goog-control-focu= sed, .docs-titlebar-badge.goog-flat-button-focused, .goog-control-focused .= docs-titlebar-badge { background-color: var(--gm3-sys-color-surface-contain= er,#f0f4f9); outline: none; } .docs-gm .docs-titlebar-badge.docs-titlebar-badge-selected, .docs-gm .docs-= titlebar-badge:active { background-color: var(--gm3-sys-color-primary-conta= iner,#d3e3fd); color: var(--gm3-sys-color-primary,#0b57d0); } .docs-titlebar-badge.goog-control-disabled { cursor: default; opacity: 0.38= ; background: none !important; } .docs-titlebar-badges.docs-badges-hidden-with-width { width: 0px; overflow:= hidden; } .docs-parent-collections-container-outer { outline: none; vertical-align: t= op; } .docs-activity-indicator-container { height: 29px; margin-top: 2px; vertica= l-align: top; padding-right: 2px; } .office-editing-file-extension { background-color: var(--gm3-sys-color-prim= ary,#0b57d0); border: 1px solid transparent; border-radius: 4px; box-sizing= : border-box; color: var(--gm3-sys-color-on-primary,#fff); cursor: default;= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-weight: 500; font-size: 0.75rem; height: 20px; line-height: 1.25r= em; margin: 0px 8px 0px 0px; padding: 0px 5px 0px 4px; text-transform: uppe= rcase; -webkit-font-smoothing: antialiased; } .interactive-office-editing-file-extension { cursor: pointer; } .docs-classification-badge { border: 1px solid transparent; border-radius: = 4px; box-sizing: border-box; cursor: pointer; font-family: Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.75rem; he= ight: 20px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 2px 8px= ; } .docs-titlebar-badge-container-hidden { display: none; } .docs-templates-badge-container { vertical-align: middle; } .docs-templates-badge { background-color: var(--ws-sys-color-extended-grey-= fill,#5e5e5e); border-radius: 16px; color: var(--ws-sys-color-extended-on-g= rey-fill,#fff); font-size: 13px; padding: 0px 11px; height: 24px; line-heig= ht: 1.5rem; } .docs-external-badge { background-color: var(--ws-sys-color-extended-yellow= -fill,#fcbd00); border: 1px solid transparent; border-radius: 4px; box-sizi= ng: border-box; color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01);= cursor: pointer; height: 20px; letter-spacing: 0.00625rem; line-height: 2p= x; margin: 4px; padding: 2px; overflow: hidden; } .docs-external-badge .docs-icon { height: 14px; margin: 0px; width: 14px; } #docs-activity-indicator, #docs-dlp, .docs-title-save-label { margin-left: = 4px; outline: none; } .docs-titlebar-badge .docs-icon-img.docs-icon-encryption-shield-blue-20x20 = { color: var(--gm3-sys-color-primary,#0b57d0); } #docs-star.docs-titlebar-badge:active { background-color: var(--gm3-sys-col= or-surface-container-high,#e9eef6); } .docs-native-cse-alpha-indicator { display: inline-flex; } .docs-native-cse-alpha-indicator-icon { margin: auto; } #docs-activity-indicator { padding-left: 4px; padding-top: 2px; } #docs-dlp .docs-icon-img { opacity: 0.45; } #docs-dlp:hover .docs-icon-img { opacity: 0.55; } #docs-dlp, #docs-folder .docs-icon, #docs-star { vertical-align: baseline; = } .docs-debug-info, .docs-debug-info a { color: var(--gm3-sys-color-on-surfac= e-variant,#444746) !important; font-size: 8px; } .docs-debug-container { margin-right: 16px; margin-top: 55px; vertical-alig= n: top; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fon= t-size: 8px; } #docs-header.docs-hub-appbar .docs-debug-container { margin-top: 48px; } .docs-titlebar-buttons { font-family: "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; padding: 0px 44px 0px 0px; position: absolute;= right: 0px; text-align: right; top: 26px; vertical-align: middle; white-sp= ace: nowrap; box-sizing: border-box; } .docs-debug-container.docs-debug-info { display: flex; position: absolute; = right: 0px; top: 0px; } .docs-titlebar-button { z-index: 1; } #docs-docos-commentsbutton { margin-right: 9px; cursor: default; } #docs-titlebar-save { text-align: center; } #docs-docos-commentsbutton, #docs-titlebar-share-client-button div { height= : 24px; padding-bottom: 3px; vertical-align: middle; } #docs-header.docs-hub-appbar #docs-titlebar-share-client-button div { heigh= t: 28px; margin-right: 8px; } #docs-header.docs-hub-appbar #docs-titlebar-share-client-button div.scb-ico= n-button { height: 32px; width: 32px; } #docs-titlebar-share-client-button div.jfk-button { margin-right: 0px; } .docs-titlebar-buttons .goog-menu-button-dropdown { position: relative; top= : 2px; vertical-align: baseline; } .jfk-select.goog-flat-menu-button > .goog-flat-menu-button-dropdown { text-= align: left; } .docs-menubar { cursor: default; display: inline-block; font-size: 0.875rem= ; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 2= 9px; margin-left: 52px; outline: none; position: relative; white-space: now= rap; } .docs-menubar .goog-control { padding: 3px 7px 5px; margin-top: 2px; border= : 1px solid transparent; outline: none; } .docs-menubar .goog-control-hover { background: color-mix(in srgb,var(--gm3= -sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); borde= r-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(-= -gm3-sys-color-surface,#fff)); } .docs-menubar .goog-control-open { background: var(--gm3-sys-color-surface,= #fff); border-top-color: ; border-top-style: ; border-top-width: ; border-r= ight-color: ; border-right-style: ; border-right-width: ; border-left-color= : ; border-left-style: ; border-left-width: ; border-image-source: ; border= -image-slice: ; border-image-width: ; border-image-outset: ; border-image-r= epeat: ; border-bottom-width: medium; border-bottom-style: none; border-bot= tom-color: currentcolor; box-shadow: 0 2px 4px color-mix(in sRGB,var(--gm3-= sys-color-shadow,#000) 20%,transparent); color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); z-index: 1003; } .docs-menubar .goog-control-disabled { color: rgba(var(--gm3-sys-color-on-s= urface-rgb,31,31,31),.38); } #docs-menubars { white-space: nowrap; } #docs-editor-container { padding: 0px; } #docs-editor { outline: none; } #docs-editor.companion-enabled { width: calc(100% - var(--docs_companion_ap= p_switcher_width)); } #blob-notice-button { border-width: medium; border-style: none; border-colo= r: currentcolor; border-image: none; border-radius: 4px; background-color: = var(--gm3-sys-color-error-container,#f9dedc); color: var(--gm3-sys-color-on= -error-container,#8c1d18); cursor: pointer; font-family: "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; margin: 0= px 0px 0px 14px; outline: 0px; padding: 4px 8px; white-space: nowrap; } .docs-hc-gecko#blob-notice-button { border: 1px solid transparent; } .office-editing-permanent-error-unsaved-changes-icon, .office-editing-tempo= rary-error-unsaved-changes-icon { display: none; height: 14px; margin-left:= -2px; margin-right: 2px; top: -1.5px; } .docs-edit-description-dialog, .docs-rename-dialog { width: 340px; } .docs-edit-description-dialog .modal-dialog-userInput, .docs-rename-dialog = .modal-dialog-userInput { width: 300px; } .docs-gm .docs-edit-description-dialog, .docs-gm .docs-rename-dialog { min-= width: 312px; width: unset; } .docs-gm .docs-rename-dialog .modal-dialog-content { font-size: 0.75rem; } .docs-gm .docs-rename-dialog .modal-dialog-userInput { width: 100%; } #docs-help-anchor { left: 30%; position: absolute; } #docs-help-anchor-right { right: 0px; position: absolute; } .docs-offscreen { position: absolute; left: -10000px; top: -10000px; } .docs-offscreen-z-index { position: absolute; left: 0px; top: -1px; z-index= : -2; opacity: 0; height: 1px; width: 1px; overflow: hidden; } .goog-modalpopup-bg, .modal-dialog-bg { z-index: 1002; } .goog-menu, .goog-modalpopup, .modal-dialog { z-index: 1003; } #docs-menu-shield { background-color: var(--gm3-sys-color-surface,#fff); po= sition: absolute; z-index: 1004; } .apps-menu-hide-mnemonics .goog-menuitem-mnemonic-hint { text-decoration: n= one; } .apps-menu-hide-mnemonics .goog-menuitem-mnemonic-separator { display: none= ; } .goog-menu.goog-menu-noaccel .docs-menuheader { color: var(--gm3-sys-color-= on-surface-variant,#444746) !important; padding-left: 12px; } .goog-menu.goog-menu-noaccel .apps-menuitem { padding-right: 10px; } .goog-menu.goog-menu-noicon .goog-menuitem.apps-menuitem { padding-left: 16= px; } .goog-inline-block.docs-icon.goog-menuitem-icon { position: absolute; } .goog-menuitem.apps-menuitem { padding: 6px 10px 6px 30px; white-space: nor= mal; } .apps-menuitem .goog-menuitem-label { padding-right: 6px; } .apps-menuitem .goog-menuitem-accel, .docs-gm .goog-menuitem .goog-menuitem= -accel { float: right; padding: 0px 0px 0px 24px; position: relative; } .goog-submenu .goog-menuitem-content { margin-right: 42px; } .apps-menuitem .goog-submenu-arrow, .docs-gm .goog-menuitem .goog-submenu-a= rrow, .docs-submenuitem .goog-submenu-arrow { margin-right: 4px; } .modal-dialog-content { font-size: 0.875rem; } #docs-hub-close-appbarbutton .hub-close-icon-container, #docs-hub-expand-ap= pbarbutton .hub-expand-icon-container, #docs-hub-open-external-appbarbutton= .hub-open-external-icon-container { height: 20px; outline: 0px; width: 20p= x; margin-top: 2px; } .docs-icon.goog-inline-block.hub-document-icon-container { height: 36px; ma= rgin: -6px -4px -6px -5px; outline: 0px; transform: scale(0.666667); transf= orm-origin: center center; width: 36px; } .docs-grille-gm3 #docs-hub-close-appbarbutton .hub-close-icon-container, .d= ocs-grille-gm3 #docs-hub-expand-appbarbutton .hub-expand-icon-container, .d= ocs-grille-gm3 #docs-hub-open-external-appbarbutton .hub-open-external-icon= -container { height: 24px; left: 0px; top: 0px; width: 24px; } .docs-grille-gm3 #docs-hub-expand-appbarbutton .hub-expand-icon-container {= height: 18px; left: 0px; top: 0px; transform: scale(1.33333); transform-or= igin: center center; width: 18px; } #docs-hub-close-appbarbutton .hub-close-icon-container, #docs-hub-expand-ap= pbarbutton .hub-expand-icon-container, #docs-hub-open-external-appbarbutton= .hub-open-external-icon-container { position: relative; top: 1px; left: 1p= x; } #docs-hub-close-appbarbutton, #docs-hub-expand-appbarbutton, #docs-hub-open= -external-appbarbutton { margin: 0px 0px 0px 2px; width: 32px; height: 32px= ; } .docs-grille-gm3 #docs-hub-close-appbarbutton, .docs-grille-gm3 #docs-hub-e= xpand-appbarbutton, .docs-grille-gm3 #docs-hub-open-external-appbarbutton {= width: 36px; height: 36px; } #docs-hub-close-appbarbutton:focus, #docs-hub-close-appbarbutton:hover, #do= cs-hub-expand-appbarbutton:focus, #docs-hub-expand-appbarbutton:hover, #doc= s-hub-open-external-appbarbutton:focus, #docs-hub-open-external-appbarbutto= n:hover { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,3= 1),.06); } input { font-family: inherit; } .docs-default-badge, .docs-new-badge, .docs-premium-badge { border-radius: = 8px; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-s= ize: 0.75rem; height: 16px; letter-spacing: 0.00625rem; line-height: 1rem; = padding: 0px 6px; } .docs-new-badge, .docs-premium-badge { background-color: var(--gm3-sys-colo= r-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); font-weigh= t: 500; } .docs-default-badge { border: 1px solid var(--gm3-sys-color-outline-variant= ,#c4c7c5); color: var(--gm3-sys-color-on-surface-variant,#444746); font-wei= ght: 400; } .docs-default-badge-subtext { color: var(--gm3-sys-color-on-surface-variant= ,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-size: 0.75rem; font-weight: 400; height: 16px; letter-spacing: 0.00625= rem; line-height: 1rem; padding: 4px 0px 0px; } .goog-menuitem-disabled .docs-default-badge-subtext { color: rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.38) !important; } body { background-color: var(--gm3-sys-color-surface,#fff); color: var(--gm= 3-sys-color-on-surface,#1f1f1f); font-weight: 400; font-size: 13px; font-fa= mily: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 0px; } .companion-about-panel-button.app-switcher-button { bottom: 0px; position: = absolute; } .companion-about-panel-menu-header, .companion-about-panel-menu-text { colo= r: rgb(60, 64, 67); } .companion-about-panel-menu-header { font-size: 18px; font-weight: 500; lin= e-height: 24px; padding: 6px 24px 2px; } .companion-about-panel-menu-separator { border-top: 1px solid rgb(241, 243,= 244); margin: 8px 0px; } .companion-about-panel-menu-item { border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; cursor: pointer; height: = 48px; padding: 0px; } .companion-about-panel-menu-item-highlight { background: rgb(241, 243, 244)= ; font-weight: 600; } .companion-about-panel-menu-item-icon-container { height: 20px; padding: 14= px 16px 14px 24px; position: absolute; width: 20px; } .companion-about-panel-menu-item-disabled .companion-about-panel-menu-item-= icon { fill: rgb(218, 220, 224); } .companion-about-panel-menu-text { font-size: 14px; letter-spacing: 0.2px; = line-height: 20px; padding: 13px 24px 11px 60px; } .companion-about-panel-menu-item-disabled .companion-about-panel-menu-text = { color: rgb(218, 220, 224); cursor: default; } .companion-app-switcher-container { background-color: rgb(255, 255, 255); b= order-left: 1px solid rgb(218, 220, 224); box-sizing: border-box; display: = flex; flex-direction: column; height: 100%; position: relative; width: 56px= ; } .companion-app-switcher-guest-container { display: flex; flex: 1 0 auto; fl= ex-direction: column; margin-bottom: 56px; } .companion-app-switcher-add-on-container { display: flex; flex: 0 1 100%; f= lex-direction: column; overflow: hidden; padding-top: 16px; } .companion-app-switcher-add-on-container::before, .companion-app-switcher-s= eparator { border-top: 1px solid rgb(218, 220, 224); content: ""; display: = block; flex: 1 0 auto; margin: 0px auto; padding-bottom: 16px; width: 20px;= } .companion-app-switcher-separator { margin-top: 16px; } .companion-theme-dark.companion-app-switcher-container, .companion-theme-li= ght.companion-app-switcher-container { background-color: transparent; } .companion-theme-dark .companion-app-switcher-add-on-container::before, .co= mpanion-theme-dark .companion-app-switcher-separator, .companion-theme-dark= .companion-app-switcher-container { border-color: rgba(255, 255, 255, 0.12)= ; } .companion-theme-light .companion-app-switcher-add-on-container::before, .c= ompanion-theme-light .companion-app-switcher-separator, .companion-theme-li= ght.companion-app-switcher-container { border-color: rgba(100, 121, 143, 0.= 12); } .companion-guest-app-switcher { flex-grow: 1; height: 100px; outline: none;= overflow: hidden; } .companion-app-switcher-loading-indicator { padding: 16px 0px; } .companion-app-switcher-loading-indicator-dot { animation: 1s ease-in-out 0= s infinite normal both running dotLoadingAnimation; height: 8px; background= -color: rgb(117, 117, 117); border-radius: 50%; margin: 0px auto 12px; widt= h: 8px; } .companion-theme-dark .companion-app-switcher-loading-indicator-dot { backg= round-color: rgb(255, 255, 255); } .companion-app-switcher-loading-indicator-dot:last-child { margin-bottom: 0= px; } .companion-app-switcher-loading-indicator-dot-1 { animation-delay: -0.5s; } .companion-app-switcher-loading-indicator-dot-2 { animation-delay: -0.25s; = } @keyframes dotLoadingAnimation {=20 0%, 80%, 100% { opacity: 0.5; } 40% { opacity: 1; } } .app-switcher-button { cursor: pointer; height: 56px; outline: none; } .app-switcher-button:focus-visible .app-switcher-button-icon-background { o= utline: rgb(26, 115, 232) solid 2px; outline-offset: 2px; } .app-switcher-button { pointer-events: none; position: relative; transition= : 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 56px; } .app-switcher-button-disabled { cursor: default; opacity: 0.38; } .app-switcher-button-hidden { display: none; } .app-switcher-button-focused .app-switcher-button-icon-background, .app-swi= tcher-button-focused.app-switcher-button-hover .app-switcher-button-icon-ba= ckground, .companion-theme-light .app-switcher-button-hover .app-switcher-b= utton-icon-background, .companion-theme-light .app-switcher-button-open .ap= p-switcher-button-icon-background, .companion-theme-light .app-switcher-but= ton-selected.app-switcher-button-hover .app-switcher-button-icon-background= { background-color: rgb(232, 234, 237); } .app-switcher-button-hover .app-switcher-button-icon-background, .app-switc= her-button-open .app-switcher-button-icon-background, .companion-theme-ligh= t .app-switcher-button-focused .app-switcher-button-icon-background, .compa= nion-theme-light .app-switcher-button-selected .app-switcher-button-icon-ba= ckground { background-color: rgb(241, 243, 244); } .companion-theme-dark .app-switcher-button-focused .app-switcher-button-ico= n-background, .companion-theme-dark .app-switcher-button-selected .app-swit= cher-button-icon-background { background-color: rgba(255, 255, 255, 0.24); = } .companion-theme-dark .app-switcher-button-hover .app-switcher-button-icon-= background, .companion-theme-dark .app-switcher-button-open .app-switcher-b= utton-icon-background, .companion-theme-dark .app-switcher-button-selected.= app-switcher-button-hover .app-switcher-button-icon-background { background= -color: rgba(255, 255, 255, 0.12); } .app-switcher-button-icon-container { background-color: transparent; backgr= ound-repeat: no-repeat; background-position: 50% center; background-size: 2= 0px 20px; border-radius: 50%; display: flex; align-items: center; height: 4= 0px; left: 8px; pointer-events: auto; position: absolute; top: 8px; transit= ion: 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 40px; } .app-switcher-button-icon-background { border-radius: 50%; display: flex; h= eight: 40px; left: 8px; position: absolute; top: 8px; transition: 0.3s cubi= c-bezier(0.4, 0, 0.2, 1); width: 40px; } .app-switcher-button-icon { display: block; fill: rgb(95, 99, 104); margin:= auto; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .companion-theme-dark .app-switcher-button-icon { fill: rgb(255, 255, 255);= } .app-switcher-button-presence .app-switcher-button-icon-background.app-swit= cher-button-icon-background-inner { animation: 3s cubic-bezier(0.05, 0.69, = 0.67, 1) 0s infinite normal none running presence-scale-inner; height: 32px= ; width: 32px; left: 12px; top: 12px; } .app-switcher-button-presence .app-switcher-button-icon-background.app-swit= cher-button-icon-background-outer { animation: 3s cubic-bezier(0.05, 0.69, = 0.67, 1) 0s infinite normal none running presence-scale-outer; background-c= olor: transparent; border-style: solid; border-width: 4px; height: 40px; wi= dth: 40px; left: 4px; top: 4px; } .app-switcher-button-inksplash .app-switcher-button-icon-background.app-swi= tcher-button-icon-background-inner { animation: 2s cubic-bezier(0.05, 0.69,= 0.67, 1) 0s infinite normal none running inksplash-scale-background; } .app-switcher-button-inksplash .app-switcher-button-icon-container { animat= ion: 2s cubic-bezier(0.05, 0.69, 0.67, 1) 0s infinite normal none running i= nksplash-scale-icon; } @keyframes presence-scale-inner {=20 0% { opacity: 0; transform: scale(0.57); visibility: hidden; } 15% { opacity: 0; transform: scale(0.57); visibility: visible; } 35% { opacity: 1; transform: scale(1); } 60% { opacity: 0; transform: scale(0.57); } 100% { opacity: 0; transform: scale(0.57); visibility: hidden; } } @keyframes presence-scale-outer {=20 0% { opacity: 0; transform: scale(0.75); visibility: hidden; } 34% { opacity: 0; transform: scale(0.75); visibility: visible; } 36% { opacity: 0.99; } 65% { opacity: 1; } 90% { transform: scale(1); } 100% { opacity: 0; transform: scale(1); visibility: hidden; } } @keyframes inksplash-scale-background {=20 0% { opacity: 0; transform: scale(0); } 35% { opacity: 0; transform: scale(0.4); } 50% { opacity: 1; } 80% { transform: scale(2.05); } 100% { opacity: 0; transform: scale(0); } } @keyframes inksplash-scale-icon {=20 0% { transform: scale(1); } 20% { transform: scale(1); } 30% { transform: scale(1.1); } 40% { transform: scale(1); } 100% { transform: scale(1); } } .app-switcher-menu { background: rgb(255, 255, 255); border: 1px solid rgba= (0, 0, 0, 0.2); border-radius: 8px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1= px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; min-width: 180px; outli= ne: none; overflow-y: auto; padding: 8px 0px; position: absolute; z-index: = 1202; } .companion-collapser-button-container { bottom: 0px; display: flex; height:= 56px; overflow: hidden; pointer-events: none; position: absolute; right: 0= px; width: 56px; } .companion-collapser-button-container.companion-collapser-button-container-= elevated { margin-bottom: 24px; } .companion-collapser-button { bottom: 0px; } .companion-collapser-button .app-switcher-button-icon-background, .companio= n-collapser-button .app-switcher-button-icon-container { border-radius: 38p= x; } .companion-collapser-button.app-switcher-button-checked .app-switcher-butto= n-icon-background, .companion-theme-light .companion-collapser-button.app-s= witcher-button-checked .app-switcher-button-icon-background { background-co= lor: rgb(255, 255, 255); } .companion-collapser-button.app-switcher-button-checked.app-switcher-button= -hover .app-switcher-button-icon-background, .companion-theme-light .compan= ion-collapser-button.app-switcher-button-checked.app-switcher-button-hover = .app-switcher-button-icon-background { background-color: rgb(241, 243, 244)= ; } .companion-theme-dark .companion-collapser-button.app-switcher-button-check= ed .app-switcher-button-icon-background { background-color: rgb(89, 89, 89)= ; } .companion-collapser-button.app-switcher-button-checked.app-switcher-button= -focused .app-switcher-button-icon-background, .companion-theme-light .comp= anion-collapser-button.app-switcher-button-checked.app-switcher-button-focu= sed .app-switcher-button-icon-background { background-color: rgb(232, 234, = 237); } .companion-collapser-button.app-switcher-button-checked { right: -24px; } .companion-collapser-button.app-switcher-button-checked .app-switcher-butto= n-icon-background, .companion-collapser-button.app-switcher-button-checked = .app-switcher-button-icon-container { border-bottom-right-radius: 0px; bord= er-top-right-radius: 0px; height: 20px; left: 0px; margin: 8px 0px 8px 8px;= padding: 10px 0px 10px 10px; top: 0px; width: 38px; } .companion-collapser-button.app-switcher-button-checked .app-switcher-butto= n-icon-background { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 1px 0px, rgba= (60, 64, 67, 0.15) 0px 1px 3px 1px; } .companion-collapser-button.app-switcher-button-checked.app-switcher-button= -hover { right: 0px; } .companion-collapser-button .app-switcher-button-icon { left: 10px; positio= n: absolute; top: 10px; } body[dir=3D"rtl"] .companion-collapser-button .app-switcher-button-icon, ht= ml[dir=3D"rtl"] .companion-collapser-button .app-switcher-button-icon { tra= nsform: rotate(180deg); } .companion-theme-dark .companion-collapser-button.app-switcher-button-check= ed.app-switcher-button-focused .app-switcher-button-icon-container, .compan= ion-theme-dark .companion-collapser-button.app-switcher-button-checked.app-= switcher-button-hover .app-switcher-button-icon-container { background-colo= r: rgb(65, 65, 65); } .companion-collapser-button.app-switcher-button-checked .app-switcher-butto= n-icon { margin-left: -6px; transform: rotate(180deg); } .companion-collapser-button.app-switcher-button-checked.app-switcher-button= -hover .app-switcher-button-icon { margin-left: 0px; } body[dir=3D"rtl"] .companion-collapser-button.app-switcher-button-checked .= app-switcher-button-icon, html[dir=3D"rtl"] .companion-collapser-button.app= -switcher-button-checked .app-switcher-button-icon { transform: rotate(0deg= ); } .acdd-draggable-shadow { background-color: rgb(255, 255, 255); background-r= epeat: no-repeat; border: transparent; border-radius: 8px; box-sizing: bord= er-box; color: rgb(102, 102, 102); height: 56px; outline: none; padding: 0p= x 10px; pointer-events: none; position: fixed; z-index: 999; } .acdd-draggable-shadow.acdd-draggable-shadow-detail-type { background-posit= ion: 20px center; background-size: 24px 24px; height: 56px; width: 200px; } .acdd-draggable-shadow.acdd-draggable-shadow-image-type { background-positi= on: 50% center; background-size: 100% auto; height: 120px; width: 120px; } .acdd-draggable-shadow.acdd-draggable-shadow-image-type.acdd-draggable-shad= ow-image-captioned { height: 156px; } .acdd-draggable-shadow-text-wrap { box-sizing: border-box; display: table-c= ell; padding-left: 48px; max-width: 200px; vertical-align: middle; } .acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-title { font-size: = 1.1em; } .acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-text { opacity: 0.7= 5; padding-top: 2px; } .acdd-draggable-shadow-image-type .acdd-draggable-shadow-text { background-= color: rgba(32, 33, 36, 0.71); border-radius: 0px 0px 8px 8px; bottom: 0px;= color: rgb(255, 255, 255); height: 36px; left: 0px; padding: 8px 10px; pos= ition: absolute; width: 100%; } .acdd-draggable-shadow .acdd-draggable-shadow-text, .acdd-draggable-shadow = .acdd-draggable-shadow-title { box-sizing: border-box; margin: 0px; overflo= w: hidden; text-overflow: ellipsis; white-space: nowrap; } .acdd-draggable-shadow .acdd-draggable-shadow-count-bubble { background-col= or: rgb(32, 33, 36); border-radius: 20px; box-sizing: border-box; color: rg= b(255, 255, 255); font-size: 16px; height: 40px; max-width: 75%; min-width:= 40px; overflow: hidden; padding: 9px 8px; position: absolute; right: -15px= ; text-align: center; text-overflow: ellipsis; top: -15px; } .acga-topLevelDiv { height: inherit; position: relative; width: 100%; } .acga-content { height: 100%; left: 0px; position: absolute; top: 0px; widt= h: 100%; z-index: 0; } .agca-gab-unread-notifications::after { content: ""; background-color: rgb(= 219, 68, 55); border-radius: 50%; height: 8px; position: absolute; right: 1= 7px; top: 17px; width: 8px; } .companion-guest-app-switcher .app-switcher-button-icon-background-outer { = border-color: rgb(232, 240, 254); } .companion-theme-light .agca-gab-blue .app-switcher-button-icon-background-= outer { border-color: rgba(66, 133, 244, 0.24); } .agca-gab-green .app-switcher-button-icon-background-outer { border-color: = rgb(230, 244, 234); } .companion-theme-light .agca-gab-green .app-switcher-button-icon-background= -outer { border-color: rgba(52, 168, 83, 0.24); } .agca-gab-yellow .app-switcher-button-icon-background-outer { border-color:= rgb(254, 247, 224); } .companion-theme-light .agca-gab-yellow .app-switcher-button-icon-backgroun= d-outer { border-color: rgba(251, 188, 4, 0.24); } .companion-theme-dark .agca-gab-button .app-switcher-button-icon-background= -outer { border-color: rgba(255, 255, 255, 0.24); } .app-switcher-button-selected.agca-gab-blue.app-switcher-button-focused .ap= p-switcher-button-icon-background-inner, .companion-guest-app-switcher .app= -switcher-button-inksplash .app-switcher-button-icon-background-inner, .com= panion-guest-app-switcher .app-switcher-button-presence .app-switcher-butto= n-icon-background-inner, .companion-guest-app-switcher .app-switcher-button= -selected .app-switcher-button-icon-background-inner { background-color: rg= b(232, 240, 254); } .app-switcher-button-selected.agca-gab-blue.app-switcher-button-hover .app-= switcher-button-icon-background-inner { background-color: rgb(210, 227, 252= ); } .companion-theme-light .app-switcher-button-inksplash.agca-gab-blue .app-sw= itcher-button-icon-background-inner, .companion-theme-light .app-switcher-b= utton-presence.agca-gab-blue .app-switcher-button-icon-background-inner, .c= ompanion-theme-light .app-switcher-button-selected.agca-gab-blue .app-switc= her-button-icon-background-inner, .companion-theme-light .app-switcher-butt= on-selected.agca-gab-blue.app-switcher-button-focused .app-switcher-button-= icon-background-inner { background-color: rgba(66, 133, 244, 0.24); } .companion-theme-light .agca-gab-blue.app-switcher-button-focused .app-swit= cher-button-icon-background-inner, .companion-theme-light .agca-gab-blue.ap= p-switcher-button-hover .app-switcher-button-icon-background-inner { backgr= ound-color: rgba(66, 133, 244, 0.12); } .app-switcher-button-inksplash.agca-gab-green .app-switcher-button-icon-bac= kground-inner, .app-switcher-button-presence.agca-gab-green .app-switcher-b= utton-icon-background-inner, .app-switcher-button-selected.agca-gab-green .= app-switcher-button-icon-background-inner, .app-switcher-button-selected.ag= ca-gab-green.app-switcher-button-focused .app-switcher-button-icon-backgrou= nd-inner { background-color: rgb(230, 244, 234); } .app-switcher-button-selected.agca-gab-green.app-switcher-button-hover .app= -switcher-button-icon-background-inner { background-color: rgb(206, 234, 21= 4); } .companion-theme-light .app-switcher-button-inksplash.agca-gab-green .app-s= witcher-button-icon-background-inner, .companion-theme-light .app-switcher-= button-presence.agca-gab-green .app-switcher-button-icon-background-inner, = .companion-theme-light .app-switcher-button-selected.agca-gab-green .app-sw= itcher-button-icon-background-inner, .companion-theme-light .app-switcher-b= utton-selected.agca-gab-green.app-switcher-button-focused .app-switcher-but= ton-icon-background-inner { background-color: rgba(52, 168, 83, 0.24); } .companion-theme-light .agca-gab-green.app-switcher-button-focused .app-swi= tcher-button-icon-background-inner, .companion-theme-light .agca-gab-green.= app-switcher-button-hover .app-switcher-button-icon-background-inner { back= ground-color: rgba(52, 168, 83, 0.12); } .app-switcher-button-inksplash.agca-gab-yellow .app-switcher-button-icon-ba= ckground-inner, .app-switcher-button-presence.agca-gab-yellow .app-switcher= -button-icon-background-inner, .app-switcher-button-selected.agca-gab-yello= w .app-switcher-button-icon-background-inner, .app-switcher-button-selected= .agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-back= ground-inner { background-color: rgb(254, 247, 224); } .app-switcher-button-selected.agca-gab-yellow.app-switcher-button-hover .ap= p-switcher-button-icon-background-inner { background-color: rgb(254, 239, 1= 95); } .companion-theme-light .app-switcher-button-inksplash.agca-gab-yellow .app-= switcher-button-icon-background-inner, .companion-theme-light .app-switcher= -button-presence.agca-gab-yellow .app-switcher-button-icon-background-inner= , .companion-theme-light .app-switcher-button-selected.agca-gab-yellow .app= -switcher-button-icon-background-inner, .companion-theme-light .app-switche= r-button-selected.agca-gab-yellow.app-switcher-button-focused .app-switcher= -button-icon-background-inner { background-color: rgba(251, 188, 4, 0.24); = } .companion-theme-light .agca-gab-yellow.app-switcher-button-focused .app-sw= itcher-button-icon-background-inner, .companion-theme-light .agca-gab-yello= w.app-switcher-button-hover .app-switcher-button-icon-background-inner { ba= ckground-color: rgba(251, 188, 4, 0.12); } .companion-theme-dark .agca-gab-button.app-switcher-button-inksplash .app-s= witcher-button-icon-background-inner, .companion-theme-dark .agca-gab-butto= n.app-switcher-button-presence .app-switcher-button-icon-background-inner, = .companion-theme-dark .agca-gab-button.app-switcher-button-selected .app-sw= itcher-button-icon-background-inner, .companion-theme-dark .agca-gab-button= .app-switcher-button-selected.app-switcher-button-focused .app-switcher-but= ton-icon-background-inner { background-color: rgba(255, 255, 255, 0.24); } .companion-theme-dark .agca-gab-button.app-switcher-button-focused .app-swi= tcher-button-icon-background-inner, .companion-theme-dark .agca-gab-button.= app-switcher-button-hover .app-switcher-button-icon-background-inner { back= ground-color: rgba(255, 255, 255, 0.12); } .agca-gab-icon-selection-indicator { background-color: rgb(215, 4, 251); bo= rder-radius: 3px 0px 0px 3px; display: none; height: 40px; position: absolu= te; right: 1px; top: 8px; width: 3px; } .agca-gab-icon-selection-indicator.left-indicator { border-radius: 0px 3px = 3px 0px; left: 1px; } .agca-gab-button.app-switcher-button-selected .agca-gab-icon-selection-indi= cator { display: inherit; } .agca-gab-blue .agca-gab-icon-selection-indicator { background-color: rgb(6= 6, 133, 244); } .agca-gab-green .agca-gab-icon-selection-indicator { background-color: rgb(= 52, 168, 83); } .agca-gab-yellow .agca-gab-icon-selection-indicator { background-color: rgb= (251, 188, 4); } .companion-theme-dark .companion-overflow-menu-button:not(.app-switcher-but= ton-hover) .app-switcher-button-icon-background { opacity: 0.7; } .companion-shell-header { align-items: center; background-color: rgb(255, 2= 55, 255); border-bottom: 1px solid rgb(241, 243, 244); box-sizing: border-b= ox; display: flex; flex-direction: row; -webkit-font-smoothing: antialiased= ; height: 64px; padding: 0px 10px; position: relative; z-index: 1; } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-header, :not(.companion-shell).companion-theme-dark .compa= nion-shell-header { background-color: rgb(19, 19, 20); border-bottom: 1px s= olid rgb(68, 71, 70); } .companion-shell-header-element { margin-left: 10px; margin-right: 10px; } .companion-shell-title-container { display: flex; flex-direction: column; f= lex-grow: 1; justify-content: center; width: 1px; } .companion-shell-title-element { margin: 0px; } .companion-shell-subtitle-text, .companion-shell-subtitle-text .goog-menu-b= utton-caption, .companion-shell-title-text { overflow: hidden; text-overflo= w: ellipsis; white-space: nowrap; } .companion-shell-subtitle-text, .companion-shell-title-text { outline: none= ; } .companion-shell-title-text.companion-shell-title-big { font-size: 22px; } .companion-shell-header-light-background .companion-shell-title-big { color= : rgba(0, 0, 0, 0.54); } .companion-shell-header-dark-background .companion-shell-title-big { color:= rgb(255, 255, 255); } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-title-big, :not(.companion-shell).companion-theme-dark .co= mpanion-shell-title-big { color: rgb(227, 227, 227); } .companion-shell-title-text.companion-shell-title-small { color: rgb(95, 99= , 104); font-size: 10px; font-weight: 500; letter-spacing: 1.5px; text-tran= sform: uppercase; } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-title-small, :not(.companion-shell).companion-theme-dark .= companion-shell-title-small { color: rgb(154, 160, 166); } .companion-shell-title-text.companion-shell-title-small.companion-shell-sub= view { left: 56px; } .companion-shell-dropdown-container { font-size: 0px; } .companion-shell-subtitle-text { color: rgb(60, 64, 67); font-size: 16px; f= ont-weight: 500; line-height: 20px; } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-subtitle-text, :not(.companion-shell).companion-theme-dark= .companion-shell-subtitle-text { color: rgb(232, 234, 237); } .companion-shell-subtitle-text.goog-menu-button-open { background-color: rg= b(241, 243, 244); } .companion-shell-subtitle-button { padding: 0px 2px 0px 4px; } .companion-shell-subtitle-button .companion-shell-subtitle-text, .companion= -shell-subtitle-text .goog-menu-button-caption { padding: 0px; } .companion-shell-subtitle-call-out { color: rgb(26, 115, 232); } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-subtitle-call-out, :not(.companion-shell).companion-theme-= dark .companion-shell-subtitle-call-out { color: rgb(138, 180, 248); } .companion-shell-dropdown-button { background: none; border-radius: 3px; bo= rder-width: 0px; box-sizing: border-box; cursor: pointer; display: inline-b= lock; margin-left: -4px; max-width: 100%; outline: none; padding: 0px 2px 0= px 4px; } .companion-shell-dropdown-button.companion-shell-dropdown-button-hover { ba= ckground-color: rgb(241, 243, 244); } .companion-shell-dropdown-button.companion-shell-dropdown-button-focused, .= companion-shell-dropdown-button.companion-shell-dropdown-button-open { back= ground-color: rgb(232, 234, 237); } .companion-shell-dropdown-button.companion-shell-dropdown-button-disabled {= opacity: 0.38; } .companion-shell-dropdown-button .companion-shell-dropdown-button-outer-box= { display: flex; justify-content: flex-start; } .companion-shell-dropdown-button .companion-shell-dropdown-button-inner-box= { display: block; flex-shrink: 1; overflow: hidden; text-overflow: ellipsi= s; white-space: nowrap; } .companion-shell-dropdown-button-outer-box::after { content: ""; display: b= lock; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3= d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzVmNjM2O= CIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtNyAxMCA1IDUgNS01eiIvPjxwYXRoIGZp= bGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=3D") 50% center no-repeat; = flex-shrink: 0; height: 20px; margin: 0px 0px 0px 4px; padding: 0px; width:= 20px; } .companion-shell-header-buttons { display: flex; height: 24px; justify-cont= ent: flex-end; position: absolute; right: 8px; top: 18px; } .companion-shell-header-button { background: 50% center / 20px 20px no-repe= at; cursor: pointer; height: 24px; width: 24px; } .companion-shell-header-light-background .companion-shell-header-svg-icon {= fill: rgb(0, 0, 0); opacity: 0.54; } .companion-shell-header-dark-background .companion-shell-header-svg-icon { = fill: rgb(255, 255, 255); } .companion-shell.companion-theme-dark .companion-guest-supports-dark-theme = .companion-shell-header-svg-icon, :not(.companion-shell).companion-theme-da= rk .companion-shell-header-svg-icon { fill: rgb(154, 160, 166); } body[dir=3D"rtl"] .companion-shell-back-button, body[dir=3D"rtl"] .companio= n-shell-escape-hatch-button, html[dir=3D"rtl"] .companion-shell-back-button= , html[dir=3D"rtl"] .companion-shell-escape-hatch-button { transform: scale= X(-1); } .companion-shell-header-button.companion-shell-title-element { margin: 0px;= } .companion-shell-header-button:hover { opacity: 0.87; } .companion-shell-header-button[aria-disabled=3D"true"], .companion-shell-su= btitle-button[aria-disabled=3D"true"] { cursor: not-allowed; opacity: 0.38;= } .companion-shell-back-button { margin-right: 2px; } .goog-menu.companion-shell-drop-down-menu { background: rgb(255, 255, 255);= border-width: 0px; border-radius: 0px 0px 8px 8px; box-shadow: rgba(0, 0, = 0, 0.12) 0px -3px 6px -3px, rgba(0, 0, 0, 0.14) 0px 4px 8px -2px; box-sizin= g: border-box; max-height: 400px; overflow: hidden auto; padding-bottom: 8p= x; position: absolute; width: 100%; z-index: 999; } .goog-menuitem.companion-shell-drop-down-entry { border-width: medium; bord= er-style: none; border-color: currentcolor; border-image: none; height: 40p= x; padding: 0px; width: 300px; } .goog-menuitem-highlight.companion-shell-drop-down-entry { background: rgb(= 241, 243, 244); } .goog-menu.companion-shell-drop-down-menu .goog-menuseparator { border-top:= 1px solid rgba(32, 33, 36, 0.06); margin: 8px 0px; padding: 0px; } .companion-shell-drop-down-check { display: none; height: 20px; padding: 10= px 16px; position: absolute; right: 0px; width: 20px; } .goog-option-selected .companion-shell-drop-down-check { display: block; } .companion-shell-drop-down-entry.goog-option-selected { background-image: n= one; } .companion-shell-drop-down-entry .goog-menuitem-checkbox, .companion-shell-= drop-down-entry.goog-option-selected .goog-menuitem-checkbox { display: non= e; } .companion-shell-drop-down-entry-text { box-sizing: border-box; font-size: = 14px; color: rgb(32, 33, 36); padding: 10px 20px; letter-spacing: 0.2px; li= ne-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: no= wrap; width: 300px; } .goog-option-selected .companion-shell-drop-down-entry-text { padding-right= : 60px; } .companion-shell-content-component { background-color: rgb(255, 255, 255); = box-sizing: border-box; height: 100%; left: 0px; padding-top: 64px; positio= n: absolute; top: 0px; width: 100%; } .companion-theme-dark .companion-guest-supports-dark-theme { background-col= or: rgb(19, 19, 20); } .companion-theme-dark .companion-guest-supports-dark-theme .companion-shell= -content-component { background-color: rgb(19, 19, 20); color: rgb(232, 234= , 237); } .companion-header-in-iframe .companion-shell-guest { padding-top: 0px; } .companion-shell-loading { overflow: hidden; position: absolute; text-align= : center; } .companion-shell-offline, .companion-shell-permanent-failure, .companion-sh= ell-timed-out, .companion-shell-unavailable { align-items: center; display:= flex; flex-direction: column; justify-content: center; text-align: center;= } .companion-shell-offline-description, .companion-shell-offline-title, .comp= anion-shell-unavailable-description, .companion-shell-unavailable-title { c= olor: rgb(95, 99, 104); margin: 0px 70px; } .companion-theme-dark .companion-guest-supports-dark-theme .companion-shell= -offline-description, .companion-theme-dark .companion-guest-supports-dark-= theme .companion-shell-offline-title, .companion-theme-dark .companion-gues= t-supports-dark-theme .companion-shell-unavailable-description, .companion-= theme-dark .companion-guest-supports-dark-theme .companion-shell-unavailabl= e-title { color: rgb(158, 158, 158); } .companion-shell-offline-description, .companion-shell-unavailable-descript= ion { font-size: 12px; line-height: 16px; } .companion-shell-offline-title, .companion-shell-unavailable-title { font-s= ize: 16px; font-weight: 500; margin-bottom: 2px; margin-top: 34px; } .companion-shell-permanent-failure-message, .companion-shell-timed-out-mess= age { margin: 10px; max-width: calc(100% - 20px); } .companion-shell-open-in-new-tab, .companion-shell-timed-out-retry { color:= rgb(26, 115, 232); cursor: pointer; } .companion-theme-dark .companion-guest-supports-dark-theme .companion-shell= -open-in-new-tab .companion-shell-timed-out-retry { color: rgb(138, 180, 24= 8); } .companion-shell-timed-out-file-bug { margin-top: 40px; } .companion-shell-iframe { border: 0px; height: 100%; width: 100%; } .companion-shell-search-container { align-items: center; background-color: = rgb(255, 255, 255); box-sizing: border-box; display: flex; flex-direction: = row; height: 100%; left: 0px; padding: 0px 10px; position: absolute; top: 0= px; width: 100%; } .companion-shell-search-close, .companion-shell-search-icon { margin-left: = 10px; margin-right: 10px; } .companion-shell-search-input { background-color: transparent; border-width= : medium; border-style: none; border-color: currentcolor; border-image: non= e; color: rgb(95, 99, 104); flex-grow: 1; font-size: 16px; line-height: 24p= x; outline: none; width: 100px; } .companion-shell-search-input::placeholder { color: rgb(189, 193, 198); } .companion-shell-search-input::-webkit-input-placeholder { color: rgb(189, = 193, 198); } .companion-app-switcher-container .jfk-bubble { padding: 16px; border-radiu= s: 8px; border-color: rgb(232, 234, 237); border-width: 1px; box-shadow: rg= ba(60, 64, 67, 0.3) 0px 2px 6px; } .companion-app-switcher-container .jfk-bubble-arrowright .jfk-bubble-arrowi= mplbefore { border-left-color: rgb(232, 234, 237); border-right-color: rgb(= 232, 234, 237); } .app-switcher-notification-bubble { display: flex; flex-direction: column; = } .app-switcher-notification-bubble .app-switcher-notification-bubble-header = { display: flex; flex-direction: row; height: 32px; width: 200px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-image-c= ontainer { width: 32px; border-radius: 50%; } .app-switcher-notification-bubble .app-switcher-notification-bubble-image-c= ontainer .app-switcher-notification-bubble-image { width: 32px; height: 32p= x; border-radius: 50%; margin-right: 8px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-text { = height: 31.5px; display: flex; flex-direction: column; overflow: hidden; te= xt-overflow: ellipsis; white-space: nowrap; margin-left: 8px; margin-bottom= : 8px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-text:fo= cus { outline: none; } .app-switcher-notification-bubble .app-switcher-notification-bubble-title-t= ext { height: 14px; font-family: Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; font-size: 12px; color: rgb(95, 99, 104); } .app-switcher-notification-bubble .app-switcher-notification-bubble-body-te= xt { font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-s= ize: 14px; font-weight: 500; color: rgb(60, 64, 67); overflow: hidden; text= -overflow: ellipsis; white-space: nowrap; } .app-switcher-notification-bubble .app-switcher-notification-bubble-footer = { margin-top: 9px; height: 32px; display: flex; flex-direction: row; } .app-switcher-notification-bubble .app-switcher-notification-bubble-footer = .jfk-button { text-align: center; font-weight: 500; font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; padding-left: 8px; = padding-right: 16px; margin: 0px; height: 30px; line-height: 30px; color: r= gb(255, 255, 255); max-width: 300px; font-size: 14px; border-radius: 15px; = align-items: center; overflow: hidden; text-overflow: ellipsis; white-space= : nowrap; } .app-switcher-notification-bubble .app-switcher-notification-bubble-footer = .app-switcher-notification-bubble-button-icon { width: 16px; height: 16px; = padding-right: 8px; padding-top: 6px; padding-bottom: 7px; vertical-align: = middle; } .app-switcher-notification-bubble .app-switcher-notification-bubble-footer = .app-switcher-notification-bubble-spacer { width: 8px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-call-to= -action-button { background-color: rgb(24, 128, 56); } .app-switcher-notification-bubble .app-switcher-notification-bubble-call-to= -action-button.jfk-button-hover { background-color: rgb(42, 137, 71); box-s= hadow: rgba(24, 128, 56, 0.15) 0px 1px 3px 1px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-call-to= -action-button.jfk-button-focused { background-color: rgb(79, 158, 103); bo= x-shadow: rgba(24, 128, 56, 0.15) 0px 1px 3px 1px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-call-to= -action-button.jfk-button-focused.jfk-button-hover { background-color: rgb(= 98, 168, 119); box-shadow: rgba(24, 128, 56, 0.15) 0px 1px 3px 1px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss= -button { background-color: rgb(217, 48, 37); } .app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss= -button.jfk-button-hover { background-color: rgb(211, 68, 59); box-shadow: = rgba(217, 48, 37, 0.15) 0px 1px 3px 1px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss= -button.jfk-button-focused { background-color: rgb(224, 108, 100); box-shad= ow: rgba(217, 48, 37, 0.15) 0px 1px 3px 1px; } .app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss= -button.jfk-button-focused.jfk-button-hover { background-color: rgb(232, 13= 8, 132); box-shadow: rgba(217, 48, 37, 0.15) 0px 1px 3px 1px; } .companion-overflow-menu-item { align-items: center; cursor: pointer; displ= ay: flex; padding: 8px; } .companion-overflow-menu-item-highlight { background-color: rgb(241, 243, 2= 44); } .companion-overflow-menu-item-icon { background: 50% center / 20px 20px no-= repeat transparent; border-radius: 50%; height: 40px; width: 40px; } .companion-overflow-menu-item-content { padding: 0px 6px; white-space: nowr= ap; } .companion-overflow-menu-item-disabled { cursor: default; opacity: 0.38; } .companion-server-render .acga-content { animation: 333ms ease 0s 1 normal = both paused companion-server-render-guest-content-fadeout; } .companion-server-render .companion-shell-splash-screen-ink-splash-color { = display: none; } .companion-server-render .companion-shell-splash-screen-app-logo { animatio= n: auto ease 0s 1 normal none running none; } .companion-server-render .companion-shell-splash-screen-beachball { display= : none; } @keyframes companion-server-render-guest-content-fadeout {=20 0% { opacity: 0.38; } 100% { opacity: 0; } } :root { --companion-shell-width: 300px; } .companion-shell { background-color: rgb(255, 255, 255); box-sizing: border= -box; height: 100%; width: var(--companion-shell-width,300px); } .companion-shell:not(.companion-server-render) { display: flex; flex-direct= ion: column; } .companion-shell-addon-content-container, .companion-shell-guest-content-co= ntainer, .companion-shell-native-content-container { height: 100%; } .companion-shell.companion-shell-overlay-content { border: 0px; box-shadow:= rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px,= rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; opacity: 1; } .companion-shell-app-switcher { bottom: 0px; left: 0px; position: absolute;= } .companion-shell-guest-container { display: flex; flex-direction: column; h= eight: 100%; } .companion-drive-onepick-bg { background-color: rgb(0, 0, 0); left: 0px; op= acity: 0.32; position: absolute; top: 0px; z-index: 1003; } .companion-drive-onepick { background: padding-box rgb(255, 255, 255); bord= er-radius: 28px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; border: 1px s= olid rgba(0, 0, 0, 0.333); outline: 0px; position: absolute; padding: 30px = 42px; z-index: 1004; } .companion-drive-onepick .picker-close-button, .companion-drive-onepick-but= tons { display: none; } .companion-drive-onepick-content { background-color: rgb(255, 255, 255); } .companion-drive-onepick .picker-api-container, .companion-drive-onepick .p= icker-iframe-container { height: 100%; width: 100%; position: relative; } .companion-shell-splash-screen-container { height: 680px; margin-left: 50%;= position: relative; top: calc(50% - 404px); transform: translateX(-50%); w= idth: 680px; } body[dir=3D"rtl"] .companion-shell-splash-screen-container, html[dir=3D"rtl= "] .companion-shell-splash-screen-container { transform: translateX(50%); } .companion-shell-splash-screen-ink-splash-color { animation: 1s cubic-bezie= r(0.08, 0.8, 0.67, 1) 0.4s 1 normal both running ink-splash-opacity, 1s cub= ic-bezier(0.05, 0.69, 0.67, 1) 0.4s 1 normal both running ink-splash-scale;= border-radius: 50%; height: 100%; width: 100%; } @keyframes ink-splash-opacity {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes ink-splash-scale {=20 0% { transform: scale(0); } 100% { transform: scale(1); } } .companion-shell-splash-screen-app-logo { animation: 0.33s cubic-bezier(0.0= 5, 0.62, 0.51, 1.26) 333ms 1 normal backwards running app-logo-scale, 0.17s= cubic-bezier(0.29, 0, 0.73, 1) 667ms 1 normal forwards running app-logo-sc= ale-bounce; background-position: 50% center; background-repeat: no-repeat; = background-size: 128px 128px; inset: 0px; height: 128px; margin: auto; posi= tion: absolute; width: 128px; } @keyframes app-logo-scale {=20 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes app-logo-scale-bounce {=20 0%, 100% { transform: scale(1); } 20% { transform: scale(0.95); } } .companion-shell-splash-screen-beachball { animation: 0.33s linear 1s 1 nor= mal both running beachball-opacity; inset: 190px 0px 0px; height: 20px; mar= gin: auto; position: absolute; width: 20px; } @keyframes beachball-opacity {=20 0% { opacity: 0; } 100% { opacity: 1; } } .companion-shell-splash-screen-app-logo-dark-theme, .companion-shell-splash= -screen-ink-splash-color-dark-theme, .companion-theme-dark .companion-shell= -splash-screen-app-logo-light-theme, .companion-theme-dark .companion-shell= -splash-screen-ink-splash-color-light-theme { display: none; } .companion-theme-dark .companion-shell-splash-screen-app-logo-dark-theme, .= companion-theme-dark .companion-shell-splash-screen-ink-splash-color-dark-t= heme { display: block; } @media (prefers-reduced-motion: reduce) { .companion-shell-splash-screen-ink-splash-color { display: none; } .companion-shell-splash-screen-app-logo, .companion-shell-splash-screen-b= eachball { animation: auto ease 0s 1 normal none running none; } } .companion-tooltip { background-color: rgba(60, 64, 67, 0.9); border-radius= : 4px; color: rgb(255, 255, 255); font-family: Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 12px; font-weight: 500; -webkit-font-smoo= thing: antialiased; letter-spacing: 0.3px; line-height: 16px; padding: 4px = 8px; white-space: nowrap; z-index: 9999; } .docs-companion-sidebar { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, = rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px; = height: 100%; outline: none; overflow: hidden; position: absolute; right: 0= px; top: 0px; width: 300px; z-index: 901; } .docs-companion-sidebar.lhs-companion { --companion-shell-width: 318px; bor= der: solid 1px var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius:= 16px; box-shadow: none; margin: 6px 16px 16px; width: 318px; z-index: 899;= } .docs-companion-sidebar.lhs-companion.waffle-sidebar { margin-bottom: 53px;= } .jfk-activityIndicator { display: inline-block; position: relative; directi= on: ltr; } .jfk-activityIndicator, .jfk-activityIndicator-circle, .jfk-activityIndicat= or-circle-transition, .jfk-activityIndicator-icon { height: 19px; width: 19= px; } .jfk-activityIndicator-small .jfk-activityIndicator-circle, .jfk-activityIn= dicator-small .jfk-activityIndicator-circle-transition, .jfk-activityIndica= tor-small .jfk-activityIndicator-icon, .jfk-activityIndicator-small.jfk-act= ivityIndicator { height: 16px; width: 16px; } .jfk-activityIndicator-small .jfk-activityIndicator-icon { background: url(= "https://ssl.gstatic.com/ui/v1/activityindicator/offline_16.png") 50% cente= r no-repeat; } .jfk-activityIndicator-icon { background: url("https://ssl.gstatic.com/ui/v= 1/activityindicator/offline.png") 50% center no-repeat; transition: opacity= 0.218s linear 0.44s; top: 0px; left: 0px; position: absolute; opacity: 0; = } .jfk-activityIndicator-circle { border-radius: 50%; top: 0px; left: 0px; po= sition: absolute; } .jfk-activityIndicator-mask { overflow: hidden; position: absolute; } .jfk-activityIndicator-circle-transition { position: relative; } .jfk-activityIndicator-transition { transition: 0.22s ease-in; } .jfk-activityIndicator-transition-second { transition: 0.22s ease-out 0.22s= ; } .jfk-bubble { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; background-color:= rgb(255, 255, 255); border-width: 1px; border-style: solid; border-image: = none; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(168, 168, 168= ); padding: 16px; position: absolute; } .jfk-bubble.jfk-bubble.jfk-bubble { z-index: 1201; } .jfk-bubble-closebtn { background: url("//ssl.gstatic.com/ui/v1/icons/commo= n/x_8px.png") no-repeat; border: 1px solid transparent; height: 21px; opaci= ty: 0.4; outline: 0px; position: absolute; right: 2px; top: 2px; width: 21p= x; } .jfk-bubble-closebtn:focus { border: 1px solid rgb(77, 144, 254); opacity: = 0.8; } .jfk-bubble-arrow { position: absolute; } .jfk-bubble-arrow .jfk-bubble-arrowimplafter, .jfk-bubble-arrow .jfk-bubble= -arrowimplbefore { display: block; height: 0px; position: absolute; width: = 0px; } .jfk-bubble-arrow .jfk-bubble-arrowimplbefore { border: 9px solid; } .jfk-bubble-arrow .jfk-bubble-arrowimplafter { border: 8px solid; } .jfk-bubble-arrowdown { bottom: 0px; } .jfk-bubble-arrowup { top: -9px; } .jfk-bubble-arrowleft { left: -9px; } .jfk-bubble-arrowright { right: 0px; } .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore, .jfk-bubble-arrowup .jfk= -bubble-arrowimplbefore { border-color: rgb(187, 187, 187) transparent; lef= t: -9px; } .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore { border-color: rgb(168, = 168, 168) transparent; border-bottom-width: 0px; } .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter, .jfk-bubble-arrowup .jfk-= bubble-arrowimplafter { border-color: rgb(255, 255, 255) transparent; left:= -8px; } .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter { border-bottom-width: 0px= ; } .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore { border-top-width: 0px; } .jfk-bubble-arrowup .jfk-bubble-arrowimplafter { border-top-width: 0px; top= : 1px; } .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore, .jfk-bubble-arrowright .= jfk-bubble-arrowimplbefore { border-color: transparent rgb(187, 187, 187); = top: -9px; } .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter, .jfk-bubble-arrowright .j= fk-bubble-arrowimplafter { border-color: transparent rgb(255, 255, 255); to= p: -8px; } .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore { border-left-width: 0px;= } .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter { border-left-width: 0px; = left: 1px; } .jfk-bubble-arrowright .jfk-bubble-arrowimplafter, .jfk-bubble-arrowright .= jfk-bubble-arrowimplbefore { border-right-width: 0px; } .jfk-bubble.jfk-bubble-promo { background-color: rgb(249, 237, 190); border= : 1px solid rgb(240, 195, 109); } .jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore, .jfk-b= ubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore { border-color:= rgb(240, 195, 109) transparent; } .jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter, .jfk-bu= bble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter { border-color: r= gb(249, 237, 190) transparent; } .jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore, .jfk-b= ubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore { border-col= or: transparent rgb(240, 195, 109); } .jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter, .jfk-bu= bble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter { border-color= : transparent rgb(249, 237, 190); } .jfk-button { border-radius: 2px; cursor: default; font-size: 11px; font-we= ight: 700; text-align: center; white-space: nowrap; margin-right: 16px; hei= ght: 27px; line-height: 27px; min-width: 54px; outline: 0px; padding: 0px 8= px; } .jfk-button-hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; } .jfk-button-selected { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; } .jfk-button .jfk-button-img { margin-top: -3px; vertical-align: middle; } .jfk-button-label { margin-left: 5px; } .jfk-button-narrow { min-width: 34px; padding: 0px; } .jfk-button-collapse-left, .jfk-button-collapse-right { z-index: 1; } .jfk-button-collapse-left.jfk-button-disabled { z-index: 0; } .jfk-button-checked.jfk-button-collapse-left, .jfk-button-checked.jfk-butto= n-collapse-right { z-index: 2; } .jfk-button-collapse-left:focus, .jfk-button-collapse-right:focus, .jfk-but= ton-hover.jfk-button-collapse-left, .jfk-button-hover.jfk-button-collapse-r= ight { z-index: 3; } .jfk-button-collapse-left { margin-left: -1px; border-bottom-left-radius: 0= px; border-top-left-radius: 0px; } .jfk-button-collapse-right { margin-right: 0px; border-top-right-radius: 0p= x; border-bottom-right-radius: 0px; } .jfk-button.jfk-button-disabled:active { box-shadow: none; } .jfk-button-standard { box-shadow: none; background-color: var(--gm3-sys-co= lor-surface-container,#f0f4f9); color: rgb(68, 68, 68); border: 1px solid r= gba(0, 0, 0, 0.1); } .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover, .jfk-button= -standard.jfk-button-hover { box-shadow: none; background-color: rgb(248, 2= 48, 248); border: 1px solid rgb(198, 198, 198); color: rgb(51, 51, 51); } .jfk-button-standard.jfk-button-hover:active, .jfk-button-standard:active {= box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; background: rgb(248, 248= , 248); color: rgb(51, 51, 51); } .jfk-button-standard.jfk-button-clear-outline.jfk-button-selected, .jfk-but= ton-standard.jfk-button-selected { background-color: rgb(238, 238, 238); bo= rder: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .jfk-button-standard.jfk-button-checked, .jfk-button-standard.jfk-button-cl= ear-outline.jfk-button-checked { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px= inset; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 20= 4, 204); color: rgb(51, 51, 51); } .jfk-button-standard:focus { border: 1px solid rgb(77, 144, 254); outline: = none; } .jfk-button-standard.jfk-button-clear-outline { border: 1px solid rgba(0, 0= , 0, 0.1); outline: none; } .jfk-button-standard.jfk-button-disabled { background: rgb(255, 255, 255); = border: 1px solid rgba(0, 0, 0, 0.05); color: rgb(184, 184, 184); } .jfk-button-standard .jfk-button-img { opacity: 0.7; } .jfk-button-standard.jfk-button-checked .jfk-button-img, .jfk-button-standa= rd.jfk-button-hover .jfk-button-img, .jfk-button-standard.jfk-button-select= ed .jfk-button-img { opacity: 0.9; } .jfk-button-standard.jfk-button-disabled .jfk-button-img { opacity: 0.333; = } .jfk-button-action { box-shadow: none; background-color: rgb(77, 144, 254);= border: 1px solid rgb(48, 121, 237); color: rgb(255, 255, 255); } .jfk-button-action.jfk-button-hover { box-shadow: none; background-color: r= gb(53, 122, 232); background-image: linear-gradient(rgb(77, 144, 254), rgb(= 53, 122, 232)); border: 1px solid rgb(47, 91, 183); } .jfk-button-action:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px i= nset; border: 1px solid transparent; outline: transparent 0px; } .jfk-button-action.jfk-button-clear-outline { box-shadow: none; outline: no= ne; } .jfk-button-action:active { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inse= t; background: rgb(53, 122, 232); border: 1px solid rgb(47, 91, 183); } .jfk-button-action.jfk-button-disabled { background: rgb(77, 144, 254); opa= city: 0.5; } .jfk-checkbox { border-radius: 1px; background-color: rgba(255, 255, 255, 0= .05); border: 1px solid rgba(156, 156, 156, 0.57); font-size: 1px; height: = 11px; margin: 0px 4px 0px 1px; outline: 0px; vertical-align: text-bottom; w= idth: 11px; } .jfk-checkbox-checked, .jfk-checkbox-undetermined { background-color: rgba(= 255, 255, 255, 0.65); } .jfk-checkbox-hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px inset; bor= der: 1px solid rgb(178, 178, 178); } .jfk-checkbox-active { background-color: rgb(235, 235, 235); } .jfk-checkbox-focused { border: 1px solid rgb(77, 144, 254); } .jfk-checkbox-clearOutline.jfk-checkbox-focused { border: 1px solid rgba(15= 6, 156, 156, 0.57); } .jfk-checkbox-clearOutline.jfk-checkbox-disabled, .jfk-checkbox-disabled { = background-color: rgb(255, 255, 255); border: 1px solid rgb(241, 241, 241);= cursor: default; } .jfk-checkbox-checkmark { height: 15px; outline: 0px; width: 15px; left: 0p= x; position: relative; top: -3px; } .jfk-checkbox-undetermined .jfk-checkbox-checkmark { background: image-set(= url("https://ssl.gstatic.com/ui/v1/menu/checkmark-partial.png") 1x, url("ht= tps://ssl.gstatic.com/ui/v1/menu/checkmark-partial_2x.png") 2x) -5px -3px n= o-repeat; } .jfk-checkbox-checked .jfk-checkbox-checkmark { background: image-set(url("= https://ssl.gstatic.com/ui/v1/menu/checkmark.png") 1x, url("https://ssl.gst= atic.com/ui/v1/menu/checkmark_2x.png") 2x) -5px -3px no-repeat; } .goog-modalpopup, .modal-dialog { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16= px; background: padding-box rgb(255, 255, 255); border: 1px solid rgba(0, 0= , 0, 0.333); outline: 0px; position: absolute; } .goog-modalpopup-bg, .modal-dialog-bg { background: rgb(255, 255, 255); lef= t: 0px; position: absolute; top: 0px; } div.goog-modalpopup-bg, div.modal-dialog-bg { opacity: 0.75; } .modal-dialog { color: rgb(0, 0, 0); padding: 30px 42px; } .modal-dialog-title { background-color: rgb(255, 255, 255); color: rgb(0, 0= , 0); cursor: default; font-size: 16px; font-weight: 400; line-height: 24px= ; margin: 0px 0px 16px; } .modal-dialog-title-close { height: 11px; opacity: 0.7; padding: 17px; posi= tion: absolute; right: 0px; top: 0px; width: 11px; } .modal-dialog-title-close::after { content: ""; background: url("https://ss= l.gstatic.com/ui/v1/dialog/close-x.png"); position: absolute; height: 11px;= width: 11px; right: 17px; } .modal-dialog-title-close:hover { opacity: 1; } .modal-dialog-content { background-color: rgb(255, 255, 255); line-height: = 1.4em; overflow-wrap: break-word; } .modal-dialog-buttons { margin-top: 16px; } .modal-dialog-buttons button { border-radius: 2px; background-color: var(--= gm3-sys-color-surface-container,#f0f4f9); border: 1px solid rgba(0, 0, 0, 0= .1); color: rgb(68, 68, 68); cursor: default; font-family: inherit; font-si= ze: 11px; font-weight: 700; height: 29px; line-height: 27px; margin: 0px 16= px 0px 0px; min-width: 72px; outline: 0px; padding: 0px 8px; } .modal-dialog-buttons button:active, .modal-dialog-buttons button:hover { b= ox-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; background-color: rgb(248, 248, = 248); border: 1px solid rgb(198, 198, 198); color: rgb(51, 51, 51); } .modal-dialog-buttons button:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 1p= x 2px inset; } .modal-dialog-buttons button:focus { border: 1px solid rgb(77, 144, 254); } .modal-dialog-buttons button[disabled] { box-shadow: none; background: none= rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.05); color: rgb(184,= 184, 184); } .modal-dialog-buttons .goog-buttonset-action { background-color: rgb(77, 14= 4, 254); border: 1px solid rgb(48, 121, 237); color: rgb(255, 255, 255); } .modal-dialog-buttons .goog-buttonset-action:active, .modal-dialog-buttons = .goog-buttonset-action:hover { background-color: rgb(53, 122, 232); backgro= und-image: linear-gradient(rgb(77, 144, 254), rgb(53, 122, 232)); border: 1= px solid rgb(47, 91, 183); color: rgb(255, 255, 255); } .modal-dialog-buttons .goog-buttonset-action:active { box-shadow: rgba(0, 0= , 0, 0.3) 0px 1px 2px inset; } .modal-dialog-buttons .goog-buttonset-action:focus { box-shadow: rgb(255, 2= 55, 255) 0px 0px 0px 1px inset; border: 1px solid transparent; outline: tra= nsparent 0px; } .modal-dialog-buttons .goog-buttonset-action[disabled] { box-shadow: none; = background: rgb(77, 144, 254); color: rgb(255, 255, 255); opacity: 0.5; } .jfk-alert, .jfk-confirm, .jfk-prompt { width: 512px; } .goog-menu { border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px= ; transition: opacity 0.218s; background: rgb(255, 255, 255); border: 1px s= olid rgba(0, 0, 0, 0.2); cursor: default; font-size: 13px; margin: 0px; out= line: none; padding: 6px 0px; position: absolute; } .goog-flat-menu-button { border-radius: 2px; background-color: var(--gm3-sy= s-color-surface-container,#f0f4f9); border: 1px solid rgb(220, 220, 220); c= olor: rgb(68, 68, 68); cursor: default; font-size: 11px; font-weight: 700; = line-height: 27px; list-style: none; margin: 0px 2px; min-width: 46px; outl= ine: none; padding: 0px 18px 0px 6px; text-align: center; text-decoration: = none; } .goog-flat-menu-button-disabled { background-color: rgb(255, 255, 255); bor= der-color: rgb(243, 243, 243); color: rgb(184, 184, 184); } .goog-flat-menu-button.goog-flat-menu-button-hover { background-color: rgb(= 248, 248, 248); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; border-color: r= gb(198, 198, 198); color: rgb(51, 51, 51); } .goog-flat-menu-button.goog-flat-menu-button-focused { border-color: rgb(77= , 144, 254); } .goog-flat-menu-button.goog-flat-menu-button-active, .goog-flat-menu-button= .goog-flat-menu-button-open { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px in= set; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, = 204); color: rgb(51, 51, 51); z-index: 2; } .goog-flat-menu-button-caption { vertical-align: top; white-space: nowrap; = } .goog-flat-menu-button-dropdown { border-color: rgb(119, 119, 119) transpar= ent; border-style: solid; border-width: 4px 4px 0px; height: 0px; width: 0p= x; position: absolute; right: 5px; top: 12px; } .goog-flat-menu-button .goog-flat-menu-button-img { margin-top: -3px; opaci= ty: 0.7; vertical-align: middle; } .goog-flat-menu-button-active .goog-flat-menu-button-img, .goog-flat-menu-b= utton-hover .goog-flat-menu-button-img, .goog-flat-menu-button-open .goog-f= lat-menu-button-img, .goog-flat-menu-button-selected .goog-flat-menu-button= -img { opacity: 0.9; } .goog-flat-menu-button-active .goog-flat-menu-button-dropdown, .goog-flat-m= enu-button-hover .goog-flat-menu-button-dropdown, .goog-flat-menu-button-op= en .goog-flat-menu-button-dropdown, .goog-flat-menu-button-selected .goog-f= lat-menu-button-dropdown { border-color: rgb(89, 89, 89) transparent; } .goog-flat-menu-button-left, .goog-flat-menu-button-right { z-index: 1; } .goog-flat-menu-button-left.goog-flat-menu-button-disabled { z-index: 0; } .goog-flat-menu-button-hover.goog-flat-menu-button-collapse-right, .goog-fl= at-menu-button-right:focus { z-index: 2; } .goog-flat-menu-button-hover.goog-flat-menu-button-collapse-left, .goog-fla= t-menu-button-left:focus { z-index: 2; } .goog-flat-menu-button-collapse-left { margin-left: -1px; border-bottom-lef= t-radius: 0px; border-top-left-radius: 0px; min-width: 0px; padding-left: 0= px; vertical-align: top; } .goog-flat-menu-button-collapse-right { margin-right: 0px; border-top-right= -radius: 0px; border-bottom-right-radius: 0px; } .goog-filterobsmenuitem, .goog-menuitem, .goog-tristatemenuitem { position:= relative; color: rgb(51, 51, 51); cursor: pointer; list-style: none; margi= n: 0px; padding: 6px 8em 6px 30px; white-space: nowrap; } .goog-menu-nocheckbox .goog-menuitem, .goog-menu-noicon .goog-menuitem { pa= dding-left: 16px; vertical-align: middle; } .goog-menu-noaccel .goog-menuitem { padding-right: 44px; } .goog-menuitem-disabled { cursor: default; } .goog-menuitem-disabled .goog-menuitem-accel, .goog-menuitem-disabled .goog= -menuitem-content { color: rgb(204, 204, 204) !important; } .goog-menuitem-disabled .goog-menuitem-icon { opacity: 0.3; } .goog-menuitem-highlight, .goog-menuitem-hover { background-color: rgb(238,= 238, 238); border-color: rgb(238, 238, 238); border-style: dotted; border-= width: 1px 0px; padding-top: 5px; padding-bottom: 5px; } .goog-menuitem-highlight .goog-menuitem-content, .goog-menuitem-hover .goog= -menuitem-content { color: rgb(51, 51, 51); } .goog-menuitem-checkbox, .goog-menuitem-icon { background-repeat: no-repeat= ; height: 21px; left: 3px; position: absolute; right: auto; top: 3px; verti= cal-align: middle; width: 21px; } .goog-option-selected { background-image: url("https://ssl.gstatic.com/ui/v= 1/menu/checkmark.png"); background-repeat: no-repeat; background-position: = 0px center; } .goog-option-selected .goog-menuitem-content { color: rgb(51, 51, 51); } .goog-menuitem-accel { color: rgb(119, 119, 119); direction: ltr; left: aut= o; padding: 0px 6px; position: absolute; right: 0px; text-align: right; } .goog-menuitem-mnemonic-hint { text-decoration: underline; } .goog-menuitem-mnemonic-separator { color: rgb(119, 119, 119); font-size: 1= 2px; padding-left: 4px; } .goog-menuseparator { border-top: 1px solid rgb(235, 235, 235); margin-top:= 6px; margin-bottom: 6px; } .goog-submenu-arrow { transition: 0.218s; font-size: 70%; left: auto; right= : 10px; padding-top: 3px; padding-right: 0px; position: absolute; text-alig= n: right; opacity: 0.5; } .goog-menuitem-highlight .goog-submenu-arrow, .goog-menuitem-hover .goog-su= bmenu-arrow { transition: none; border-left-color: rgb(153, 153, 153); opac= ity: 1; } .goog-menuitem-disabled .goog-submenu-arrow { color: inherit; opacity: 1; } .jfk-textinput { border-radius: 1px; border-width: 1px; border-style: solid= ; border-color: silver rgb(217, 217, 217) rgb(217, 217, 217); border-image:= none; font-size: 13px; height: 25px; padding: 1px 8px; } .jfk-textinput:focus { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inset; bo= rder: 1px solid rgb(77, 144, 254); outline: none; } .jfk-radiobutton { display: inline-block; outline: none; padding: 5px 7px; = position: relative; } .jfk-radiobutton-radio { border-radius: 50%; box-sizing: border-box; backgr= ound: rgba(255, 255, 255, 0); border: 1px solid rgb(198, 198, 198); height:= 15px; left: 7px; margin: 0px; outline: none; position: absolute; text-alig= n: left; top: 6px; width: 15px; } .jfk-radiobutton:active .jfk-radiobutton-radio { background: rgb(235, 235, = 235); border-color: rgb(182, 182, 182); } .jfk-radiobutton:hover .jfk-radiobutton-radio { box-shadow: rgba(0, 0, 0, 0= .1) 0px 1px 1px inset; border-color: rgb(182, 182, 182); } .jfk-radiobutton:focus .jfk-radiobutton-radio { border-color: rgb(77, 144, = 254); } .jfk-radiobutton-checked .jfk-radiobutton-radio { background: rgba(255, 255= , 255, 0); } .jfk-radiobutton.jfk-radiobutton:focus .jfk-radiobutton-radio { background:= rgba(255, 255, 255, 0); } .jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio { bac= kground: rgba(255, 255, 255, 0); } .jfk-radiobutton-checked .jfk-radiobutton-radio::after { border-radius: 50%= ; background: rgb(96, 96, 96); border: 2px solid rgb(96, 96, 96); box-sizin= g: border-box; content: ""; display: block; height: 7px; left: 3px; positio= n: relative; top: 3px; width: 7px; } .jfk-radiobutton .jfk-radiobutton-label { display: block; cursor: default; = margin-left: 22px; } .jfk-radiobutton-disabled .jfk-radiobutton-radio { background: rgba(255, 25= 5, 255, 0); border-color: rgb(241, 241, 241); } .jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio { = background: rgba(255, 255, 255, 0); } .jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio::a= fter { background: rgb(184, 184, 184); } .jfk-radiobutton-disabled .jfk-radiobutton-label { color: rgb(184, 184, 184= ); } .jfk-radiobutton-disabled:active .jfk-radiobutton-radio, .jfk-radiobutton-d= isabled:hover .jfk-radiobutton-radio { box-shadow: none; background: rgb(25= 5, 255, 255); border-color: rgb(241, 241, 241); } ::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; } ::-webkit-scrollbar-button { height: 0px; width: 0px; } ::-webkit-scrollbar-track { background-clip: padding-box; border-style: sol= id; border-color: transparent; border-image: none; border-width: 0px 0px 0p= x 4px; } ::-webkit-scrollbar-track:horizontal { border-width: 4px 0px 0px; } ::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, 0.05); bo= x-shadow: rgba(0, 0, 0, 0.1) 1px 0px 0px inset; } ::-webkit-scrollbar-track:horizontal:hover { box-shadow: rgba(0, 0, 0, 0.1)= 0px 1px 0px inset; } ::-webkit-scrollbar-track:active { background-color: rgba(0, 0, 0, 0.05); b= ox-shadow: rgba(0, 0, 0, 0.14) 1px 0px 0px inset, rgba(0, 0, 0, 0.07) -1px = 0px 0px inset; } ::-webkit-scrollbar-track:horizontal:active { box-shadow: rgba(0, 0, 0, 0.1= 4) 0px 1px 0px inset, rgba(0, 0, 0, 0.07) 0px -1px 0px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-track:hover { background-color: rgba= (255, 255, 255, 0.1); box-shadow: rgba(255, 255, 255, 0.2) 1px 0px 0px inse= t; } .jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover { box-shadow:= rgba(255, 255, 255, 0.2) 0px 1px 0px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-track:active { background-color: rgb= a(255, 255, 255, 0.1); box-shadow: rgba(255, 255, 255, 0.25) 1px 0px 0px in= set, rgba(255, 255, 255, 0.15) -1px 0px 0px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active { box-shadow= : rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(255, 255, 255, 0.15) 0p= x -1px 0px inset; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); backgroun= d-clip: padding-box; border-style: solid; border-color: transparent; border= -image: none; border-width: 1px 1px 1px 6px; min-height: 28px; padding: 100= px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px inset, rgba(0, 0, 0,= 0.07) 0px -1px 0px inset; } ::-webkit-scrollbar-thumb:horizontal { border-width: 6px 1px 1px; padding: = 0px 0px 0px 100px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px inset, rgba(0= , 0, 0, 0.07) -1px 0px 0px inset; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4); box= -shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px inset; } ::-webkit-scrollbar-thumb:active { background-color: rgba(0, 0, 0, 0.5); bo= x-shadow: rgba(0, 0, 0, 0.35) 1px 1px 3px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-thumb { background-color: rgba(255, = 255, 255, 0.3); box-shadow: rgba(255, 255, 255, 0.15) 1px 1px 0px inset, rg= ba(255, 255, 255, 0.1) 0px -1px 0px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal { box-shadow: rgba(= 255, 255, 255, 0.15) 1px 1px 0px inset, rgba(255, 255, 255, 0.1) -1px 0px 0= px inset; } .jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover { background-color: rgba= (255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.37) 1px 1px 1px ins= et; } .jfk-scrollbar-dark::-webkit-scrollbar-thumb:active { background-color: rgb= a(255, 255, 255, 0.75); box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 3px in= set; } .jfk-scrollbar-borderless::-webkit-scrollbar-track { border-width: 0px 1px = 0px 6px; } .jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal { border-widt= h: 6px 0px 1px; } .jfk-scrollbar-borderless::-webkit-scrollbar-track:hover { background-color= : rgba(0, 0, 0, 0.035); box-shadow: rgba(0, 0, 0, 0.14) 1px 1px 0px inset, = rgba(0, 0, 0, 0.07) -1px -1px 0px inset; } .jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover= { background-color: rgba(255, 255, 255, 0.07); box-shadow: rgba(255, 255, = 255, 0.25) 1px 1px 0px inset, rgba(255, 255, 255, 0.15) -1px -1px 0px inset= ; } .jfk-scrollbar-borderless::-webkit-scrollbar-thumb { border-width: 0px 1px = 0px 6px; } .jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal { border-widt= h: 6px 0px 1px; } ::-webkit-scrollbar-corner { background: transparent; } body::-webkit-scrollbar-track-piece { background-clip: padding-box; backgro= und-color: rgb(245, 245, 245); border-style: solid; border-color: rgb(255, = 255, 255); border-image: none; border-width: 0px 0px 0px 3px; box-shadow: r= gba(0, 0, 0, 0.14) 1px 0px 0px inset, rgba(0, 0, 0, 0.07) -1px 0px 0px inse= t; } body::-webkit-scrollbar-track-piece:horizontal { border-width: 3px 0px 0px;= box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 0px inset, rgba(0, 0, 0, 0.07) 0px= -1px 0px inset; } body::-webkit-scrollbar-thumb { border-width: 1px 1px 1px 5px; } body::-webkit-scrollbar-thumb:horizontal { border-width: 5px 1px 1px; } body::-webkit-scrollbar-corner { background-clip: padding-box; background-c= olor: rgb(245, 245, 245); border-style: solid; border-color: rgb(255, 255, = 255); border-image: none; border-width: 3px 0px 0px 3px; box-shadow: rgba(0= , 0, 0, 0.14) 1px 1px 0px inset; } .jfk-star { display: inline-block; height: 19px; text-align: center; width:= 19px; padding: 2px; } .jfk-star::before { content: image-set(url("https://ssl.gstatic.com/ui/v1/s= tar/star4.png") 1x, url("https://ssl.gstatic.com/ui/v1/star/star4_2x.png") = 2x); } .jfk-star-hover::before { content: image-set(url("https://ssl.gstatic.com/u= i/v1/star/star-hover4.png") 1x, url("https://ssl.gstatic.com/ui/v1/star/sta= r-hover4_2x.png") 2x); } .jfk-star-active::before { content: image-set(url("https://ssl.gstatic.com/= ui/v1/star/star-active4.png") 1x, url("https://ssl.gstatic.com/ui/v1/star/s= tar-active4_2x.png") 2x); } .jfk-star-checked::before { content: image-set(url("https://ssl.gstatic.com= /ui/v1/star/star-lit4.png") 1x, url("https://ssl.gstatic.com/ui/v1/star/sta= r-lit4_2x.png") 2x); } .jfk-star-checked.jfk-star-hover::before { content: image-set(url("https://= ssl.gstatic.com/ui/v1/star/star-lit-hover4.png") 1x, url("https://ssl.gstat= ic.com/ui/v1/star/star-lit-hover4_2x.png") 2x); } .jfk-star-checked.jfk-star-active::before { content: image-set(url("https:/= /ssl.gstatic.com/ui/v1/star/star-lit-active4.png") 1x, url("https://ssl.gst= atic.com/ui/v1/star/star-lit-active4_2x.png") 2x); } .jfk-tooltip { border-radius: 0px; box-shadow: none; background-color: rgb(= 42, 42, 42); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255= ); cursor: default; display: block; font-size: 11px; font-weight: 700; marg= in-left: -1px; opacity: 1; padding: 7px 9px; position: absolute; visibility= : visible; white-space: pre-wrap; word-break: break-word; } .jfk-tooltip-hide { opacity: 0; visibility: hidden; left: 20px !important; = top: 20px !important; } .jfk-tooltip-data { display: none; } .jfk-tooltip-arrow { pointer-events: none; position: absolute; } .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrow .jfk-too= ltip-arrowimplbefore { content: ""; display: block; height: 0px; position: = absolute; width: 0px; } .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore { border: 6px solid; } .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter { border: 5px solid; } .jfk-tooltip-arrowdown { bottom: 0px; } .jfk-tooltip-arrowup { top: -6px; } .jfk-tooltip-arrowleft { left: -6px; } .jfk-tooltip-arrowright { right: 0px; } .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore, .jfk-tooltip-arrowup .= jfk-tooltip-arrowimplbefore { border-color: rgb(255, 255, 255) transparent;= left: -6px; } .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowup .j= fk-tooltip-arrowimplafter { border-color: rgb(42, 42, 42) transparent; left= : -5px; } .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowdown = .jfk-tooltip-arrowimplbefore { border-bottom-width: 0px; } .jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore { border-top-width: 0px; = } .jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter { border-top-width: 0px; t= op: 1px; } .jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore, .jfk-tooltip-arrowrigh= t .jfk-tooltip-arrowimplbefore { border-color: transparent rgb(255, 255, 25= 5); top: -6px; } .jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowright= .jfk-tooltip-arrowimplafter { border-color: transparent rgb(42, 42, 42); t= op: -5px; } .jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore { border-left-width: 0p= x; } .jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter { border-left-width: 0px= ; left: 1px; } .jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowrigh= t .jfk-tooltip-arrowimplbefore { border-right-width: 0px; } a { text-decoration: none; } a:link { color: rgb(17, 85, 204); } a:visited { color: rgb(102, 17, 204); } a:active { color: rgb(209, 72, 54); } a:hover { text-decoration: underline; } .sharing-aria-region { position: absolute; top: -1000px; height: 1px; overf= low: hidden; } .apps-share-sprite { background-image: url("https://ssl.gstatic.com/docs/do= cuments/share/images/sprite-24.svg"); } .jfk-butterBar { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px= 4px; transition: linear 1s, opacity 1s; border-style: solid; border-width:= 0px; font-size: 11px; height: 0px; opacity: 0; visibility: hidden; overflo= w: hidden; padding: 0px; text-align: center; } .jfk-butterBar-info { background-color: rgb(249, 237, 190); border-color: r= gb(240, 195, 109); color: rgb(51, 51, 51); } .jfk-butterBar-error { background-color: rgb(72, 72, 72); border-color: rgb= (32, 32, 32); color: rgb(255, 255, 255); } .jfk-butterBar-promo { background-color: rgb(214, 233, 248); border-color: = rgb(77, 144, 240); color: rgb(51, 51, 51); } .jfk-butterBar-warning { background-color: rgb(221, 75, 57); border-color: = rgb(96, 32, 25); color: rgb(255, 255, 255); } .jfk-butterBar-shown { transition: opacity 0.218s; border-width: 1px; min-h= eight: 14px; height: auto; opacity: 1; visibility: visible; padding: 6px 16= px; } .jfk-butterBar-mini.jfk-butterBar-shown { padding: 2px 16px; } .share-butterbar-container { font-family: Roboto, arial, sans-serif; font-s= ize: 13px; font-weight: 700; position: fixed; display: inline-block; paddin= g-bottom: 5px; } .share-client-dialog .share-butterbar-container { font-family: arial, sans-= serif; } .share-butterbar-container .jfk-butterBar-shown { height: 21px; } .share-butterbar-top { top: 23px; } .share-butterbar-zindex { z-index: 3021; } .share-butter-icon { opacity: 0.55; display: inline-block; width: 21px; hei= ght: 21px; margin-bottom: 1px; margin-top: 1px; margin-right: 1px; vertical= -align: middle; } .share-butter-link, .share-butter-message { line-height: 21px; } .share-butter-link, .share-butter-link:visited { color: var(--gm3-sys-color= -primary,#0b57d0); text-decoration: none; cursor: pointer; } .share-butter-link:focus { outline: none; } .share-butter-link:active { color: var(--ws-sys-color-extended-red-fill,#b3= 251e); } .share-butter-link:disabled { color: var(--gm3-sys-color-on-surface,#1f1f1f= ); cursor: default; } .share-butter-copy-icon { background-position: 0px -212px; } .share-butter-specific-people-icon { background-position: 0px -778px; } .share-butter-person-link-icon { background-position: 0px -412px; } .jfk-button-contrast { box-shadow: none; background-color: var(--gm3-sys-co= lor-surface-container,#f0f4f9); color: rgb(68, 68, 68); border: 1px solid r= gba(0, 0, 0, 0.1); } .jfk-button-contrast.jfk-button-clear-outline.jfk-button-hover, .jfk-button= -contrast.jfk-button-hover { box-shadow: none; background-color: rgb(248, 2= 48, 248); border: 1px solid rgb(198, 198, 198); color: rgb(51, 51, 51); } .jfk-button-contrast.jfk-button-hover:active, .jfk-button-contrast:active {= box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; background: rgb(248, 248= , 248); } .jfk-button-contrast.jfk-button-clear-outline.jfk-button-selected, .jfk-but= ton-contrast.jfk-button-selected { background-color: rgb(238, 238, 238); bo= rder: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); } .jfk-button-contrast.jfk-button-checked, .jfk-button-contrast.jfk-button-cl= ear-outline.jfk-button-checked { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px= inset; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 20= 4, 204); color: rgb(51, 51, 51); } .jfk-button-contrast:focus { border: 1px solid rgb(77, 144, 254); outline: = none; } .jfk-button-contrast.jfk-button-clear-outline { border: 1px solid rgb(220, = 220, 220); outline: none; } .jfk-button-contrast.jfk-button-disabled { background: rgb(255, 255, 255); = border: 1px solid rgba(0, 0, 0, 0.05); color: rgb(184, 184, 184); } .jfk-button-contrast .jfk-button-img { opacity: 0.7; } .jfk-button-contrast.jfk-button-checked .jfk-button-img, .jfk-button-contra= st.jfk-button-hover .jfk-button-img, .jfk-button-contrast.jfk-button-select= ed .jfk-button-img { opacity: 0.9; } .jfk-button-contrast.jfk-button-disabled .jfk-button-img { opacity: 0.333; = } .jfk-button-default { box-shadow: none; background-color: rgb(61, 148, 0); = border: 1px solid rgb(41, 105, 29); color: rgb(255, 255, 255); text-shadow:= rgba(0, 0, 0, 0.1) 0px 1px; } .jfk-button-default.jfk-button-hover { box-shadow: none; background-color: = rgb(54, 130, 0); border: 1px solid rgb(45, 98, 0); text-shadow: rgba(0, 0, = 0, 0.3) 0px 1px; } .jfk-button-default:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px = inset; border: 1px solid transparent; outline: transparent 0px; } .jfk-button-default.jfk-button-clear-outline { box-shadow: none; outline: n= one; } .jfk-button-default:active { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px ins= et; background: rgb(54, 130, 0); border: 1px solid rgb(45, 98, 0); } .jfk-button-default.jfk-button-disabled { background: rgb(61, 148, 0); opac= ity: 0.5; } .jfk-button-flat { border-radius: 0px; border: 1px solid transparent; font-= size: 13px; height: 21px; line-height: 21px; margin-right: 1px; min-width: = 0px; padding: 0px; } .jfk-button-flat.jfk-button-hover, .jfk-button-flat.jfk-button-selected, .j= fk-button-flat:active, .jfk-button-flat:focus { box-shadow: none; } .jfk-button-flat .jfk-button-img { height: 21px; opacity: 0.7; width: 21px;= } .jfk-button-flat .jfk-button-label { display: inline-block; margin: 0px; pa= dding: 0px 1px; } .jfk-button-flat.jfk-button-hover .jfk-button-img, .jfk-button-flat.jfk-but= ton-selected .jfk-button-img { opacity: 0.9; } .jfk-button-flat.jfk-button-disabled .jfk-button-img { opacity: 0.333; } .jfk-button-flat:focus { border: 1px solid rgb(77, 144, 254); } .jfk-button-flat.jfk-button-clear-outline { border: 1px solid transparent; = } .jfk-button-mini { background-color: var(--gm3-sys-color-surface-container,= #f0f4f9); border: 1px solid rgba(0, 0, 0, 0.1); color: rgb(68, 68, 68); hei= ght: 17px; line-height: 17px; min-width: 22px; text-shadow: rgba(0, 0, 0, 0= .1) 0px 1px; } .jfk-button-mini.jfk-button-clear-outline.jfk-button-hover, .jfk-button-min= i.jfk-button-hover { background-color: rgb(248, 248, 248); border: 1px soli= d rgb(198, 198, 198); text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; } .jfk-button-mini:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;= } .jfk-button-mini.jfk-button-checked, .jfk-button-mini.jfk-button-clear-outl= ine.jfk-button-checked { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; = background-color: rgb(224, 224, 224); border: 1px solid rgb(204, 204, 204);= color: rgb(51, 51, 51); } .jfk-button-mini:focus { border: 1px solid rgb(77, 144, 254); } .jfk-button-mini.jfk-button-clear-outline { border: 1px solid rgb(220, 220,= 220); } .jfk-button-mini.jfk-button-disabled { background: rgb(255, 255, 255); bord= er: 1px solid rgba(0, 0, 0, 0.05); color: rgb(184, 184, 184); } .jfk-button-primary { box-shadow: none; background-color: rgb(209, 72, 54);= border: 1px solid transparent; color: rgb(255, 255, 255); text-shadow: rgb= a(0, 0, 0, 0.1) 0px 1px; text-transform: uppercase; } .jfk-button-primary.jfk-button-hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 1= px 1px; background-color: rgb(197, 55, 39); border-width: 1px; border-style= : solid; border-color: rgb(176, 40, 26) rgb(176, 40, 26) rgb(175, 48, 31); = border-image: none; } .jfk-button-primary:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px = inset; border: 1px solid transparent; outline: transparent 0px; } .jfk-button-primary.jfk-button-clear-outline { box-shadow: none; outline: n= one; } .jfk-button-primary:active { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px ins= et; background-color: rgb(176, 40, 26); border: 1px solid rgb(153, 42, 27);= } .jfk-button-primary.jfk-button-disabled { background: rgb(209, 72, 54); opa= city: 0.5; } .jfk-slideToggle { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1= px 2px 0px inset; background-color: rgb(245, 245, 245); border: 1px solid r= gb(204, 204, 204); color: rgb(102, 102, 102); font-weight: 700; height: 27p= x; line-height: 27px; margin-right: 16px; outline: none; overflow: hidden; = padding: 0px; position: relative; width: 94px; } .jfk-slideToggle-off, .jfk-slideToggle-on, .jfk-slideToggle-thumb { display= : inline-block; text-align: center; text-transform: uppercase; width: 47px;= } .jfk-slideToggle-on { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px inset;= background-color: rgb(57, 139, 242); color: rgb(255, 255, 255); height: 27= px; } .jfk-slideToggle-off { border-radius: 2px 2px 0px 0px; } .jfk-slideToggle-thumb { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; ba= ckground-color: rgb(245, 245, 245); transition: 0.13s ease-out; border: 1px= solid rgb(204, 204, 204); display: block; height: 27px; left: -1px; positi= on: absolute; top: -1px; } .jfk-slideToggle-thumb::after { content: ""; background-image: linear-gradi= ent(90deg, rgb(204, 204, 204) 50%, transparent 0px), linear-gradient(90deg,= rgb(204, 204, 204) 50%, transparent 0px), linear-gradient(90deg, rgb(204, = 204, 204) 50%, transparent 0px), linear-gradient(90deg, rgb(204, 204, 204) = 50%, transparent 0px), linear-gradient(90deg, rgb(204, 204, 204) 50%, trans= parent 0px); background-position: 0px 0px, 0px 2px, 0px 4px, 0px 6px, 0px 8= px; background-repeat: repeat-x; background-size: 2px 1px; display: block; = height: 9px; left: 15px; position: absolute; top: 9px; width: 17px; } .jfk-slideToggle.jfk-slideToggle-checked .jfk-slideToggle-thumb { left: 47p= x; } .jfk-slideToggle:focus { border: 1px solid rgb(77, 144, 254); } .jfk-slideToggle.jfk-slideToggle-clearOutline { border: 1px solid rgb(204, = 204, 204); } .share-client-dialog { overflow: auto; box-sizing: border-box; max-height: = 100% !important; width: auto !important; } .share-client-dialog:focus { outline: 0px; } * html .share-client-dialog { max-height: none !important; overflow: visibl= e !important; } :first-child + html .share-client-dialog { max-height: none !important; ove= rflow: visible !important; } .share-client-dialog .modal-dialog-content, .share-client-dialog .modal-dia= log-title { padding: 0px; } .share-client-dialog .share-client-dialog-hidden-title { height: 0px; margi= n: 0px; padding: 0px; } .share-client-dialog .modal-dialog-title { font-family: arial, sans-serif; = font-weight: 400; } .share-client-content-iframe { display: flex; height: 100%; width: 100%; bo= rder-width: medium; border-style: none; border-color: currentcolor; border-= image: none; } .share-client-dialog .modal-dialog-buttons { display: none; } .share-client-error-dialog { font-family: arial, sans-serif; font-size: 12p= x; width: 400px; z-index: 3000; } .share-client-loading-contents { height: 99px; text-align: center; width: 4= 54px; } .share-client-spinner { background-image: url("https://ssl.gstatic.com/docs= /documents/share/images/spinner-2.gif"); background-size: 24px auto; displa= y: inline-block; margin-top: 24px; width: 24px; height: 24px; } .inline-share-ui-status { font-size: 12pt; font-weight: 700; height: 19px; = padding: 5px 10px; background-color: var(--gm3-sys-color-primary-container,= #d3e3fd); } .inline-share-ui-overlay { position: absolute; z-index: 150; background-col= or: var(--gm3-sys-color-surface,#fff); opacity: 0; } .share-client-panel-dialog-share { height: 100%; width: 100%; } .share-client-panel-dialog-overlay { position: absolute; z-index: 150; } .share-client-offscreen { position: absolute !important; left: -10000px !im= portant; top: -10000px !important; } .share-client-loading-dialog { font-family: arial, sans-serif; z-index: 300= 0; } .share-client-loading-dialog:focus { outline: 0px; } .modeElementsDark .share-client-loading-dialog .modal-dialog-title { color:= rgb(227, 227, 227); } .share-client-debug { display: none; position: absolute; bottom: 0px; right= : 0px; color: var(--gm3-sys-color-on-surface-variant,#444746); font-size: 1= 0px; } .team-drive-share-client-dialog { border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; border-radius: 2px; box-sh= adow: 0 24px 38px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.14),0 9px= 46px 8px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.12),0 11px 15px -7px = rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.2); padding: 0px; } .full-screen-share-client-dialog { height: 100vh; overflow: hidden; backgro= und-color: transparent !important; border-width: medium !important; border-= style: none !important; border-color: currentcolor !important; border-image= : none !important; padding: 0px !important; width: 100vw !important; } .full-screen-share-client-dialog .modal-dialog-content { background: transp= arent; height: 100%; width: 100%; } .modal-dialog.share-client-dialog.team-drive-share-client-dialog { padding:= 0px; } .full-screen-share-client-dialog .modal-dialog-title, .team-drive-share-cli= ent-dialog .modal-dialog-title { display: none; } .jfk-tooltip { z-index: 30000; } .scb-container, .scb-icon { display: inline-block; } .scb-icon.apps-share-sprite { background-image: none; mask-image: url("http= s://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg"); background= -color: var(--gm3-sys-color-on-secondary-container,#004a77); } .scb-button-icon { margin: -3px 2px 0px -5px; vertical-align: middle !impor= tant; } .scb-tooltip-contents { font-size: 13px; max-width: 300px; } .scb-tooltip-title { font-size: 14px; font-weight: 700; } .scb-tooltip-text { font-weight: 400; } .scb-tooltip-icon-container { width: 25px; vertical-align: top; } .scb-tooltip-separator { border-top: 1px solid var(--gm3-sys-color-outline,= #747775); margin: 2px 0px; } .jfk-button-standard .scb-button-icon { opacity: 0.7; } .jfk-button-standard.jfk-button-checked .scb-button-icon, .jfk-button-stand= ard.jfk-button-hover .scb-button-icon, .jfk-button-standard.jfk-button-sele= cted .scb-button-icon { opacity: 0.9; } .jfk-button-standard.jfk-button-disabled .scb-button-icon { opacity: 0.333;= } .jfk-button-disabled .scb-icon.apps-share-sprite { background-color: var(--= gm3-sys-color-on-surface,#1f1f1f) !important; } .scb-dlp-icon, .scb-domain-public-icon-white, .scb-domain-unlisted-icon-whi= te, .scb-invalid-icon-white, .scb-private-icon-white, .scb-privately-shared= -icon-white, .scb-public-icon-white, .scb-unlisted-icon-white { width: 21px= ; height: 21px; background-repeat: no-repeat; vertical-align: bottom; } .scb-domain-s900, .scb-lock-s900, .scb-people-s900, .scb-person-add-s900, .= scb-public-s900, .scb-warning-s900 { height: 18px; width: 18px; } .scb-public-icon-white { background-position: 0px -45px; } .scb-unlisted-icon-white { background-position: 0px -562px; } .scb-domain-public-icon-white { background-position: 0px -1004px; } .scb-domain-unlisted-icon-white { background-position: 0px -709px; } .scb-privately-shared-icon-white { background-position: 0px -932px; } .scb-private-icon-white { background-position: 0px -586px; } .scb-invalid-icon-white { background-position: 0px -332px; } .scb-dlp-icon { background-position: 0px -436px; } .docs-branding-presentations .scb-public-icon-white { background-position: = 0px -161px; } .docs-branding-presentations .scb-unlisted-icon-white { background-position= : 0px -412px; } .docs-branding-presentations .scb-domain-public-icon-white { background-pos= ition: 0px -980px; } .docs-branding-presentations .scb-domain-unlisted-icon-white { background-p= osition: 0px -610px; } .docs-branding-presentations .scb-privately-shared-icon-white { background-= position: 0px -778px; } .docs-branding-presentations .scb-private-icon-white { background-position:= 0px 0px; } .docs-branding-presentations .scb-invalid-icon-white { background-position:= 0px -634px; } .docs-grille-gm3 .scb-public-s900, .scb-gm3 .scb-public-s900 { background-p= osition: 0px -236px; mask-position: 0px -236px; } .docs-grille-gm3 .scb-lock-s900, .scb-gm3 .scb-lock-s900 { background-posit= ion: 0px -69px; mask-position: 0px -69px; } .docs-grille-gm3 .scb-domain-s900, .scb-gm3 .scb-domain-s900 { background-p= osition: 0px -757px; mask-position: 0px -757px; } .docs-grille-gm3 .scb-people-s900, .scb-gm3 .scb-people-s900 { background-p= osition: 0px -24px; mask-position: 0px -24px; } .docs-grille-gm3 .scb-warning-s900, .scb-gm3 .scb-warning-s900 { background= -position: 0px -90px; mask-position: 0px -90px; } .docs-grille-gm3 .scb-tooltip-text, .docs-grille-gm3 .scb-tooltip-title, .d= rive-viewer-gm3 .scb-tooltip-text, .drive-viewer-gm3 .scb-tooltip-title { f= ont-size: 12px; font-weight: 400; } .scb-person-add-s900 { background-position: 0px -909px; mask-position: 0px = -909px; } @media (forced-colors: active) { .docs-grille-gm3 .scb-quick-actions-menu-button.goog-flat-menu-button .go= og-flat-menu-button-dropdown { forced-color-adjust: none; border-color: can= vastext transparent !important; } } .scb-quick-actions-menu-button.goog-flat-menu-button .goog-flat-menu-button= -dropdown, .scb-quick-actions-menu-button.goog-flat-menu-button-active .goo= g-flat-menu-button-dropdown, .scb-quick-actions-menu-button.goog-flat-menu-= button-hover .goog-flat-menu-button-dropdown, .scb-quick-actions-menu-butto= n.goog-flat-menu-button-open .goog-flat-menu-button-dropdown, .scb-quick-ac= tions-menu-button.goog-flat-menu-button-selected .goog-flat-menu-button-dro= pdown { border-color: var(--gm3-sys-color-on-secondary-container,#004a77) t= ransparent; } .scb-quick-actions-menu-button.goog-flat-menu-button-disabled .goog-flat-me= nu-button-dropdown { border-color: var(--gm3-sys-color-on-surface,#1f1f1f) = transparent; } .goog-menu.scb-sqa-menu { background-color: var(--gm3-sys-color-surface,#ff= f); border-radius: 4px; } .goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem { color: var(--gm3-= sys-color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0.2px; = line-height: 20px; min-width: 140px; max-width: 240px; padding: 6px 15px 6p= x 38px; } .scb-sqa-menuitem-content { padding-left: 4px; } .scb-sqa-menuitem-content-italic { font-style: italic; } .scb-sqa-custom-menuitem-badge { background-color: var(--gm3-sys-color-prim= ary,#0b57d0); border-radius: 8px; color: var(--gm3-sys-color-on-primary,#ff= f); display: inline-block; float: right; font-family: Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; height: 16= px; letter-spacing: 0.3px; line-height: 16px; margin-left: 15px; margin-top= : 2px; padding: 0px 6px; vertical-align: middle; } .scb-sqa-access-requests-row { align-items: center; display: flex; flex-dir= ection: row; justify-content: space-between; } .scb-sqa-access-requests-text { min-width: 142px; } .scb-sqa-access-requests-count { background: var(--gm3-sys-color-primary,#0= b57d0); border-radius: 45%; color: var(--gm3-sys-color-on-primary,#fff); fo= nt-size: 11px; font-weight: 500; height: 18px; line-height: 18px; min-width= : 16px; text-align: center; width: fit-content; } .scb-sqa-sprite.apps-share-sprite { background-image: none; mask-image: url= ("https://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg"); back= ground-color: var(--gm3-sys-color-on-surface,#1f1f1f); } @media (forced-colors: active) { .scb-sqa-sprite.apps-share-sprite { forced-color-adjust: none; background= -color: canvastext; } } .scb-sqa-sprite.apps-share-sprite.scb-sqa-access-requests-icon { background= -position: 0px -909px; mask-position: 0px -909px; } .scb-sqa-sprite.apps-share-sprite.scb-sqa-copy-link-icon { background-posit= ion: 0px -484px; mask-position: 0px -484px; } .goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-men= uitem-icon.scb-sqa-access-requests-icon-container, .goog-menu .goog-menuite= m .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-copy-= link-icon-container, .goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menui= tem-content .goog-menuitem-icon.scb-sqa-custom-icon-container { margin: 5px= 8px 0px 12px; } .goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-men= uitem-icon.scb-sqa-access-requests-icon-container { left: 0px; top: 0px; } .goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-men= uitem-icon.scb-sqa-custom-icon-container, .goog-menu .goog-menuitem:not(.go= og-menuitem-rtl) .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-ico= n.scb-sqa-copy-link-icon-container { left: -3px; top: -1px; } .goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-men= uitem-icon.scb-sqa-custom-icon-container, .goog-menu .goog-menuitem.goog-me= nuitem-rtl .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-= sqa-copy-link-icon-container { right: 3px; top: -1px; } .scb-sqa-menuitem.scb-sqa-menuseparator { border-top: 1px solid var(--gm3-s= ys-color-outline-variant,#c4c7c5); margin: 8px 0px; max-width: unset; } .docs-gm .goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem.scb-sqa-ic= onless-menuitem, .goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem.sc= b-sqa-iconless-menuitem { padding-left: 14px; } .goog-menu .goog-menuitem-disabled.scb-sqa-iconless-menuitem .goog-menuitem= -content .scb-sqa-visibility-details, .goog-menu .goog-menuitem-disabled.sc= b-sqa-iconless-menuitem .goog-menuitem-content .scb-sqa-visibility-summary = { color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 12px; overflow-wr= ap: anywhere; white-space: normal; } .scb-sqa-visibility-summary.scb-sqa-visibility-summary-bold { font-weight: = 500; } .scb-sqa-menuitem-spinner .docs-spinner .spinner-layer { border-color: var(= --gm3-sys-color-outline,#747775); } .scb-sqa-menuitem-spinner { top: 0px; position: absolute; left: 0px; margin= : 8px 0px 0px 14px; } .scb-sqa-menuitem-spinner .docs-quantum-spinner { left: 0px; margin: 0px; } .scb-sqa-menuitem-spinner .docs-spinner, .scb-sqa-menuitem-spinner .docs-sp= inner .docs-quantum-spinner, .scb-sqa-menuitem-spinner .spinner-circle-clip= per .spinner-circle, .scb-sqa-menuitem-spinner .spinner-gap-patch .spinner-= circle { height: 16px; width: 16px; border-width: 2px; } .docs-branding-icon { direction: ltr; text-align: left; height: 60px; overf= low: hidden; vertical-align: middle; width: 40px; } .docs-branding-icon-img::before { content: url("https://ssl.gstatic.com/doc= s/common/branding_sprite1.svg"); } .docs-branding-icon-img { position: absolute; } .docs-branding-icon-default, .docs-branding-icon-drive { left: 0px; top: 0p= x; } .docs-branding-icon-forms { left: 0px; top: -120px; } .docs-branding-icon-scripts { left: 0px; top: -240px; } .docs-icon { direction: ltr; text-align: left; height: 21px; overflow: hidd= en; vertical-align: middle; width: 21px; } .docs-icon-img::before { content: url("https://ssl.gstatic.com/docs/common/= jfk_sprite186.png"); } .docs-icon-img-container { height: 4167px; position: absolute; width: 42px;= } .goog-color-menu-button-indicator .docs-icon { height: 19px; } .goog-menuitem-icon .docs-icon-img-container { opacity: 0.55; } .goog-menuitem-icon .docs-icon-document, .goog-menuitem-icon .docs-icon-dra= wing, .goog-menuitem-icon .docs-icon-form, .goog-menuitem-icon .docs-icon-p= resentation, .goog-menuitem-icon .docs-icon-punch, .goog-menuitem-icon .doc= s-icon-script, .goog-menuitem-icon .docs-icon-site, .goog-menuitem-icon .do= cs-icon-spreadsheet { opacity: 1; } #googlebar-coldstart { height: 28px; line-height: 1.75rem; background-color= : transparent; padding: 0px 30px; z-index: 1003; } .googlebar-coldstart-email-container { background-color: var(--gm3-sys-colo= r-surface,#fff); float: right; height: inherit; } .googlebar-coldstart-email { color: var(--gm3-sys-color-on-surface-variant,= #444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-size: 0.6875rem; padding: 0px 15px; } .modal-dialog a { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-material #docs-branding-container { margin-top: 0px; width: 64px; } .docs-material #docs-branding-container a, .docs-material #docs-branding-lo= go, .docs-material #docs-drive-logo, .docs-material .docs-branding-icon { h= eight: 40px; width: 40px; } .docs-material #docs-branding-container .docs-branding-logo-no-link, .docs-= material #docs-branding-container a { border-radius: 9999px; margin: 4px 0p= x 4px 8px; padding: 6px; } .docs-material #docs-branding-container a:hover { background-color: rgba(va= r(--gm3-sys-color-on-surface-rgb,31,31,31),.06); } .docs-material #docs-branding-container a:focus-visible { background-color:= rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); outline: 2px solid= var(--gm3-sys-color-primary,#0b57d0); outline-offset: -2px; } .docs-material #docs-menubar, .docs-material #docs-titlebar-container { mar= gin-left: 64px; } .docs-material .docs-title-outer { margin-left: 0px; } .docs-material #docs-folder:not(.docs-titlebar-badge) { margin-top: 1px; } .docs-material #docs-branding-container { background-color: inherit; } .docs-material .docs-branding-icon-img::before { content: url("https://ssl.= gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg"); } .docs-material .docs-branding-icon-documents { left: -7436px; top: -50px; } .docs-material .docs-branding-icon-documents_2020q4 { left: -7352px; top: -= 50px; } .docs-material .docs-branding-icon-documents-36 { left: -7396px; top: -50px= ; } .docs-material .docs-branding-icon-drawings { left: -7520px; top: -50px; } .docs-material .docs-branding-icon-drawings-36 { left: -7480px; top: -50px;= } .docs-material .docs-branding-icon-default, .docs-material .docs-branding-i= con-drive, .docs-material .docs-branding-icon-forms, .docs-material .docs-b= randing-icon-scripts { left: -7564px; top: -50px; } .docs-material .docs-branding-icon-spreadsheets { left: -7714px; top: -50px= ; } .docs-material .docs-branding-icon-spreadsheets-2020q4 { left: -7630px; top= : -50px; } .docs-material .docs-branding-icon-spreadsheets-36 { left: -7674px; top: -5= 0px; } .docs-material .docs-branding-icon-presentations { left: -7842px; top: -50p= x; } .docs-material .docs-branding-icon-presentations-2020q4 { left: -7758px; to= p: -50px; } .docs-material .docs-branding-icon-presentations-36 { left: -7802px; top: -= 50px; } .docs-material .docs-branding-icon-videos { left: -5490px; top: -170px; } .docs-material .docs-branding-icon-sites { left: -7202px; top: -222px; } .docs-material .docs-branding-icon-images { left: -9074px; top: -222px; } .docs-material #docs-branding-container:not(.docs-branding-crossfade-transi= tion-disabled):hover #docs-drive-logo { opacity: 0; } .docs-material #docs-branding-container:not(.docs-branding-crossfade-transi= tion-disabled):hover #docs-branding-logo { opacity: 1; } .docs-material #docs-activity-indicator { padding-top: 3px; } .docs-material .docs-titlebar-badges .jfk-activityIndicator { vertical-alig= n: top; } .docs-material #docs-header #docs-titlebar { padding-top: 9px; } .docs-material #docs-header.docs-hub-appbar #docs-titlebar { padding-top: 1= 4px; } .docs-material #docs-header #docs-titlebar-container { max-height: 33px; } .docs-material #docs-header.docs-hub-appbar #docs-titlebar-container { marg= in-left: 0px; max-height: none; } .docs-material .docs-menubar { height: 31px; } .docs-material #docs-branding-container, .docs-material #docs-chrome-cover = { height: 64px; } .docs-material .docs-appbar-circle-button.jfk-button { background-color: tr= ansparent; background-image: none; height: 40px; width: 40px; border-radius= : 9999px; border-width: 1px; border-style: solid; border-color: transparent= ; box-shadow: none; background-clip: padding-box; cursor: pointer; -webkit-= tap-highlight-color: transparent; min-width: 0px; padding: 0px; margin: 0px= 9px 0px 0px; } .docs-material .docs-appbar-circle-button.jfk-button .docs-icon { height: 2= 4px; width: 24px; opacity: 0.54; } .docs-gm .docs-material .docs-appbar-circle-button.jfk-button .docs-icon { = opacity: 1; } .docs-material .docs-appbar-circle-button.jfk-button-hover, .docs-material = .docs-appbar-circle-button.jfk-button:focus { background-color: rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.06); } .docs-material .docs-appbar-circle-button.jfk-button-active, .docs-material= .docs-appbar-circle-button.jfk-button-checked { background-color: rgba(var= (--gm3-sys-color-on-surface-rgb,31,31,31),.12); } .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active, .docs= -gm .docs-material .docs-appbar-circle-button.jfk-button-checked { backgrou= nd-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon, .do= cs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon { opac= ity: 0.87; } .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-= icon, .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked= .docs-icon { opacity: 1; } .docs-material .docs-appbar-circle-button.jfk-button-disabled .docs-icon { = opacity: 0.26; } .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-disabled .doc= s-icon { opacity: 0.38; } .docs-material .docs-appbar-circle-button.jfk-button-disabled { cursor: inh= erit; } .docs-material .docs-chat.jfk-button { display: flex; align-items: center; = justify-content: center; transition: background 0.2s 0.1s; background-color= : var(--gm3-sys-color-surface-container-high,#e9eef6); background-image: no= ne; } .docs-gm .docs-material .docs-chat.jfk-button, .docs-gm .docs-material .doc= s-chat.jfk-button.jfk-button-active.jfk-button-focused, .docs-gm .docs-mate= rial .docs-chat.jfk-button.jfk-button-clear-outline { background-color: var= (--gm3-sys-color-surface,#fff); border: 2px solid linear-gradient(rgba(var(= --gm3-sys-color-on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-s= urface-rgb,31,31,31),.08)),var(--gm3-sys-color-surface-container-high,#e9ee= f6); box-shadow: 0 0 0 2px var(--gm3-sys-color-surface,#fff); } .docs-material .docs-chat.jfk-button, .docs-material .docs-chat.jfk-button.= jfk-button-active.jfk-button-focused, .docs-material .docs-chat.jfk-button.= jfk-button-clear-outline { height: 32px; width: 32px; border-radius: 9999px= ; border-width: 2px; border-style: solid; border-color: var(--gm3-sys-color= -surface,#fff); box-shadow: none; background-clip: padding-box; cursor: poi= nter; -webkit-tap-highlight-color: transparent; margin: 0px 0px 0px -8px; } .docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover, .docs-gm .d= ocs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outlin= e, .docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-butto= n-focused, .docs-material .docs-chat.jfk-button.jfk-button-hover { backgrou= nd-color: linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.08),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08)),var(--gm3-sys= -color-surface-container-high,#e9eef6); } .docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-c= lear-outline.jfk-button-focused.jfk-button-active { margin: 0px 0px 0px -8p= x; } .docs-material .docs-chat.jfk-button.jfk-button-active { background-color: = linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1),rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),.1)),var(--gm3-sys-color-surfa= ce-container-high,#e9eef6); } .docs-material .docs-chat.jfk-button.jfk-button-focused { border: 4px solid= rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); margin: -2px -2px = -2px -10px; } .docs-gm .docs-material .docs-chat.jfk-button.jfk-button-focused { backgrou= nd-color: var(--gm3-sys-color-surface,#fff); border: 4px solid rgba(var(--g= m3-sys-color-on-surface-rgb,31,31,31),.12); margin: -2px -2px -2px -10px; b= ox-shadow: none; } .docs-material .docs-chat.jfk-button .docs-icon { transition-duration: 0.2s= ; transition-property: opacity; transition-timing-function: cubic-bezier(0.= 4, 0, 0.2, 1); opacity: 0.71; margin: 0px; } .docs-material .docs-chat.jfk-button.jfk-button-active .docs-icon, .docs-ma= terial .docs-chat.jfk-button.jfk-button-checked .docs-icon, .docs-material = .docs-chat.jfk-button.jfk-button-focused .docs-icon, .docs-material .docs-c= hat.jfk-button.jfk-button-hover .docs-icon { opacity: 0.86; } .docs-material .docs-chat.jfk-button.jfk-button-disabled .docs-icon { opaci= ty: 0.5; } .docs-material .docs-chat-badge { border-radius: 9999px; border: 1px solid = var(--gm3-sys-color-surface,#fff); right: -3px; top: -3px; } body .google-picker.modal-dialog .picker-close-button { border-width: mediu= m !important; border-style: none !important; border-color: currentcolor !im= portant; border-image: none !important; } .docs-material.goog-menu.goog-menu-nocheckbox .goog-menuitem, .docs-materia= l.goog-menu.goog-menu-noicon .goog-menuitem { padding-left: 16px; } .docs-material.goog-menu .goog-menuitem { padding-left: 36px; } .docs-material.goog-menu .goog-menuitem .goog-menuitem-checkbox, .docs-mate= rial.goog-menu .goog-menuitem .goog-menuitem-icon { left: 8px; } .docs-material.goog-menu .goog-menuitem.goog-option-selected { background-p= osition: left 5px center; } .docs-gm .docs-material.goog-menu .goog-menuitem.goog-option-selected { bac= kground-image: none; } .docs-gm .docs-material.goog-menu .goog-menuitem.goog-option-selected .goog= -menuitem-checkbox { background-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); height: 18px; mask: url("https://ssl.gstatic.com/docs/common/m= aterial_common_sprite1060.svg") -9162px 0px no-repeat; width: 18px; top: 50= %; margin-top: -9px; } .docs-gm .goog-option-selected .goog-menuitem-content { color: var(--gm3-sy= s-color-on-surface,#1f1f1f); } .docs-gm .docs-menubar .goog-control { border: 1px solid transparent; borde= r-radius: 4px; box-shadow: none; color: var(--gm3-sys-color-on-surface,#1f1= f1f); cursor: pointer; font-size: 0.875rem; letter-spacing: 0.00625rem; pad= ding: 4px 6px; } .docs-gm .docs-menubar .goog-control-hover { background-color: rgba(var(--g= m3-sys-color-on-surface-rgb,31,31,31),.08); } .docs-gm .docs-menubar .goog-control-open { background-color: var(--gm3-sys= -color-primary-container,#d3e3fd); } .docs-gm .docs-menubar .goog-control-active, .docs-gm .docs-menubar .goog-c= ontrol:hover:active { background-color: var(--gm3-sys-color-primary-contain= er,#d3e3fd); } .docs-gm .docs-menubar .goog-control-disabled { color: rgba(var(--gm3-sys-c= olor-on-surface-rgb,31,31,31),.38); background-color: var(--gm3-sys-color-s= urface,#fff); cursor: default; } .docs-gm .docs-menubar .docs-menu-button-open-above, .docs-gm .docs-menubar= .docs-menu-button-open-below { z-index: 1003; } .docs-gm .docs-menubar .goog-control.docs-menu-button-open-below { border-b= ottom-left-radius: 0px; border-bottom-right-radius: 0px; } .docs-gm .goog-menu.docs-menu-attached-button-above { border-top-left-radiu= s: 0px; } .docs-gm .goog-menu.docs-menu-attached-button-below { border-bottom-left-ra= dius: 0px; } .docs-gm .goog-menu { border: 1px solid transparent; background-color: var(= --gm3-sys-color-surface,#fff); border-radius: 4px; box-shadow: 0 2px 6px 2p= x rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); max-height: calc(-94px += 100vh); overflow-y: auto; } .docs-gm .goog-menu .goog-dimension-picker, .docs-gm .goog-menu.docs-fontme= nu { overflow: hidden; } .docs-gm .goog-menu.docs-ruler-context-menu { overflow: visible; } .docs-gm .docs-fontmenu { max-height: unset; } .docs-gm .goog-menuseparator { border-top: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5); margin: 8px 0px 8px 36px; } .docs-gm .docs-colormenuitems .goog-menuseparator, .docs-gm .goog-menu-noic= on.flix-timeline-zoom-menu .goog-menuseparator, .docs-gm .waffle-conditiona= lformat-default-menu .goog-menuseparator { margin-left: 0px; } .docs-gm .goog-menu-noicon .goog-menuseparator { margin-left: 13px; } .docs-gm .goog-menuitem { color: var(--gm3-sys-color-on-surface,#1f1f1f); f= ont-size: 0.875rem; letter-spacing: 0.00625rem; line-height: 1.25rem; } .docs-gm .goog-menu .goog-menuitem { padding: 6px 15px 6px 38px; } .docs-gm .goog-menu-noicon .goog-menuitem { padding-left: 15px; } .docs-gm .goog-menu .goog-menuitem .goog-menuitem-checkbox, .docs-gm .goog-= menu .goog-menuitem .goog-menuitem-icon:not(.docs-omnibox-row-icon) { margi= n: 7px 8px 7px 12px; left: 0px; top: 0px; } .docs-gm.docs-hc-gecko .goog-menu .goog-menuitem .goog-menuitem-checkbox { = filter: invert(100%); } .docs-gm .goog-menuitem .goog-menuitem-content { min-height: 20px; } .docs-gm .apps-menuitem .goog-submenu-arrow, .docs-gm .goog-menuitem .goog-= submenu-arrow { color: var(--gm3-sys-color-on-surface-variant,#444746); pad= ding-top: 0px; } .docs-gm .apps-menuitem-highlight .goog-submenu-arrow, .docs-gm .goog-menui= tem-highlight .goog-submenu-arrow { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); } .docs-gm .apps-menuitem-disabled .goog-submenu-arrow, .docs-gm .goog-menuit= em-disabled .goog-submenu-arrow { color: rgba(var(--gm3-sys-color-on-surfac= e-rgb,31,31,31),.38); } .docs-gm .goog-menuitem .docs-toolbar-mode-switcher-menu-description, .docs= -gm .goog-menuitem .punch-qanda-presenter-view-menu-item-description { colo= r: var(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.75rem; lin= e-height: 1; } .docs-gm .goog-menuitem-highlight { border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; background-color: rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),.1); } .docs-gm .goog-menuitem-highlight .goog-menuitem-content { color: var(--gm3= -sys-color-on-surface,#1f1f1f); } .docs-gm .docs-submenuitem.goog-menuitem { padding-right: 10px; } .docs-gm .docs-fontmenu .goog-menuitem { padding-right: 48px; } .docs-gm .goog-menuitem-disabled, .docs-gm .goog-menuitem-disabled .goog-me= nuitem-content { color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.= 38) !important; } .docs-gm .goog-menuitem-active:hover:active { background-color: rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.1); } .docs-gm .goog-menuitem-accel, .docs-gm .goog-menuitem-disabled .goog-menui= tem-accel { color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); = font-weight: 500; } .docs-gm .docs-ruler-context-menu-arrow-before { border: 0px; } .docs-gm .docs-omnibox-autocomplete .goog-menuitem-icon { top: auto; } .docs-gm .docs-omnibox-row-icon.goog-option-selected { background-color: va= r(--gm3-sys-color-on-surface-variant,#444746); background-image: none; mask= : url("https://ssl.gstatic.com/docs/common/material_common_sprite1060.svg")= -9162px 0px no-repeat; } @media screen and (forced-colors: active) { .docs-gm .docs-menubar .goog-control-open, .docs-gm .goog-menuitem-highli= ght, .docs-gm .goog-menuitem-highlight .goog-menuitem-accel, .docs-gm .goog= -menuitem-highlight .goog-menuitem-content, .docs-gm .goog-menuitem-highlig= ht .goog-menuitem-label, .docs-gm .goog-menuitem-highlight .goog-submenu-ar= row { forced-color-adjust: none; background-color: highlight !important; co= lor: highlighttext !important; } .docs-gm .docs-menubar .goog-control { border-color: canvas; } .docs-gm .docs-menubar .goog-control-open { border-color: highlight; } .docs-gm .goog-menuitem-disabled, .docs-gm .goog-menuitem-disabled .goog-= menuitem-accel, .docs-gm .goog-menuitem-disabled .goog-menuitem-content, .d= ocs-gm .goog-menuitem-disabled .goog-menuitem-label, .docs-gm .goog-menuite= m-disabled .goog-submenu-arrow { color: graytext !important; } .docs-gm .docs-material.goog-menu .goog-menuitem.goog-option-selected .go= og-menuitem-checkbox { background-color: buttontext; } } .docs-gm .goog-flat-menu-button-disabled { opacity: 0.38; } .docs-material #docs-presence-container { align-items: center; display: fle= x; height: 36px; justify-content: space-between; margin: 0px 8px 0px 0px; } .docs-material .docs-presence-plus-widget { display: flex; align-items: cen= ter; justify-content: flex-end; } .docs-material .docs-presence-plus-widget-collabs { height: 36px; } .docs-material .docs-presence-plus-collab-widget-container { align-items: c= enter; display: inline-flex; flex-direction: column; height: 36px; margin: = 0px 0px 0px -8px; overflow: visible; width: 36px; } .docs-material .docs-presence-plus-widget-open .docs-presence-plus-collab-w= idget-container { display: none; } .docs-material .docs-presence-plus-collab-widget { display: flex; } .docs-material .docs-presence-plus-collab-widget-color-block, .docs-materia= l.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget= -color-block { height: 32px; width: 32px; border-radius: 9999px; border-wid= th: 2px; border-style: solid; border-color: var(--gm3-sys-color-surface,#ff= f); box-shadow: none; background-clip: padding-box; cursor: pointer; -webki= t-tap-highlight-color: transparent; background-color: var(--gm3-sys-color-s= urface,#fff); opacity: 1; overflow: visible; } .docs-material .docs-presence-plus-widget-followable .docs-presence-plus-co= llab-widget-container:focus .docs-presence-plus-collab-widget-color-block {= border: 2px solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 0p= x; } .docs-material .docs-presence-plus-widget-followable .docs-presence-plus-co= llab-widget-container:hover .docs-presence-plus-collab-widget-color-block {= border: 2px solid var(--gm3-sys-color-surface-variant,#e1e3e1); } .docs-material .docs-presence-plus-collab-widget-color-block.docs-cse-prese= nce-collab-widget, .docs-material.docs-presence-plus-widget-overflow-menu .= docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widge= t { cursor: default; } .docs-material .docs-presence-plus-collab-widget-container:focus .docs-pres= ence-plus-collab-widget-color-block.docs-cse-presence-collab-widget { borde= r-width: medium; border-style: none; border-color: currentcolor; border-ima= ge: none; margin: 2px; } .docs-material .docs-presence-plus-collab-widget-image-container, .docs-mat= erial.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-wi= dget-image-container { height: 32px; width: 32px; border-radius: 9999px; pa= dding: 0px; overflow: visible; display: inline-block; opacity: 0.5; box-sha= dow: 0 0 1px 0 var(--gm3-sys-color-surface,#fff); position: relative; } .docs-material .docs-presence-plus-collab-widget-active .docs-presence-plus= -collab-widget-image-container, .docs-material .docs-presence-plus-collab-w= idget-active + .docs-presence-plus-collab-widget-leader-label-container .do= cs-presence-plus-collab-widget-leader-label { opacity: 1; } .docs-material .docs-presence-plus-collab-widget-image-border, .docs-materi= al.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widge= t-image-border { height: 28px; width: 28px; border-radius: 9999px; margin: = 2px; border-width: medium; border-style: none; border-color: currentcolor; = border-image: none; } .docs-material .docs-presence-plus-collab-widget-image, .docs-material.docs= -presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image= { height: 28px; width: 28px; border-radius: 9999px; padding: 0px; left: 0p= x; } .docs-material .docs-presence-plus-collab-widget-container:focus { outline:= none; } .docs-material .docs-presence-plus-collab-widget-container:focus .docs-pres= ence-plus-collab-widget-color-block { border: 4px solid rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.12); margin: -2px; } .docs-material .goog-flat-menu-button.docs-presence-plus-widget-overflow-bu= tton { height: 32px; width: 32px; border-radius: 9999px; border-width: 2px;= border-style: solid; border-color: var(--gm3-sys-color-surface,#fff); box-= shadow: none; background-clip: padding-box; cursor: pointer; -webkit-tap-hi= ghlight-color: transparent; margin: 0px 0px 0px -8px; background-color: var= (--gm3-sys-color-surface-container-high,#e9eef6); background-image: none; c= olor: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button = { height: 28px; width: 28px; border-radius: 9999px; border-width: 2px; bord= er-style: solid; border-color: var(--gm3-sys-color-surface,#fff); box-shado= w: none; background-clip: padding-box; cursor: pointer; -webkit-tap-highlig= ht-color: transparent; } .docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button = .goog-flat-menu-button-caption { line-height: 28px; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-focused { border: 4px solid rgba(var(--gm3-sys-color-on-surface-rgb,31= ,31,31),.12); color: var(--gm3-sys-color-on-surface,#1f1f1f); margin: -2px = -2px -2px -10px; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-focused.goog-flat-menu-button-open { border: 2px solid var(--gm3-sys-c= olor-surface,#fff); margin: 0px 0px 0px -8px; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-open { background-color: var(--gm3-sys-color-surface-container-high,#e= 9eef6); z-index: auto; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-hover { box-shadow: none; background-color: linear-gradient(rgba(var(-= -gm3-sys-color-on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-su= rface-rgb,31,31,31),.08)),var(--gm3-sys-color-surface-container-high,#e9eef= 6); color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-active { background-color: linear-gradient(rgba(var(--gm3-sys-color-on= -surface-rgb,31,31,31),.1),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31= ),.1)),var(--gm3-sys-color-surface-container-high,#e9eef6); color: var(--gm= 3-sys-color-on-surface,#1f1f1f); } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-open .goog-flat-menu-button-caption { transition-duration: 0.2s; trans= ition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0= .2, 1); transition-delay: 0.1s; opacity: 0; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-open .goog-flat-menu-button-dropdown { transition-duration: 0.2s; tran= sition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, = 0.2, 1); transition-delay: 0.1s; opacity: 1; } .docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-b= utton-caption { transition-duration: 0.2s; transition-property: opacity; tr= ansition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); left: -2px; line-he= ight: 32px; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;= font-size: 0.75rem; font-weight: 500; } .docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-b= utton-dropdown { transition-duration: 0.2s; transition-property: opacity; t= ransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); right: 10px; opaci= ty: 0; border-width: 0px 6px 6px; border-color: var(--gm3-sys-color-outline= -variant,#c4c7c5) transparent; } .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-bu= tton-active .goog-flat-menu-button-dropdown, .docs-material .docs-presence-= plus-widget-overflow-button.goog-flat-menu-button-focused .goog-flat-menu-b= utton-dropdown, .docs-material .docs-presence-plus-widget-overflow-button.g= oog-flat-menu-button-hover .goog-flat-menu-button-dropdown { border-color: = var(--gm3-sys-color-outline,#747775) transparent; } .docs-material.docs-presence-plus-widget-overflow-menu { border-radius: 2px= ; display: flex; flex-direction: column; max-height: 340px; padding: 4px 0p= x 8px; width: 256px; } .docs-material.docs-presence-plus-widget-expanded-width-overflow-menu { wid= th: 320px; } .docs-material.docs-presence-plus-widget-overflow-menu .goog-menuheader { d= isplay: flex; align-items: center; margin-left: 16px; height: 40px; color: = var(--gm3-sys-color-on-surface-variant,#444746); font-weight: 500; order: 1= ; } .docs-presence-plus-collab-widget-menuitem { order: 3; } .docs-presence-plus-collab-widget-menuitem.docs-presence-plus-collab-widget= -leader { order: 2; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-container { align-items: center; display: flex; flex-directio= n: row; justify-content: space-between; margin: 5px 0px; position: relative= ; height: 48px; width: 100%; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-color-block { margin: 0px 16px; border-width: medium; border-= style: none; border-color: currentcolor; border-image: none; } .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widg= et-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-pr= esence-plus-collab-widget-color-block { height: 32px; width: 32px; border-r= adius: 9999px; box-shadow: none; background-clip: padding-box; cursor: poin= ter; -webkit-tap-highlight-color: transparent; border-width: medium; border= -style: none; border-color: currentcolor; border-image: none; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget { align-items: center; display: flex; height: 48px; padding-r= ight: 16px; width: 100%; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-leader .docs-presence-plus-collab-widget:not(.docs-presence-p= lus-collab-widget-active) { padding-right: 8px; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-name { color: var(--gm3-sys-color-on-surface,#1f1f1f); displa= y: flex; justify-content: space-between; margin: 0px; width: 100%; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-idle-text { color: var(--gm3-sys-color-on-surface-variant,#44= 4746); display: inline-flex; margin-left: 6px; font-size: 13px; } .docs-presence-plus-collab-widget-label { align-items: center; border-radiu= s: 4px; color: var(--gm3-sys-color-surface,#fff); display: flex; font-famil= y: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-s= ize: 0.6875rem; font-weight: 500; height: 16px; letter-spacing: 0.00625rem;= margin-right: 16px; padding: 2px 8px; } .docs-presence-plus-collab-widget-leader-label-container { bottom: 0px; dis= play: inline-flex; height: 18px; left: 0px; position: relative; width: fit-= content; } .docs-presence-plus-collab-widget-leader-label { bottom: 0px; box-sizing: b= order-box; height: 100%; justify-content: center; margin: 0px; opacity: 0.5= ; padding: 2px 6px; position: static; width: fit-content; z-index: 2; } .docs-presence-plus-collab-widget-leader-label-background { background-colo= r: var(--gm3-sys-color-surface,#fff); border-radius: 4px; bottom: 0px; box-= sizing: border-box; left: 0px; position: absolute; height: 100%; width: 100= %; z-index: -1; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-container:focus-visible .docs-presence-plus-collab-widget-lea= der-label, .docs-material.docs-presence-plus-widget-overflow-menu .docs-pre= sence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-= leader-label, .docs-material.docs-presence-plus-widget-overflow-menu .docs-= presence-plus-collab-widget-leader-label { border-width: medium; border-sty= le: none; border-color: currentcolor; border-image: none; height: 18px; mar= gin-top: 0px; padding: 0px 7px; width: auto; } .docs-presence-plus-collab-widget-container:focus-visible .docs-presence-pl= us-collab-widget-label-text, .docs-presence-plus-collab-widget-container:ho= ver .docs-presence-plus-collab-widget-label-text { display: block; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-label-text { display: block; } .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-= collab-widget-leader-label-container { margin-right: 16px; } @keyframes material-collab-join {=20 0% { opacity: 0; } 100% { opacity: 1; } } .docs-material .docs-presence-plus-collab-widget-enter-material { animation= -name: material-collab-join; animation-timing-function: cubic-bezier(0, 0, = 0.2, 1); animation-duration: 0.2s; animation-fill-mode: both; } .docs-material .docs-presence-plus-collab-widget-exit-material { animation-= name: material-collab-join; animation-direction: reverse; animation-timing-= function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.2s; animation= -fill-mode: both; } .docs-gm .docs-gm-sidebar-icon { display: flex; align-items: center; margin= -right: 12px; height: 24px; width: 24px; } .docs-gm .docs-gm-sidebar-icon .docs-gm-sidebar-icon-24 { height: 24px; mar= gin: 0px; width: 24px; } .docs-gm .docs-gm-sidebar-icon-path { fill: var(--gm3-sys-color-primary,#0b= 57d0); } .add-on-host-dialog { z-index: 903; } .add-on-host-dialog-bg { z-index: 902; } .docs-material .docs-titlebar-button { display: inline-flex; align-items: c= enter; justify-content: center; } .docs-revisions-sidebar .docs-revisions-sidebar-title { height: 64px; } .docs-material #docs-docos-commentsbutton { background-color: transparent; = background-image: none; height: 40px; width: 40px; border-radius: 9999px; b= order-width: 1px; border-style: solid; border-color: transparent; box-shado= w: none; background-clip: padding-box; cursor: pointer; -webkit-tap-highlig= ht-color: transparent; min-width: 0px; padding: 0px; margin: 0px 9px 0px 0p= x; } .docs-grille-gm3 #docs-docos-commentsbutton .docs-icon { top: 1px; } .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-hover, .doc= s-material #docs-docos-commentsbutton:focus { background-color: rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.06); } .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active, .do= cs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked { back= ground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); } .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-ac= tive, .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-but= ton-checked { background-color: var(--gm3-sys-color-primary-container,#d3e3= fd); } .docs-material #docs-docos-commentsbutton .docs-icon { height: 24px; width:= 24px; opacity: 0.54; } .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .doc= s-icon, .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-che= cked .docs-icon { opacity: 0.87; } .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled .d= ocs-icon { opacity: 0.26; } .docs-gm .docs-material #docs-docos-commentsbutton .docs-icon, .docs-gm .do= cs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .docs-i= con, .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-butt= on-checked .docs-icon { opacity: 1; } .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-di= sabled .docs-icon { opacity: 0.38; } .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled, .= docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled, .doc= s-material #docs-titlebar-share-client-button .jfk-button.jfk-button-disabl= ed { cursor: inherit; } .docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge = { background-color: var(--gm3-sys-color-primary,#0b57d0); border: 2px solid= var(--gm3-sys-color-on-primary,#fff); border-radius: 9999px; color: var(--= gm3-sys-color-on-primary,#fff); font-family: Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.75rem; font-weight: 500; height: 16px; le= ft: 28px; line-height: 1rem; padding: 0px 3px; position: absolute; top: 0px= ; transform: translateX(-50%); min-width: 10px; z-index: inherit; } .docs-material #docs-titlebar-share-client-button .jfk-button { box-shadow:= none; background-color: var(--gm3-sys-color-primary,#0b57d0); background-i= mage: none; cursor: pointer; border-radius: 2px; border-width: 1px; border-= style: inset; color: var(--gm3-sys-color-on-primary,#fff); height: 30px; te= xt-transform: uppercase; font-size: 0.875rem; margin-right: 12px; padding: = 0px 7px; min-width: 0px; border-color: transparent !important; } .docs-material #docs-titlebar-share-client-button .jfk-button-disabled { ba= ckground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); opa= city: 1; } .docs-material #docs-titlebar-share-client-button .jfk-button .scb-button-i= con { margin: 0px 3px 0px -4px; } .docs-material #docs-titlebar-share-client-button .jfk-button:focus { borde= r-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38) !important;= } .docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-ho= ver { } .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-but= ton .jfk-button { padding-left: 16px; padding-right: 16px; } .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-but= ton .jfk-button.jfk-button-hover { height: 28px; } .docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-ac= tive, .docs-material #docs-titlebar-share-client-button .jfk-button.jfk-but= ton-checked { background-color: linear-gradient(rgba(var(--gm3-sys-color-on= -primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,2= 55,255),.1)),var(--gm3-sys-color-primary,#0b57d0); } .docs-material #docs-script-button-bar .jfk-button { box-shadow: none; back= ground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); backg= round-image: none; cursor: pointer; border-radius: 2px; border-width: 1px; = border-style: inset; color: var(--gm3-sys-color-on-surface-variant,#444746)= ; font-size: 13px; height: 30px; padding: 0px 14px; text-transform: upperca= se; margin-right: 8px; border-color: transparent !important; } .docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled { ba= ckground-color: linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,= 31,31),.1),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1)),var(--gm3= -sys-color-surface,#fff); color: linear-gradient(rgba(var(--gm3-sys-color-s= urface-rgb,255,255,255),.38),rgba(var(--gm3-sys-color-surface-rgb,255,255,2= 55),.38)),var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material #docs-script-button-bar .jfk-button:focus { color: rgba(var(= --gm3-sys-color-on-surface-rgb,31,31,31),.6); border-color: var(--gm3-sys-c= olor-primary,#0b57d0) !important; } .docs-material #docs-script-button-bar .jfk-button.jfk-button-hover { color= : rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.6); } .docs-material #docs-script-button-bar .jfk-button.jfk-button-active, .docs= -material #docs-script-button-bar .jfk-button.jfk-button-checked { backgrou= nd-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); color: va= r(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material #docs-script-button-bar .jfk-button.jfk-button-clear-outline= , .docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-= clear-outline { border-color: transparent !important; } #docs-docos-caret { display: none; } .docs-material .docs-docos-activitybox { top: 60px; } .docs-material #docs-header .docs-titlebar-buttons { align-items: center; d= isplay: flex; height: 64px; padding: 0px 12px 0px 16px; top: 0px; z-index: = 900; } .docs-material #docs-header .docs-titlebar-buttons.show-minibar-above-modal= -dialog { z-index: auto; } .docs-material #docs-header.docs-hub-appbar .docs-titlebar-buttons { backgr= ound-color: transparent; height: 56px; } .docs-material #docs-header .docs-titlebar-buttons.docs-titlebar-occluding:= :before { background: linear-gradient(to right,transparent,color-mix(in sRG= B,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent) 70%,color-mix(in= sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 20%,transparent) 100%); conte= nt: ""; height: 100%; left: -6px; position: absolute; width: 6px; top: 0px;= } .docs-material #docs-header .docs-titlebar-buttons-rtl.docs-titlebar-occlud= ing::before { background: linear-gradient(to left,transparent,color-mix(in = sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent) 70%,color-mix= (in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 20%,transparent) 100%); } .docs-material #docs-header .docs-titlebar-buttons #docs-titlebar-edit-butt= ons { display: inherit; align-items: inherit; } .docs-material .docs-titlebar-buttons .onegoogle-material-minibar { text-al= ign: left; } .docs-material .docs-titlebar-buttons .onegoogle-material-minibar.show-mini= bar-above-modal-dialog { z-index: 1004; } .docs-material #googlebar-coldstart { height: 32px; width: 32px; border-rad= ius: 9999px; background-color: var(--gm3-sys-color-primary,#0b57d0); margin= : 0px 8px 0px 0px; padding: 0px; z-index: auto; } .docs-material #googlebar-coldstart .docs-icon-img { opacity: 0.54; } .docs-gm .docs-title-untitled { font-style: normal; } .docs-gm #docs-titlebar-share-client-button .jfk-button { border-radius: 4p= x; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-siz= e: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; b= ackground: var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color= -on-primary,#fff); padding: 9px 16px 10px 12px; text-transform: capitalize;= border: 1px solid transparent !important; } .docs-gm #docs-titlebar-share-client-button .jfk-button-disabled { backgrou= nd: var(--gm3-sys-color-surface-container-low,#f8fafd); color: var(--gm3-sy= s-color-on-surface,#1f1f1f); opacity: 0.62; padding: 9px 16px 10px 12px; } .docs-gm #docs-titlebar-share-client-button .jfk-button .scb-button-icon { = margin: 0px 3px 0px -4px; } .docs-gm #docs-titlebar-share-client-button .jfk-button:focus { color: var(= --gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--gm= 3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-pri= mary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow= : 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15); paddi= ng: 9px 16px 10px 12px; border-color: transparent !important; } .docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover { = color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(rg= ba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys-= color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d0= ); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208= ),.15); padding: 9px 16px 10px 12px; } .docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:fo= cus { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradi= ent(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3= -sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b= 57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87= ,208),.15); padding: 9px 16px 10px 12px; } .docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-active, = .docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-checked = { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(= rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys= -color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0= ); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-rgb,11,87,208= ),.15); padding: 9px 16px 10px 12px; } .docs-material #docs-recall-titlebar-search-menu-container { align-self: fl= ex-start; margin: 12px 16px 0px; } .docs-material .docs-title-bar-find-icon-container { height: 24px; width: 2= 4px; } .docs-material #docs-toolbar-wrapper { border-top: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); border-bottom: 1px solid var(--gm3-sys-colo= r-outline-variant,#c4c7c5); background: var(--gm3-sys-color-surface,#fff); = box-shadow: none; } .docs-gm #docs-toolbar-wrapper { border-top: 1px solid var(--gm3-sys-color-= outline-variant,#c4c7c5); border-bottom: 1px solid var(--gm3-sys-color-outl= ine-variant,#c4c7c5); } .docs-material #docs-side-toolbar { margin: 0px 21px 0px 0px; } .docs-material.companion-enabled #docs-side-toolbar { margin: 0px 4px 0px 0= px; } .docs-material #docs-equationtoolbar, .docs-material #docs-header.docs-hub-= appbar #docs-titlebar-container, .docs-material #docs-toolbar-wrapper, .doc= s-material .docs-printpreview-toolbar { padding: 0px 21px 0px 22px; } .docs-material #docs-header.docs-hub-appbar #docs-titlebar-container { padd= ing-left: 24px; } .docs-material #docs-equationtoolbar, .docs-material .docs-printpreview-too= lbar { background: var(--gm3-sys-color-surface,#fff); } .docs-material #docs-equationtoolbar { border-top-width: 0px; border-bottom= : 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material.companion-enabled #docs-equationtoolbar { padding-right: 4px= ; } .docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-inner-box { paddin= g-top: 0px; } .docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-caption { padding-= top: 2px; } #hide-equation-toolbar-button { float: right; } #docs-omnibox-toolbar .docs-omnibox-input { height: 26px; line-height: 26px= ; } #docs-omnibox-toolbar .docs-omnibox-input::placeholder { line-height: 26px;= } #docs-omnibox-toolbar .docs-omnibox-autocomplete { margin: 6px 4px 6px 1px;= } .docs-gm #docs-toolbar, .docs-gm .goog-toolbar { min-height: 38px; } .docs-material .goog-toolbar-button, .docs-material .goog-toolbar-combo-but= ton, .docs-material .goog-toolbar-menu-button { box-shadow: none; backgroun= d-color: var(--gm3-sys-color-surface,#fff); background-image: none; cursor:= pointer; border-radius: 2px; border-width: 1px; border-color: transparent = !important; } .docs-gm .docs-material.trix-palette .goog-palette-cell-hover, .docs-materi= al .docs-toolbar-button-split-sympathy-hover, .docs-material .docs-toolbar-= split-create-button, .docs-material .docs-toolbar-split-create-button.goog-= toolbar-button-hover, .docs-material .docs-toolbar-split-create-button.goog= -toolbar-menu-button-hover, .docs-material .goog-toolbar-button-hover, .doc= s-material .goog-toolbar-combo-button-hover, .docs-material .goog-toolbar-m= enu-button-hover { box-shadow: none; background-color: rgba(var(--gm3-sys-c= olor-on-surface-rgb,31,31,31),.06); background-image: none; border-radius: = 2px; border-width: 1px; cursor: pointer; border-color: transparent !importa= nt; } .docs-gm .docs-material .docs-toolbar-button-split-sympathy-hover, .docs-gm= .docs-material .docs-toolbar-split-button-separator-wrapper, .docs-gm .doc= s-material .docs-toolbar-split-create-button, .docs-gm .docs-material .docs= -toolbar-split-create-button.goog-toolbar-button-hover, .docs-gm .docs-mate= rial .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover .docs= -gm .docs-material.trix-palette .goog-palette-cell-hover, .docs-gm .docs-ma= terial .docs-toolbar-split-sl-button, .docs-gm .docs-material .goog-toolbar= -button-hover, .docs-gm .docs-material .goog-toolbar-combo-button-hover, .d= ocs-gm .docs-material .goog-toolbar-menu-button-hover { background-color: v= ar(--gm3-sys-color-surface-container,#f0f4f9); } .docs-gm .docs-material.trix-palette .goog-palette-cell-selected, .docs-mat= erial .docs-toolbar-split-create-button.goog-toolbar-button-active, .docs-m= aterial .docs-toolbar-split-create-button.goog-toolbar-menu-button-active, = .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-o= pen, .docs-material .goog-toolbar-button-active, .docs-material .goog-toolb= ar-button-checked, .docs-material .goog-toolbar-button-selected, .docs-mate= rial .goog-toolbar-combo-button-open, .docs-material .goog-toolbar-menu-but= ton-open { box-shadow: none; background-color: rgba(var(--gm3-sys-color-on-= surface-rgb,31,31,31),.12); background-image: none; cursor: pointer; border= -radius: 2px; border-width: 1px; border-color: transparent !important; } .docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-butt= on-active, .docs-gm .docs-material .docs-toolbar-split-create-button.goog-t= oolbar-menu-button-active, .docs-gm .docs-material .docs-toolbar-split-crea= te-button.goog-toolbar-menu-button-open, .docs-gm .docs-material .goog-tool= bar-button-active, .docs-gm .docs-material .goog-toolbar-button-checked, .d= ocs-gm .docs-material .goog-toolbar-button-selected, .docs-gm .docs-materia= l .goog-toolbar-combo-button-open, .docs-gm .docs-material .goog-toolbar-me= nu-button-open, .docs-gm .docs-material.trix-palette .goog-palette-cell-sel= ected { background-color: var(--gm3-sys-color-primary-container,#d3e3fd); c= olor: var(--gm3-sys-color-primary,#0b57d0); } .docs-material .goog-toolbar-button, .docs-material .goog-toolbar-menu-butt= on { margin: 3px 1px 0px; height: 26px; line-height: 26px; color: color-mix= (in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 70%,transparent); } .docs-material .goog-toolbar-button-inner-box, .docs-material .goog-toolbar= -menu-button-inner-box { height: 26px; min-width: 26px; } .docs-material .docs-toolbar-button-split-left .goog-toolbar-button-inner-b= ox { min-width: 26px; } .docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked + .g= oog-toolbar-toggle-button.goog-toolbar-button-checked { border-left-color: = var(--gm3-sys-color-outline-variant,#c4c7c5); border-left-style: solid; bor= der-left-width: 1px; border-top-left-radius: 2px; border-bottom-left-radius= : 2px; margin-left: 1px; } .docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked + .g= oog-toolbar-toggle-button.goog-toolbar-button-checked .goog-toolbar-button-= outer-box .goog-toolbar-button-inner-box, .docs-material .goog-toolbar-togg= le-button.goog-toolbar-button-checked + .goog-toolbar-toggle-button.goog-to= olbar-button-checked.goog-toolbar-button-hover .goog-toolbar-button-outer-b= ox .goog-toolbar-button-inner-box { margin-left: 0px; } .docs-material .goog-toolbar-button .docs-icon, .docs-material .goog-toolba= r-menu-button .docs-icon { opacity: 0.54; } .docs-gm .docs-material .goog-toolbar-button .docs-icon, .docs-gm .docs-mat= erial .goog-toolbar-combo-button-dropdown, .docs-gm .docs-material .goog-to= olbar-menu-button .docs-icon, .docs-gm .docs-material .goog-toolbar-menu-bu= tton-dropdown { opacity: 1; } .docs-material .goog-toolbar-button-active .docs-icon, .docs-material .goog= -toolbar-button-checked .docs-icon, .docs-material .goog-toolbar-button-hov= er .docs-icon, .docs-material .goog-toolbar-button-selected .docs-icon, .do= cs-material .goog-toolbar-menu-button-checked .docs-icon, .docs-material .g= oog-toolbar-menu-button-hover .docs-icon, .docs-material .goog-toolbar-menu= -button-open .docs-icon, .docs-material .goog-toolbar-menu-button-selected = .docs-icon { opacity: 0.87; } .docs-gm .docs-material .goog-toolbar-button-active .docs-icon, .docs-gm .d= ocs-material .goog-toolbar-button-checked .docs-icon, .docs-gm .docs-materi= al .goog-toolbar-button-hover .docs-icon, .docs-gm .docs-material .goog-too= lbar-button-selected .docs-icon, .docs-gm .docs-material .goog-toolbar-menu= -button-checked .docs-icon, .docs-gm .docs-material .goog-toolbar-menu-butt= on-hover .docs-icon, .docs-gm .docs-material .goog-toolbar-menu-button-open= .docs-icon, .docs-gm .docs-material .goog-toolbar-menu-button-selected .do= cs-icon { opacity: 1; } .docs-gm .goog-toolbar-button-inner-box, .docs-gm .goog-toolbar-menu-button= -inner-box { height: 24px; min-width: 24px; } .docs-gm .goog-toolbar-button .docs-icon { margin: 0px 0px 1px; } .docs-gm .goog-toolbar-button.docs-icon-toolbar-button-with-text .docs-icon= -toolbar-button-with-text-icon-container { margin-right: 4px; } .docs-gm .goog-toolbar-menu-button.docs-textcolormenubutton .docs-icon { ma= rgin-top: 1px; } .docs-material .goog-toolbar-separator.goog-inline-block { border-left: 1px= solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 0px 3px; } .docs-material .docs-toolbar-small-separator + div.goog-toolbar-button, .do= cs-material .docs-toolbar-small-separator + div.goog-toolbar-menu-button { = margin-left: 1px; } .docs-gm .goog-toolbar-separator.goog-inline-block { border-left: 1px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 9px 4px; height: 20p= x; } .docs-material .docs-toolbar-button-split-left, .docs-material .docs-toolba= r-button-split-left.goog-inline-block { margin-right: 0px; } .docs-material .docs-toolbar-button-split-right, .docs-material .docs-toolb= ar-button-split-right.goog-inline-block { margin-left: 0px; } .docs-material .docs-toolbar-button-split-left + .docs-toolbar-button-split= -right.goog-toolbar-menu-button-open, .docs-material .docs-toolbar-button-s= plit-right.docs-toolbar-button-split-sympathy-hover, .docs-material .docs-t= oolbar-button-split-right.goog-toolbar-button-hover, .docs-material .docs-t= oolbar-button-split-right.goog-toolbar-menu-button-hover, .docs-material .d= ocs-toolbar-split-create-button + .docs-toolbar-button-split-right { border= -left-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12) !import= ant; } .docs-gm .docs-material .docs-toolbar-button-split-left + .docs-toolbar-but= ton-split-right.goog-toolbar-menu-button-open, .docs-gm .docs-material .doc= s-toolbar-button-split-right.docs-toolbar-button-split-sympathy-hover, .doc= s-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-button-ho= ver, .docs-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-= menu-button-hover, .docs-gm .docs-material .docs-toolbar-split-create-butto= n + .docs-toolbar-button-split-right { border-left-color: var(--gm3-sys-col= or-surface-container,#f0f4f9) !important; } .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button {= margin-right: 3px; } .docs-material .docs-toolbar-split-create-button .goog-toolbar-menu-button-= dropdown, .docs-material .goog-toolbar-combo-button-dropdown, .docs-materia= l .goog-toolbar-menu-button-dropdown { margin-top: 10px; } .docs-gm .docs-gm-arrow .docs-icon { margin: 0px; } .docs-gm .docs-gm-arrow.goog-toolbar-combo-button-dropdown, .docs-gm .docs-= gm-arrow.goog-toolbar-menu-button-dropdown, .docs-gm .docs-toolbar-split-cr= eate-button .goog-toolbar-menu-button-dropdown { background: none; margin: = 0px -1px 0px -3px; width: 13px; } .docs-gm .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-too= lbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown { margin-righ= t: -1px; } .docs-gm #docs-equationtoolbar .goog-toolbar-button, .docs-gm #docs-equatio= ntoolbar .goog-toolbar-menu-button, .docs-gm .goog-toolbar-button, .docs-gm= .goog-toolbar-combo-button, .docs-gm .goog-toolbar-menu-button, .docs-gm .= trix-palette .goog-palette-cell { height: 24px; line-height: 24px; margin: = 6px 1px; top: 0px; } .docs-gm .goog-toolbar-button-disabled, .docs-gm .goog-toolbar-menu-button-= disabled, .docs-gm .trix-palette .goog-palette-cell-disabled { cursor: inhe= rit; opacity: 0.38; color: var(--gm3-sys-color-on-surface-variant,#444746) = !important; } .docs-gm .goog-toolbar-combo-button-input { color: color-mix(in sRGB,var(--= gm3-sys-color-on-surface,#1f1f1f) 70%,transparent); box-sizing: border-box;= height: 20px; width: 48px !important; } .docs-gm .goog-toolbar-combo-button-open { background-color: var(--gm3-sys-= color-surface-container,#f0f4f9); } .docs-gm .goog-toolbar-combo-button-input::selection { background-color: va= r(--gm3-sys-color-primary-container,#d3e3fd); } .docs-gm .goog-toolbar-combo-button-input:focus { border-radius: 4px; paddi= ng: 0px 7px; border: 2px solid var(--gm3-sys-color-primary,#0b57d0) !import= ant; } .docs-material .goog-color-menu-button-indicator { height: 20px; border-bot= tom-color: transparent; forced-color-adjust: none; } .docs-material .docs-textcolormenubutton .goog-toolbar-menu-button-outer-bo= x .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .go= og-color-menu-button-indicator { bottom: 0px; } .docs-material.docs-toolbar-more-bubble { border: 0px; border-radius: 2px; = } .docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arr= owimplafter, .docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .j= fk-bubble-arrowimplbefore { border-color: transparent; } .docs-material.docs-toolbar-more-toolbar { background: var(--gm3-sys-color-= surface,#fff); border-radius: 2px; padding: 0px 4px; } .docs-gm .docs-toolbar-more-bubble { border-radius: 4px; box-shadow: 0 2px = 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .docs-toolbar-more-toolbar { border-radius: 4px; } .goog-toolbar-button, .goog-toolbar-menu-button { border-radius: 2px; user-= select: none; background: 0px center; border-color: transparent; border-sty= le: solid; border-width: 1px; outline: none; padding: 0px; height: 24px; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); line-height: 24px; li= st-style: none; font-size: 11px; font-weight: 700; text-decoration: none; v= ertical-align: middle; cursor: default; } .goog-toolbar-button-inner-box .goog-toolbar-menu-button-outer-box, .goog-t= oolbar-button-outer-box, .goog-toolbar-menu-button-inner-box { border: 0px;= vertical-align: top; } .goog-toolbar-button-outer-box, .goog-toolbar-menu-button-outer-box { margi= n: 0px; padding: 0px; } .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-inner-box { paddi= ng: 0px 2px; } .goog-toolbar-button-active, .goog-toolbar-button-checked, .goog-toolbar-bu= tton-hover, .goog-toolbar-button-selected { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); padding: 0px; } .goog-toolbar-button-hover, .goog-toolbar-menu-button-hover { color: var(--= gm3-sys-color-on-surface,#1f1f1f); border-color: var(--gm3-sys-color-outlin= e-variant,#c4c7c5) !important; } .goog-toolbar-menu-button-open { color: var(--gm3-sys-color-on-surface,#1f1= f1f); } .goog-toolbar-button-hover, .goog-toolbar-menu-button-hover { box-shadow: 0= 1px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.1); background-color: = var(--gm3-sys-color-surface-container,#f0f4f9); background-image: linear-gr= adient(top,var(--gm3-sys-color-surface-container,#f0f4f9),var(--gm3-sys-col= or-surface-container-low,#f8fafd)); } .goog-toolbar-button-active, .goog-toolbar-menu-button-active { box-shadow:= 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3); background-color= : var(--gm3-sys-color-surface-container-low,#f8fafd); background-image: lin= ear-gradient(top,var(--gm3-sys-color-surface-container-low,#f8fafd),var(--g= m3-sys-color-surface-container,#f0f4f9)); border-color: var(--gm3-sys-color= -outline-variant,#c4c7c5); } .goog-toolbar-button-checked, .goog-toolbar-button-selected, .goog-toolbar-= menu-button-open { box-shadow: inset 0 1px 2px rgba(var(--gm3-sys-color-sha= dow-rgb,0,0,0),.3); background-color: var(--gm3-sys-color-surface-container= ,#f0f4f9); background-image: linear-gradient(top,var(--gm3-sys-color-surfac= e-container,#f0f4f9),var(--gm3-sys-color-surface-container-high,#e9eef6)); = border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .goog-toolbar-button-disabled, .goog-toolbar-menu-button-disabled { color: = var(--gm3-sys-color-on-surface,#1f1f1f) !important; opacity: 0.3; } .goog-toolbar-button-collapse-right, .goog-toolbar-button-collapse-right .g= oog-toolbar-button-inner-box, .goog-toolbar-button-collapse-right .goog-too= lbar-button-outer-box { margin-right: 0px; } .goog-toolbar-button-collapse-left, .goog-toolbar-button-collapse-left .goo= g-toolbar-button-inner-box, .goog-toolbar-button-collapse-left .goog-toolba= r-button-outer-box { margin-left: 0px; } .goog-toolbar-menu-button-dropdown { background: url("https://ssl.gstatic.c= om/ui/v1/disclosure/small-grey-disclosure-arrow-down.png") 50% center no-re= peat; float: right; margin: 10px 2px 0px 3px; padding: 0px; opacity: 0.8; v= ertical-align: middle; width: 5px; height: 7px; } .goog-toolbar-separator { border-left: 1px solid rgb(204, 204, 204); height= : 17px; line-height: normal; list-style: none; margin: 0px 2px; outline: no= ne; overflow: hidden; padding: 0px; text-decoration: none; vertical-align: = middle; width: 0px; } .goog-toolbar-select .goog-toolbar-menu-button-dropdown { background: url("= https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.p= ng") 50% center no-repeat; height: 11px; margin-top: 7px; width: 7px; trans= form: none; filter: none; } .goog-toolbar-menu-button-caption { padding: 0px; margin: 0px; } .jfk-button { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; font-weight: 500; } .jfk-button-flat { font-weight: 400; } .goog-toolbar-button, .goog-toolbar-menu-button { font-weight: 500; font-si= ze: 0.75rem; } #docs-editor, #docs-editor-container { background: var(--gm3-sys-color-surf= ace-container-low,#f8fafd); } .docs-hub #docs-editor-container { background: var(--gm3-sys-color-on-prima= ry,#fff); } .goog-tab { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ari= al, sans-serif; font-weight: 500; } .goog-flat-menu-button-caption { font-weight: 400; } .modal-dialog-buttons { font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; } .modal-dialog-buttons button { font-weight: 500; } .modal-dialog-title { font-size: 1.375rem; background-color: var(--gm3-sys-= color-surface-bright,#fff); } .modal-dialog-content { background-color: var(--gm3-sys-color-surface-brigh= t,#fff); } .goog-flat-menu-button { font-weight: 500; } .jfk-accordion .goog-zippy-expanded, .jfk-titleLink { font-weight: 500; } .jfk-countrypicker-countryCurrent, .jfk-countrypicker-countryCurrent:hover = { font-weight: 500; } .jfk-slideToggle { font-weight: 500; } .jfk-tooltip { font-weight: 500; font-size: 0.75rem; } .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore, .jfk-bubble-arrowup .jfk= -bubble-arrowimplbefore { border-color: var(--gm3-sys-color-outline-variant= ,#c4c7c5) transparent; } @media (forced-colors: active) { .docs-gm-promo.jfk-bubble.docs-promo-bubble { border: 1px solid canvastex= t; } .docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplafter, .= docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplbefore, .jf= k-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter, .jfk-tooltip .jfk= -tooltip-arrow .jfk-tooltip-arrowimplbefore { border-color: canvastext canv= as; } @supports (forced-color-adjust:none) { .docs-gm-promo .jfk-bubble-arrowimplafter, .docs-gm-promo .jfk-bubble-arr= owimplbefore, .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowimplbefore { f= orced-color-adjust: none; } .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore { border-col= or: canvastext transparent; } .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter { border-colo= r: canvas transparent; } .docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-= arrow-id.jfk-bubble-arrow .jfk-bubble-arrowimplafter { border-color: canvas= text transparent; } } } .docs-offline-optinpromo-buttons .jfk-button-action, .punch-animation-sideb= ar-play.jfk-button, .punch-animation-sidebar-stop.jfk-button, .waffle-filte= rbox-button-container .jfk-button-action { border-radius: 4px; box-shadow: = none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; he= ight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24p= x 11px; background: var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-= sys-color-on-primary,#fff); cursor: pointer; border: 1px solid transparent = !important; } .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover, .docs= -suggestiondialog-accept-container .goog-flat-menu-button-hover, .docs-sugg= estiondialog-accept-container .jfk-button-hover, .punch-animation-sidebar-p= lay.jfk-button-hover, .punch-animation-sidebar-stop.jfk-button-hover, .waff= le-filterbox-button-container .jfk-button-action.jfk-button-hover { color: = var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(= --gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys-color-o= n-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d0); box-= shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15);= } .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-focused, .do= cs-suggestiondialog-accept-container .goog-flat-menu-button-focused, .docs-= suggestiondialog-accept-container .jfk-button-focused, .punch-animation-sid= ebar-play.jfk-button-focused, .punch-animation-sidebar-stop.jfk-button-focu= sed, .waffle-filterbox-button-container .jfk-button-action.jfk-button-focus= ed { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradie= nt(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-= sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b5= 7d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,= 208),.15); } .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover.jfk-bu= tton-focused, .docs-suggestiondialog-accept-container .goog-flat-menu-butto= n-hover.goog-flat-menu-button-focused, .docs-suggestiondialog-accept-contai= ner .jfk-button-hover.jfk-button-focused, .punch-animation-sidebar-play.jfk= -button-hover.jfk-button-focused, .punch-animation-sidebar-stop.jfk-button-= hover.jfk-button-focused, .waffle-filterbox-button-container .jfk-button-ac= tion.jfk-button-hover.jfk-button-focused { color: var(--gm3-sys-color-on-pr= imary,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-primar= y-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255)= ,.1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(= var(--gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-pressed, .do= cs-suggestiondialog-accept-container .goog-flat-menu-button-pressed, .docs-= suggestiondialog-accept-container .jfk-button-pressed, .punch-animation-sid= ebar-play.jfk-button-pressed, .punch-animation-sidebar-stop.jfk-button-pres= sed, .waffle-filterbox-button-container .jfk-button-action.jfk-button-press= ed { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradie= nt(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-= sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b5= 7d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-rgb,11,87,= 208),.15); } .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-disabled, .d= ocs-suggestiondialog-accept-container .goog-flat-menu-button-disabled, .doc= s-suggestiondialog-accept-container .jfk-button-disabled, .punch-animation-= sidebar-play.jfk-button-disabled, .punch-animation-sidebar-stop.jfk-button-= disabled, .waffle-filterbox-button-container .jfk-button-action.jfk-button-= disabled { background: var(--gm3-sys-color-surface-container-low,#f8fafd); = color: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.62; cursor: defa= ult; } .docs-gm .docs-image-effect-adjustment-reset-button, .docs-offline-optinpro= mo-buttons .jfk-button-standard, .motion-ui .punch-animation-sidebar-add.go= og-flat-button, .waffle-filterbox-button-container .jfk-button-standard { b= order-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: "= Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weigh= t: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line= -height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-surf= ace,#fff); color: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover, .docs= -offline-optinpromo-buttons .jfk-button-standard.jfk-button-hover, .docs-su= ggestiondialog-reject-container .goog-flat-menu-button-hover, .docs-suggest= iondialog-reject-container .jfk-button-hover, .motion-ui .punch-animation-s= idebar-add.goog-flat-button-hover, .waffle-filterbox-button-container .jfk-= button-standard.jfk-button-hover { background: linear-gradient(rgba(var(--g= m3-sys-color-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-col= or-on-primary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-con= tainer,#d3e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d= 3e3fd) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-focused, .do= cs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-focused, .doc= s-suggestiondialog-reject-container .goog-flat-menu-button-focused, .docs-s= uggestiondialog-reject-container .jfk-button-focused, .motion-ui .punch-ani= mation-sidebar-add.goog-flat-button-focused, .waffle-filterbox-button-conta= iner .jfk-button-standard.jfk-button-focused { background: linear-gradient(= rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--= gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-p= rimary-container,#d3e3fd); border: 1px solid var(--gm3-sys-color-primary-co= ntainer,#d3e3fd) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover.jfk-bu= tton-focused, .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-but= ton-hover.jfk-button-focused, .docs-suggestiondialog-reject-container .goog= -flat-menu-button-hover.goog-flat-menu-button-focused, .docs-suggestiondial= og-reject-container .jfk-button-hover.jfk-button-focused, .motion-ui .punch= -animation-sidebar-add.goog-flat-button-hover.goog-flat-button-focused, .wa= ffle-filterbox-button-container .jfk-button-standard.jfk-button-hover.jfk-b= utton-focused { background: linear-gradient(rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-contai= ner-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); bord= er: 1px solid var(--gm3-sys-color-inverse-primary,#a8c7fa) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-pressed, .do= cs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-pressed, .doc= s-suggestiondialog-reject-container .goog-flat-menu-button-pressed, .docs-s= uggestiondialog-reject-container .jfk-button-pressed, .motion-ui .punch-ani= mation-sidebar-add.goog-flat-button-pressed, .waffle-filterbox-button-conta= iner .jfk-button-standard.jfk-button-pressed { background: linear-gradient(= rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--= gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-p= rimary-container,#d3e3fd); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.15); border: 1px solid transparent !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-disabled, .d= ocs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-disabled, .d= ocs-suggestiondialog-reject-container .goog-flat-menu-button-disabled, .doc= s-suggestiondialog-reject-container .jfk-button-disabled, .motion-ui .punch= -animation-sidebar-add.goog-flat-button-disabled, .waffle-filterbox-button-= container .jfk-button-standard.jfk-button-disabled { background: var(--gm3-= sys-color-surface,#fff); color: var(--gm3-sys-color-on-surface,#1f1f1f); op= acity: 0.38; cursor: default; border: 1px solid var(--gm3-sys-color-outline= -variant,#c4c7c5) !important; } .docs-gm .modal-dialog .jfk-button-standard, .docs-gm .modal-dialog button = { border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-we= ight: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; l= ine-height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-s= urface,#fff); color: var(--gm3-sys-color-primary,#0b57d0); border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover, .docs-gm .mod= al-dialog button:hover { background: linear-gradient(rgba(var(--gm3-sys-col= or-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-prim= ary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3= e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) !im= portant; } .docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused, .docs-gm .m= odal-dialog button:focus { background: linear-gradient(rgba(var(--gm3-sys-c= olor-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3= e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) !im= portant; } @media screen and (forced-colors: active) { .docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused, .docs-gm = .modal-dialog button:focus { border: 1px solid highlight; } } .docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover.jfk-button-foc= used, .docs-gm .modal-dialog button:hover:focus { background: linear-gradie= nt(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var= (--gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-colo= r-primary-container,#d3e3fd); border: 1px solid var(--gm3-sys-color-inverse= -primary,#a8c7fa) !important; } .docs-gm .modal-dialog .jfk-button-standard.jfk-button-active, .docs-gm .mo= dal-dialog .jfk-button-standard.jfk-button-focus.jfk-button-active, .docs-g= m .modal-dialog button:active, .docs-gm .modal-dialog button:focus:active {= background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-= rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,16= 0),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); box-shadow: 0 2px 6= px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); border: 1px solid t= ransparent !important; } .docs-gm .modal-dialog .jfk-button-standard.jfk-button-disabled, .docs-gm .= modal-dialog button[disabled] { background: var(--gm3-sys-color-surface,#ff= f); color: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38; border: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-gm .docs-material-bubble .jfk-button-action, .docs-gm .modal-dialog .= goog-buttonset-action, .docs-gm .modal-dialog .jfk-button-action { border-r= adius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500;= font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height= : 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-primary,#0b= 57d0); color: var(--gm3-sys-color-on-primary,#fff); border: 1px solid trans= parent !important; } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover, .docs-g= m .modal-dialog .goog-buttonset-action:hover, .docs-gm .modal-dialog .jfk-b= utton-action.jfk-button-hover { color: var(--gm3-sys-color-on-primary,#fff)= ; background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,2= 55,255),.08),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var= (--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3= -sys-color-primary-rgb,11,87,208),.15); } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-focused, .docs= -gm .modal-dialog .goog-buttonset-action:focus, .docs-gm .modal-dialog .jfk= -button-action.jfk-button-focused { color: var(--gm3-sys-color-on-primary,#= fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,2= 55,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),v= ar(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--g= m3-sys-color-primary-rgb,11,87,208),.15); } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover.jfk-butt= on-focused, .docs-gm .modal-dialog .goog-buttonset-action:hover:focus, .doc= s-gm .modal-dialog .jfk-button-action.jfk-button-hover.jfk-button-focused {= color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(r= gba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-= color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0)= ; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208)= ,.15); } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-active, .docs-= gm .docs-material-bubble .jfk-button-action.jfk-button-focus.jfk-button-act= ive, .docs-gm .modal-dialog .goog-buttonset-action:active, .docs-gm .modal-= dialog .goog-buttonset-action:focus:active, .docs-gm .modal-dialog .jfk-but= ton-action.jfk-button-active, .docs-gm .modal-dialog .jfk-button-action.jfk= -button-focus.jfk-button-active { color: var(--gm3-sys-color-on-primary,#ff= f); background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255= ,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var= (--gm3-sys-color-primary,#0b57d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3= -sys-color-primary-rgb,11,87,208),.15); } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled, .doc= s-gm .modal-dialog .goog-buttonset-action[disabled], .docs-gm .modal-dialog= .jfk-button-action.jfk-button-disabled { background: var(--gm3-sys-color-s= urface-container-low,#f8fafd); color: var(--gm3-sys-color-on-surface,#1f1f1= f); opacity: 0.62; } .docs-gm .docs-material-bubble .jfk-button-action, .docs-gm .docs-material-= bubble .jfk-button-standard, .docs-gm .modal-dialog .goog-buttonset-action,= .docs-gm .modal-dialog .goog-flat-button, .docs-gm .modal-dialog .jfk-butt= on-action, .docs-gm .modal-dialog .jfk-button-standard, .docs-gm .modal-dia= log button { cursor: pointer; } .docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled, .doc= s-gm .docs-material-bubble .jfk-button-standard.jfk-button-disabled, .docs-= gm .modal-dialog .goog-buttonset-action[disabled], .docs-gm .modal-dialog .= goog-flat-button.goog-flat-button-disabled, .docs-gm .modal-dialog .jfk-but= ton-action.jfk-button-disabled, .docs-gm .modal-dialog .jfk-button-standard= .jfk-button-disabled, .docs-gm .modal-dialog button[disabled] { cursor: def= ault; } .docs-gm .docs-material-bubble .jfk-textinput, .docs-gm .docs-material-gm-d= ialog .jfk-textinput, .docs-gm .modal-dialog .jfk-textinput { border: 1px s= olid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-= sizing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding= : 1px 8px; font-size: 0.875rem; height: 36px; margin: 8px 0px; } .docs-gm .modal-dialog textarea.jfk-textinput { min-height: 36px; height: u= nset; padding: 7px 8px; } .docs-gm .docs-material-gm-dialog textarea.jfk-textinput { min-height: 52px= ; max-height: 52px; min-width: 100%; height: unset; padding: 7px 8px; } .docs-gm .docs-material-bubble .jfk-textinput:focus, .docs-gm .docs-materia= l-gm-dialog .jfk-textinput:focus, .docs-gm .modal-dialog .jfk-textinput:foc= us { border: 2px solid var(--gm3-sys-color-primary,#0b57d0); box-shadow: no= ne; padding: 0px 7px; } .docs-gm .docs-material-gm-dialog textarea.jfk-textinput:focus, .docs-gm .m= odal-dialog textarea.jfk-textinput:focus { padding: 6px 7px; } .docs-material-gm-dialog-title-close:hover { opacity: 1; } .docs-gm .docs-material-gm-dialog-title-close { background-color: transpare= nt; border-radius: 9999px; cursor: pointer; line-height: 18px; text-align: = center; color: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-gm .docs-material-gm-dialog-title-close:hover { background-color: var= (--gm3-sys-color-surface-container,#f0f4f9); } .docs-gm .docs-material-gm-dialog-title-close:focus { background-color: var= (--gm3-sys-color-surface-container-high,#e9eef6); outline: none; } @media screen and (forced-colors: active) { .docs-gm .docs-material-gm-dialog-title-close { color: canvastext; } .docs-gm .docs-material-gm-dialog-title-close:focus, .docs-gm .docs-mater= ial-gm-dialog-title-close:hover { background-color: highlight; color: highl= ighttext; } } .docs-gm .modal-dialog .jfk-textinput.sketchy-guiderow-position { margin: 0= px; } .docs-gm .docs-offline-optinpromo.jfk-bubble, .docs-gm .docs-sync-indicator= -popup.jfk-bubble, .docs-gm .modal-dialog, .docs-gm .modal-dialog.google-ur= l-picker { background: var(--gm3-sys-color-surface-bright,#fff); border: 1p= x solid transparent; border-radius: 8px; box-shadow: 0 4px 8px 3px rgba(var= (--gm3-sys-color-shadow-rgb,0,0,0),.15); position: absolute; z-index: 1003;= padding: 24px; } .docs-gm .picker.modal-dialog { padding: 0px; z-index: 1201; } .docs-gm .modal-dialog.google-url-picker { padding: 0px; overflow: hidden; = } .docs-gm #docs-offline-optinpromo-description, .docs-gm #docs-offline-optin= promo-learn-more-container, .docs-gm .modal-dialog, .docs-gm .modal-dialog-= content, .docs-gm .modal-dialog.google-url-picker { color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); } .docs-gm #docs-offline-optinpromo-title { border-bottom-width: medium; bord= er-bottom-style: none; border-bottom-color: currentcolor; padding: 24px; } .docs-gm .docs-offline-optinpromo-title-text, .docs-gm .modal-dialog-title-= text { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google= Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 22px;= font-weight: 400; line-height: 1.75rem; } .docs-gm .docs-offline-optinpromo-buttons { display: flex; flex-direction: = row-reverse; } .docs-gm .docs-offline-optinpromo-confirm-buttons { margin-top: 24px; } .docs-gm .docs-offline-optinpromo-buttons .jfk-button { cursor: pointer; ma= rgin-left: 16px; margin-right: 0px; } .docs-gm .docs-findandreplacedialog-buttons, .docs-gm .modal-dialog-buttons= { display: flex; justify-content: flex-end; margin-top: 24px; } .docs-gm .modal-dialog-buttons button { margin: 0px 0px 0px 12px; } .docs-gm .modal-dialog-buttons button:first-child { margin-left: 0px; } .docs-gm .docs-dialog .modal-dialog-title { position: relative; } .docs-gm .docs-dialog .modal-dialog-title-text { display: inline-block; max= -width: calc(100% - 32px); min-width: 200px; } .docs-gm .docs-dialog .modal-dialog-title-close { background-color: transpa= rent; border-radius: 9999px; cursor: pointer; height: 18px; line-height: 18= px; padding: 7px; right: 0px; text-align: center; top: -3px; width: 18px; } .docs-gm .docs-dialog .modal-dialog-title-close:hover { background-color: v= ar(--gm3-sys-color-surface-container,#f0f4f9); } .docs-gm .docs-dialog .modal-dialog-title-close:focus { background-color: v= ar(--gm3-sys-color-surface-container-high,#e9eef6); outline: none; } @media screen and (forced-colors: active) { .docs-gm .docs-dialog .modal-dialog-title-close:focus { border: 1px solid= highlight; padding: 6px; } } .docs-gm .docs-dialog .modal-dialog-title-close::after { position: relative= ; right: 0px; top: 0px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .= docs-flatcolormenubutton .goog-flat-menu-button-caption, .docs-gm .modal-di= alog .docs-flatcolormenubutton .goog-flat-menu-button-caption, .docs-gm .sk= etchy-shape-effects-shadow-tile .docs-flatcolormenubutton .goog-flat-menu-b= utton-caption { height: 22px; width: 22px; border-radius: 9999px; border: 1= px solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 0px; outline= : none; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .= docs-flatcolormenubutton.goog-flat-menu-button, .docs-gm .modal-dialog .doc= s-flatcolormenubutton.goog-flat-menu-button, .docs-gm .sketchy-shape-effect= s-shadow-tile .docs-flatcolormenubutton.goog-flat-menu-button { padding: 6p= x 0px 6px 6px; } .docs-gm div.goog-modalpopup-bg, .docs-gm div.modal-dialog-bg { background-= color: var(--gm3-sys-color-scrim,#000); left: 0px; position: absolute; top:= 0px; z-index: 1002; opacity: 0.6 !important; } .docs-gm ::-webkit-scrollbar-track { box-shadow: none; margin: 0px 4px; } @media screen and (forced-colors: active) { .docs-gm ::-webkit-scrollbar-track { border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; } } .docs-gm ::-webkit-scrollbar-track:hover { box-shadow: none; background: no= ne; } .docs-gm ::-webkit-scrollbar-thumb { border-style: solid; border-color: tra= nsparent; border-width: 4px; background-color: var(--gm3-sys-color-surface-= variant,#e1e3e1); border-radius: 8px; box-shadow: none; } @media screen and (forced-colors: active) { .docs-gm ::-webkit-scrollbar-thumb { border-color: canvas; outline: canva= stext solid 1px; outline-offset: -5px; } } .docs-gm ::-webkit-scrollbar-thumb:hover { background-color: var(--gm3-sys-= color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docs-gm ::-webkit-scrollbar-thumb:hover { background-color: highlight; } } .docs-gm ::-webkit-scrollbar-thumb:active { background-color: var(--gm3-sys= -color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docs-gm ::-webkit-scrollbar-thumb:active { background-color: highlight; = } } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button, .docs-gm .kix-sma= rt-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-bu= tton, .docs-gm .modal-dialog .goog-flat-menu-button, .docs-gm .sketchy-shap= e-effects-shadow-tile .goog-flat-menu-button { border: 1px solid var(--gm3-= sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-= box; cursor: pointer; padding: 8px 6px 8px 8px; align-items: center; backgr= ound: none; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: inline= -flex; justify-content: space-between; outline: none; position: relative; w= idth: unset; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled, .docs-gm= .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-fla= t-menu-button-disabled, .docs-gm .modal-dialog .goog-flat-menu-button-disab= led, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dis= abled { color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); opac= ity: 0.38; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button:active, .docs-gm .= kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-= menu-button:active, .docs-gm .modal-dialog .goog-flat-menu-button:active, .= docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button:active { = background-color: var(--gm3-sys-color-surface,#fff); border: 1px solid tran= sparent; box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,= 0),.15); } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover, .docs-gm .k= ix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-m= enu-button-hover, .docs-gm .modal-dialog .goog-flat-menu-button-hover, .doc= s-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover { back= ground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); borde= r: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box-shadow: none= ; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused, .docs-gm = .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat= -menu-button-focused, .docs-gm .modal-dialog .goog-flat-menu-button-focused= , .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focuse= d { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.06= ); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } @media screen and (forced-colors: active) { .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused, .docs-g= m .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-fl= at-menu-button-focused, .docs-gm .modal-dialog .goog-flat-menu-button-focus= ed, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focu= sed { border: 1px solid highlight; } } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-open, .docs-gm .ki= x-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-me= nu-button-open, .docs-gm .modal-dialog .goog-flat-menu-button-open, .docs-g= m .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open { backgrou= nd-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); border: 1= px solid transparent; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover.goog-flat-me= nu-button-open, .docs-gm .kix-smart-controls-button-sidebar-edit-view-forma= tting-controls .goog-flat-menu-button-hover.goog-flat-menu-button-open, .do= cs-gm .modal-dialog .goog-flat-menu-button-hover.goog-flat-menu-button-open= , .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover.= goog-flat-menu-button-open { background-color: rgba(var(--gm3-sys-color-on-= surface-rgb,31,31,31),.06); } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused.goog-flat-= menu-button-open, .docs-gm .kix-smart-controls-button-sidebar-edit-view-for= matting-controls .goog-flat-menu-button-focused.goog-flat-menu-button-open,= .docs-gm .modal-dialog .goog-flat-menu-button-focused.goog-flat-menu-butto= n-open, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-= focused.goog-flat-menu-button-open { background-color: rgba(var(--gm3-sys-c= olor-on-surface-rgb,31,31,31),.08); } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled, .docs-gm= .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-fla= t-menu-button-disabled, .docs-gm .modal-dialog .goog-flat-menu-button-disab= led, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dis= abled { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box= -shadow: none; cursor: default; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-caption, .docs-gm = .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat= -menu-button-caption, .docs-gm .modal-dialog .goog-flat-menu-button-caption= , .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-captio= n { box-sizing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f);= font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size:= 0.875rem; height: 20px; line-height: 1.25rem; max-width: 100%; overflow: h= idden; text-overflow: ellipsis; white-space: nowrap; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-fla= t-menu-button-caption, .docs-gm .kix-smart-controls-button-sidebar-edit-vie= w-formatting-controls .goog-flat-menu-button-disabled .goog-flat-menu-butto= n-caption, .docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-fla= t-menu-button-caption, .docs-gm .sketchy-shape-effects-shadow-tile .goog-fl= at-menu-button-disabled .goog-flat-menu-button-caption { color: rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.38); opacity: 0.38; cursor: default= ; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-dropdown, .docs-gm= .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-fla= t-menu-button-dropdown, .docs-gm .modal-dialog .goog-flat-menu-button-dropd= own, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dro= pdown { content: unset; background-image: unset; background-color: currentc= olor; mask-image: url("https://ssl.gstatic.com/docs/common/material_common_= sprite1060_gm3_grey_medium.svg"); mask-position: -7144px 0px; } @media (forced-colors: active) { .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-dropdown, .docs-= gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-f= lat-menu-button-dropdown, .docs-gm .modal-dialog .goog-flat-menu-button-dro= pdown, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-d= ropdown { color: canvastext; forced-color-adjust: none; } } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-dropdown, .docs-gm= .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-fla= t-menu-button-dropdown, .docs-gm .modal-dialog .goog-flat-menu-button-dropd= own, .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dro= pdown { height: 18px; width: 18px; border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; margin-top: 0px; position= : relative; right: 0px; top: 0px; } .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-fla= t-menu-button-dropdown, .docs-gm .kix-smart-controls-button-sidebar-edit-vi= ew-formatting-controls .goog-flat-menu-button-disabled .goog-flat-menu-butt= on-dropdown, .docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-f= lat-menu-button-dropdown, .docs-gm .sketchy-shape-effects-shadow-tile .goog= -flat-menu-button-disabled .goog-flat-menu-button-dropdown { opacity: 0.38;= } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .= goog-flat-menu-button-disabled.goog-flat-menu-button:active, .docs-gm .moda= l-dialog .goog-flat-menu-button-disabled.goog-flat-menu-button:active, .doc= s-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled.goo= g-flat-menu-button:active { border: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); cursor: default; box-shadow: none; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .= goog-flat-menu-button-open .goog-flat-menu-button-dropdown, .docs-gm .modal= -dialog .goog-flat-menu-button-open .goog-flat-menu-button-dropdown, .docs-= gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open .goog-fla= t-menu-button-dropdown { transform: rotate(180deg); } .docs-gm .modal-dialog .jfk-radiobutton-disabled .jfk-radiobutton-label { c= olor: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); opacity: 0.38= ; cursor: default; } .docs-gm .share-butterbar-container { font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight:= 400; } .docs-gm .share-client-dialog .share-butterbar-container { font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .share-butterbar-container .jfk-butterBar-shown { height: 40px; pa= dding: 0px 16px; } .docs-gm .share-butterbar-container .jfk-butterBar-shown > span { display: = flex; padding-top: 4px; } .docs-gm .share-butter-icon { margin-right: 8px; } .docs-gm .share-butter-link, .docs-gm .share-butter-link:visited { color: v= ar(--gm3-sys-color-primary,#0b57d0); font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; margin-left: 80px= ; } .docs-gm .share-butter-link:active, .docs-gm .share-butter-link:hover { col= or: var(--gm3-sys-color-primary,#0b57d0); } .docs-grille-gm3.docs-gm .share-butter-link, .docs-grille-gm3.docs-gm .shar= e-butter-link:active, .docs-grille-gm3.docs-gm .share-butter-link:hover, .d= ocs-grille-gm3.docs-gm .share-butter-link:visited { color: var(--gm3-sys-co= lor-inverse-primary,#a8c7fa); } .docs-grille-gm3.docs-gm .share-butter-link:active, .docs-grille-gm3.docs-g= m .share-butter-link:hover { background: rgba(var(--gm3-sys-color-inverse-p= rimary-rgb,168,199,250),.08); } .docs-gm .share-butter-link:disabled { color: var(--gm3-sys-color-primary,#= 0b57d0); } .docs-listpreset-palette .docs-preview-palette-item { direction: ltr; text-= align: left; height: 82px; overflow: hidden; position: relative; vertical-a= lign: middle; width: 72px; } .docs-listpreset-img::before { content: url("https://ssl.gstatic.com/docs/c= ommon/menu_feature_sprite13.svg"); } .docs-listpreset-img { height: 4388px; position: absolute; width: 72px; } .docsDarkMode .docs-listpreset-img { filter: invert(1); } .docs-listpreset-palette.docs-preview-palette.checklist .docs-preview-palet= te-item { height: 46px; width: 81px; } .docs-listpreset-arrow3d-hollow-square { left: 0px; top: -2282px; } .docs-listpreset-arrow-diamond-bullet { left: 0px; top: -2784px; } .docs-listpreset-bullet-hollow-square { left: 0px; top: -380px; } .docs-listpreset-bullet-hollow-square-rtl { left: 0px; top: -4288px; } .docs-listpreset-checkbox { left: 0px; top: -298px; } .docs-listpreset-checkbox-rtl { left: 0px; top: -2972px; } .docs-listpreset-decimal-latinlower-romanlower-parentheses { left: 0px; top= : -2200px; } .docs-listpreset-decimal-latinlower-romanlower-parentheses-rtl { left: 0px;= top: -3546px; } .docs-listpreset-decimal-latinlower-romanlower-period { left: 0px; top: -15= 78px; } .docs-listpreset-decimal-latinlower-romanlower-period-rtl { left: 0px; top:= -1414px; } .docs-listpreset-decimal-outline { left: 0px; top: -940px; } .docs-listpreset-decimal-outline-rtl { left: 0px; top: -2388px; } .docs-listpreset-decimalzero-latinlower-romanlower { left: 0px; top: -1742p= x; } .docs-listpreset-decimalzero-latinlower-romanlower-rtl { left: 0px; top: -3= 628px; } .docs-listpreset-diamond-hollow-square-rtl { left: 0px; top: -1264px; } .docs-listpreset-diamondx-arrow3d-square { left: 0px; top: -858px; } .docs-listpreset-diamondx-hollowdiamond-square-rtl { left: 0px; top: -3710p= x; } .docs-listpreset-latinupper-latinlower-romanlower { left: 0px; top: -2866px= ; } .docs-listpreset-latinupper-latinlower-romanlower-rtl { left: 0px; top: -53= 0px; } .docs-listpreset-lefttriangle-diamond-bullet-rtl { left: 0px; top: -1164px;= } .docs-listpreset-romanupper-latinupper-decimal { left: 0px; top: -4042px; } .docs-listpreset-romanupper-latinupper-decimal-rtl { left: 0px; top: -2118p= x; } .docs-listpreset-star-hollow-square { left: 0px; top: -612px; } .docs-listpreset-star-hollow-square-rtl { left: 0px; top: -2470px; } .docs-listpreset-img.docs-listpreset-checklist-rtl::before, .docs-listprese= t-img.docs-listpreset-checklist-without-strikethrough-rtl::before, .docs-li= stpreset-img.docs-listpreset-checklist-without-strikethrough::before, .docs= -listpreset-img.docs-listpreset-checklist::before { content: url("https://s= sl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg")= ; } .docs-listpreset-img.docs-listpreset-checklist { left: -5430px; top: 0px; } .docs-listpreset-img.docs-listpreset-checklist-rtl { left: -5515px; top: 0p= x; } .docs-listpreset-img.docs-listpreset-checklist-without-strikethrough { left= : -5600px; top: 0px; } .docs-listpreset-img.docs-listpreset-checklist-without-strikethrough-rtl { = left: -5685px; top: 0px; } #docs-chrome:not(.docs-hub-chrome) { background: var(--gm3-sys-color-surfac= e-container-low,#f8fafd); border-bottom: 1px solid var(--gm3-sys-color-surf= ace-container-low,#f8fafd); margin-bottom: -1px; } .docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-b= utton-hover { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,= #1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-b= utton-active, .docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jf= k-button.jfk-button-checked, .docs-grille-gm3 .docs-material #docs-docos-co= mmentsbutton.jfk-button.jfk-button-focused, .docs-grille-gm3 .docs-material= #docs-docos-commentsbutton:focus, .docs-grille-gm3 .docs-material .docs-ap= pbar-circle-button.jfk-button-active, .docs-grille-gm3 .docs-material .docs= -appbar-circle-button.jfk-button-checked { background: color-mix(in srgb,va= r(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)= ); } .docs-material .docos-comments-pe#docs-docos-commentsbutton.jfk-button.jfk-= button-checked { background: none; } .docs-grille-gm3 .docs-material #docs-branding-container a, .docs-grille-gm= 3 .docs-material #docs-branding-logo, .docs-grille-gm3 .docs-material .docs= -branding-icon { height: 36px; width: 36px; } .docs-grille-gm3 .docs-material #docs-branding-container .docs-branding-log= o-no-link, .docs-grille-gm3 .docs-material #docs-branding-container a { mar= gin-top: 7px; } .docs-grille-gm3 .companion-app-switcher-container, .docs-grille-gm3 .docs-= companion-app-switcher-container { background: transparent; } .docs-grille-gm3 .docs-companion-app-switcher-container { border-top-width:= medium; border-top-style: none; border-top-color: currentcolor; } .docs-grille-gm3 .companion-app-switcher-container { border-left-width: med= ium; border-left-style: none; border-left-color: currentcolor; } .docs-grille-gm3 .share-butter-icon { background-color: var(--gm3-sys-color= -inverse-on-surface,#f2f2f2); background-image: none; mask-image: url("http= s://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg"); } .docs-grille-gm3 .share-butter-copy-icon { mask-position: 0px -212px; } .docs-grille-gm3 .share-butter-specific-people-icon { mask-position: 0px -7= 78px; } .docs-grille-gm3 .share-butter-person-link-icon { mask-position: 0px -412px= ; } .docs-grille-gm3 .docs-main-toolbars .docs-icon { height: 20px; width: 20px= ; } .docs-grille-gm3 .goog-toolbar-menu-button.docs-textcolormenubutton .docs-i= con, .docs-grille-gm3.docs-gm .goog-color-menu-button-indicator .docs-icon = { margin-top: -3px; } .docs-grille-gm3 .docs-menubar { font-family: "Google Sans", Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; height: 33px; overflow: hidden; text-o= verflow: ellipsis; vertical-align: top; } .docs-grille-gm3 .docs-menubar .goog-control-disabled { background: none; } .docs-grille-gm3 .docs-menubar .goog-control-hover, .docs-grille-gm3 .docs-= menubar .goog-control-open { background-color: color-mix(in srgb,var(--gm3-= sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 .docs-menubar .goog-control:hover:active, .docs-grille-gm3= .docs-menubar .goog-control-active { background-color: color-mix(in srgb,va= r(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)= ); } .docs-grille-gm3 .docs-menubar .goog-control { margin-bottom: -4px; margin-= top: 8px; padding: 2px 7px; overflow: hidden; vertical-align: text-bottom; = } .docs-grille-gm3 .docs-material #docs-menubar, .docs-grille-gm3 .docs-mater= ial #docs-titlebar-container { margin-left: 54px; } .gm3-menu.goog-menu { box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow= -rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.1= 5); color: var(--gm3-sys-color-on-surface,#1f1f1f); font: 400 16px / 24px "= Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; -webkit-fo= nt-smoothing: antialiased; } .gm3-menu .goog-option-selected { background-image: none; } .gm3-menu.goog-menu .goog-menuitem-highlight { background-color: color-mix(= in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .gm3-menu .goog-menuitem.goog-option-selected { background-color: var(--gm3= -sys-color-surface-container-highest,#dde3ea); } .docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu { b= order-width: medium; border-style: none; border-color: currentcolor; border= -image: none; border-radius: 8px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px= 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; max-height: none; pad= ding: 8px 0px; width: 325px; } .docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu.doc= s-presence-plus-widget-followable { width: 320px; } .docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .do= cs-presence-plus-collab-widget { padding-right: 16px; } .docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .do= cs-presence-plus-collab-widget-container { margin: 0px; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-pl= us-collab-widget-name.goog-inline-block { color: var(--gm3-sys-color-on-sur= face,#1f1f1f); display: flex; font-size: 1rem; justify-content: space-betwe= en; line-height: 1.5rem; width: 100%; } .docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .do= cs-presence-plus-collab-widget-leader .docs-presence-plus-collab-widget-ima= ge-border { margin-bottom: 0px; } .docs-grille-gm3 .docs-presence-plus-collab-widget-name.goog-inline-block .= docs-presence-plus-collab-widget-idle-text { color: var(--gm3-sys-color-on-= surface-variant,#444746); font-size: 0.875rem; } .docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-p= resence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-contain= er:hover .docs-presence-plus-collab-widget-image-border, .docs-grille-gm3 .= docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-i= mage.docsshared-no-select { height: 24px; width: 24px; } .docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-p= resence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-contain= er:hover .docs-presence-plus-collab-widget-color-block, .docs-grille-gm3 .d= ocs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-co= lor-block, .docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-= presence-plus-collab-widget-image-container { height: 28px; width: 28px; } .docs-grille-gm3 .docs-material .docs-chat.jfk-button .docs-icon { opacity:= 1; } .docs-gm.docs-grille-gm3 .docs-material .docs-chat.jfk-button, .docs-gm.doc= s-grille-gm3 .docs-material .docs-chat.jfk-button-clear-outline, .docs-gril= le-gm3 .docs-material .docs-presence-plus-widget-overflow-button { backgrou= nd-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-gm.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-ho= ver, .docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-bu= tton.goog-flat-menu-button-hover { background-color: color-mix(in srgb,var(= --gm3-sys-color-on-primary-container,#0842a0) 8%,var(--gm3-sys-color-primar= y-container,#d3e3fd)); } .docs-grille-gm3 .docs-material .docs-chat.jfk-button-active.jfk-button-foc= used, .docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-acti= ve, .docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-focuse= d, .docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-hover.j= fk-button-focused, .docs-grille-gm3 .docs-material .docs-presence-plus-widg= et-overflow-button.goog-flat-menu-button-active, .docs-grille-gm3 .docs-mat= erial .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focu= sed { background-color: color-mix(in srgb,var(--gm3-sys-color-on-primary-co= ntainer,#0842a0) 10%,var(--gm3-sys-color-primary-container,#d3e3fd)); } .docs-grille-gm3 .docs-material .docs-chat.jfk-button, .docs-grille-gm3 .do= cs-material .docs-chat.jfk-button.jfk-button-active, .docs-grille-gm3 .docs= -material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused, .docs= -grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-clear-outline, = .docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-focused, .= docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-b= utton-clear-outline.jfk-button-focused.jfk-button-active, .docs-grille-gm3 = .docs-material .docs-presence-plus-widget-overflow-button, .docs-grille-gm3= .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-b= utton-active, .docs-grille-gm3 .docs-material .docs-presence-plus-widget-ov= erflow-button.goog-flat-menu-button-focused, .docs-grille-gm3 .docs-materia= l .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover { = border: 2px solid transparent; box-shadow: none; margin: 0px 0px 0px 2px; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-collaborators { max-he= ight: 480px; overflow: auto; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .goog-menuseparat= or { margin-left: 0px; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-pl= us-widget-overflow-chat { padding: 0px 24px 0px 0px; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-chat .goog-menuitem-co= ntent { align-items: center; display: flex; flex-direction: row; justify-co= ntent: space-between; } .docs-grille-gm3 .docs-overflow-chat-label { align-items: center; color: va= r(--gm3-sys-color-on-surface,#1f1f1f); display: flex; flex-direction: row; = font-size: 1rem; height: 48px; } .docs-grille-gm3 #docs-overflow-chat-icon { background: none; border-width:= medium; border-style: none; border-color: currentcolor; border-image: none= ; margin: 0px 14px; } .docs-grille-gm3 .unread-chat .docs-overflow-chat-badge { background: var(-= -gm3-sys-color-primary,#0b57d0); border-radius: 9999px; height: 8px; width:= 8px; } .docs-grille-gm3 .docs-material .docs-chat-badge { background: var(--gm3-sy= s-color-primary,#0b57d0); border-width: medium; border-style: none; border-= color: currentcolor; border-image: none; border-radius: 9999px; height: 6px= ; right: 6px; top: 6px; width: 6px; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-button .docs-chat-badg= e { display: none; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-button .unread-chat.do= cs-chat-badge { display: block; } .docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button = .goog-flat-menu-button-caption { color: var(--gm3-sys-color-on-primary-cont= ainer,#0842a0); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; left: 0px; width: inherit; } .docs-grille-gm3 .docs-presence-plus-widget-overflow-button .goog-flat-menu= -button-dropdown { border-width: medium; border-style: none; border-color: = currentcolor; border-image: none; right: 6px; top: 5px; } .docs-grille-gm3 .docs-material .docs-presence-plus-collab-widget-container= { margin: 0px 0px 0px 2px; } .docs-grille-gm3 .docs-presence-plus-collab-widget-leader:focus-visible .do= cs-presence-plus-collab-widget-leader-label, .docs-grille-gm3 .docs-presenc= e-plus-collab-widget-leader:hover .docs-presence-plus-collab-widget-leader-= label { bottom: -20px; left: -15px; } .docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-p= resence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-contain= er:hover, .docs-grille-gm3 .docs-presence-plus-widget-followable.docs-mater= ial.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widg= et-leader, .docs-grille-gm3 .docs-presence-plus-widget-followable.docs-mate= rial.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-wid= get-leader:hover { margin: 0px; } .docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-pr= esence-plus-collab-widget-color-block { border: 1px solid transparent; marg= in: 1px; } .docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-pr= esence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget= -color-block { border: 2px solid var(--gm3-sys-color-surface-variant,#e1e3e= 1); margin: 0px; } .docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-pr= esence-plus-collab-widget-color-block:active, .docs-grille-gm3 .docs-materi= al .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-col= or-block:focus, .docs-grille-gm3 .docs-material .docs-presence-plus-widget-= collabs .docs-presence-plus-collab-widget-container:focus .docs-presence-pl= us-collab-widget-color-block { border: 2px solid var(--gm3-sys-color-outlin= e-variant,#c4c7c5); } .docs-grille-gm3 .docs-material .docs-presence-plus-collab-widget-container= :focus .docs-presence-plus-collab-widget-color-block { margin: 0px; } .docs-grille-gm3 .docs-chat-message-tooltip-container { background-color: v= ar(--gm3-sys-color-surface,#fff); border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; border-radius: 8px; box-sh= adow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); paddin= g: 0px; width: 280px; } .docs-grille-gm3 .docs-chat-message-tooltip { height: auto; padding: 8px; w= idth: inherit; } .docs-grille-gm3 .docs-chat-message-tooltip-container .jfk-bubble-arrowup .= jfk-bubble-arrowimplafter, .docs-grille-gm3 .docs-chat-message-tooltip-cont= ainer .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore { display: none; } .docs-grille-gm3 .docs-chat-message-tooltip-subject { padding: 8px 8px 0px;= } .docs-grille-gm3 .docs-chat-message-tooltip-content { color: var(--gm3-sys-= color-on-surface,#1f1f1f); font-size: 0.875rem; margin: 4px 0px 18px; paddi= ng: 0px 8px; opacity: 1; } .docs-grille-gm3 .docs-chat-join.docs-material-button-flat-primary, .docs-g= rille-gm3 .docs-chat-join.docs-material-button-flat-primary.docs-material-b= utton-focused { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 0.875rem; margin: 0px; text-transform: none;= } .docs-grille-gm3 #docs-presence-container { margin-right: 0px; z-index: 2; = } .docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .goog-menuheader = { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; marg= in-left: 18px; order: 0; } .docs-presence-plus-widget-overflow-chat, .docs-presence-plus-widget-overfl= ow-menu .goog-menuseparator { order: 4; } .docs-titlebar-collapsed#docs-presence-container { display: none; } .docs-grille-gm3 #docs-presence-container.docs-presence-plus-widget-visible= { margin-right: 8px; } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button, .docs-gril= le-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button { border: 1px s= olid transparent; border-radius: 9999px; box-sizing: border-box; cursor: po= inter; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; font-size: 0.875rem; font-weight: 500; height: 40px; line-height= : 1.25rem; padding: 9px 24px; white-space: nowrap; background: var(--gm3-sy= s-color-secondary-container,#c2e7ff); color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button-disabled, .= docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabl= ed { border: 1px solid transparent; border-radius: 9999px; box-sizing: bord= er-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.875rem; font-weight: 500; height: 40px; line-heigh= t: 1.25rem; padding: 9px 24px; white-space: nowrap; background: linear-grad= ient(rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1),rgba(var(--gm3-s= ys-color-on-surface-rgb,31,31,31),.1)),var(--gm3-sys-color-surface,#fff); c= olor: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button:focus, .doc= s-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus { b= order: 1px solid transparent; border-radius: 9999px; box-sizing: border-box= ; cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; height: 40px;= line-height: 1.25rem; padding: 9px 24px; white-space: nowrap; color: var(-= -gm3-sys-color-on-secondary-container,#004a77); background: linear-gradient= (rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1),rgba(var= (--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1)),var(--gm3-sys-co= lor-secondary-container,#c2e7ff); box-shadow: none; } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-= hover, .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-butto= n.goog-flat-menu-button-hover { border: 1px solid transparent; border-radiu= s: 9999px; box-sizing: border-box; cursor: pointer; font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem= ; font-weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; = white-space: nowrap; color: var(--gm3-sys-color-on-secondary-container,#004= a77); background: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-con= tainer-rgb,0,74,119),.08),rgba(var(--gm3-sys-color-on-secondary-container-r= gb,0,74,119),.08)),var(--gm3-sys-color-secondary-container,#c2e7ff); box-sh= adow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1p= x rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-= hover:focus, .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu= -button.goog-flat-menu-button-hover:focus { border: 1px solid transparent; = border-radius: 9999px; box-sizing: border-box; cursor: pointer; font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; padding= : 9px 24px; white-space: nowrap; color: var(--gm3-sys-color-on-secondary-co= ntainer,#004a77); background: linear-gradient(rgba(var(--gm3-sys-color-on-s= econdary-container-rgb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secondary-= container-rgb,0,74,119),.1)),var(--gm3-sys-color-secondary-container,#c2e7f= f); box-shadow: none; } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-= active, .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk= -button-checked, .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-= menu-button.goog-flat-menu-button-active { border: 1px solid transparent; b= order-radius: 9999px; box-sizing: border-box; cursor: pointer; font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; padding:= 9px 24px; white-space: nowrap; color: var(--gm3-sys-color-on-secondary-con= tainer,#004a77); background: linear-gradient(rgba(var(--gm3-sys-color-on-se= condary-container-rgb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secondary-c= ontainer-rgb,0,74,119),.1)),var(--gm3-sys-color-secondary-container,#c2e7ff= ); } .docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button .scb-button= -icon { margin: 0px 8px 1px -8px; } .docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-b= utton, .docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-butto= n.jfk-button-disabled, .docs-grille-gm3 #docs-titlebar-share-client-button = .scb-split-button.jfk-button.jfk-button-active, .docs-grille-gm3 #docs-titl= ebar-share-client-button .scb-split-button.jfk-button.jfk-button-checked, .= docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-bu= tton.jfk-button-hover, .docs-grille-gm3 #docs-titlebar-share-client-button = .scb-split-button.jfk-button.jfk-button-hover:focus, .docs-grille-gm3 #docs= -titlebar-share-client-button .scb-split-button.jfk-button:focus { border-b= ottom-right-radius: 0px; border-top-right-radius: 0px; padding: 10px 8px 10= px 24px; margin-right: 0px; } .docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-b= utton.jfk-button-hover, .docs-grille-gm3 #docs-titlebar-share-client-button= .scb-split-button.jfk-button.jfk-button-hover:focus, .docs-grille-gm3 #scb= -quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hove= r, .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.go= og-flat-menu-button-hover:focus { box-shadow: none; } .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button, .doc= s-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled,= .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog= -flat-menu-button-active, .docs-grille-gm3 #scb-quick-actions-menu-button.g= oog-flat-menu-button.goog-flat-menu-button-hover, .docs-grille-gm3 #scb-qui= ck-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:fo= cus, .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:= focus { border-bottom-left-radius: 0px; border-left: 1px solid var(--gm3-sy= s-color-on-primary,#fff); border-top-left-radius: 0px; padding-left: 0px; p= adding-right: 8px; margin-left: -1px; margin-right: 8px; min-width: 34px; w= idth: 34px; } .docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disab= led { opacity: 0.62; } .docs-grille-gm3 #scb-quick-actions-menu-button .goog-flat-menu-button-drop= down.goog-inline-block, .docs-grille-gm3 #scb-quick-actions-menu-button.goo= g-flat-menu-button-disabled .goog-flat-menu-button-dropdown.goog-inline-blo= ck { position: absolute; top: 18px; right: 12px; } #docs-titlebar-share-client-button .jfk-button-disabled.scb-icon-button, #d= ocs-titlebar-share-client-button .jfk-button.scb-icon-button, #docs-titleba= r-share-client-button .jfk-button.scb-icon-button.jfk-button-active, #docs-= titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-focused= , #docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button= -hover, #docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-= button-hover:focus { border-radius: 9999px; padding: 10px; } #docs-titlebar-share-client-button .jfk-button.scb-icon-button .scb-button-= icon { margin: 0px 0px 2px; padding-right: 1px; } .docs-grille-gm3 #docs-titlebar-share-client-button .scb-show-notification:= :after, .docs-grille-gm3 #scb-quick-actions-menu-button .scb-show-notificat= ion::after { background-color: var(--gm3-sys-color-primary,#0b57d0); border= -radius: 5px; content: ""; min-height: 10px; min-width: 10px; outline: 2px = solid var(--gm3-sys-color-surface-container-low,#f8fafd); position: absolut= e; right: 0px; top: 0px; } #docs-header:not(.docs-hub-appbar) .docs-titlebar-buttons { background: var= (--gm3-sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 .docs-material #docs-docos-commentsbutton { margin-right: = 6px; } .docs-grille-gm3 .docs-material #docs-docos-commentsbutton .docs-docos-comm= entsbutton-badge { background: var(--gm3-sys-color-primary,#0b57d0); font-f= amily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; le= tter-spacing: 0.00625rem; } .docs-grille-gm3 .docs-title-input { background: none; padding: 1px 6px; co= lor: var(--gm3-sys-color-surface-container-low,#f8fafd); border-radius: 4px= !important; } .docs-grille-gm3.docs-hub .docs-title-input { padding-top: 2px; } .docs-grille-gm3 .docs-title-input-label { padding-left: 7px; } .docs-grille-gm3 .docs-title .docs-title-untitled, .docs-grille-gm3 .docs-t= itle-input-label.docs-title-untitled { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .docs-title-input:focus { box-shadow: none; color: var(--gm3-sys-color-on-s= urface,#1f1f1f); margin: 0px -1px; outline: none; border: 2px solid var(--g= m3-sys-color-primary,#0b57d0) !important; border-radius: 4px !important; } .docs-grille-gm3 .docs-title-input-wrapper { position: relative; display: i= nline-block; } .docs-grille-gm3 .docs-title-input:hover { border-color: var(--gm3-sys-colo= r-outline,#747775); } .docs-grille-gm3 .docs-titlebar-badge.docs-titlebar-badge-selected, .docs-g= rille-gm3 .docs-titlebar-badge:active { background-color: color-mix(in srgb= ,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#f= ff)); color: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-grille-gm3 .docs-titlebar-badge, .docs-grille-gm3 .docs-titlebar-badg= e .docs-save-indicator-icon { border-radius: 9999px; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 28px; just= ify-content: center; } .docs-grille-gm3 .docs-titlebar-badge .docs-save-indicator-icon:hover, .doc= s-grille-gm3 .docs-titlebar-badge:hover { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#= fff)); } .docs-grille-gm3 #docs-star.docs-titlebar-badge:active, .docs-grille-gm3 .d= ocs-titlebar-badge:active, .docs-grille-gm3 .docs-titlebar-badge:focus, .do= cs-grille-gm3 .goog-control-active .docs-titlebar-badge .docs-save-indicato= r-icon, .docs-grille-gm3 .goog-control-focused .docs-titlebar-badge .docs-s= ave-indicator-icon { background-color: color-mix(in srgb,var(--gm3-sys-colo= r-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 .docs-titlebar-badge-selected.docs-save-indicator, .docs-g= rille-gm3 .docs-titlebar-badge.docs-save-indicator:active, .docs-grille-gm3= .docs-titlebar-badge.docs-save-indicator:focus, .docs-grille-gm3 .docs-tit= lebar-badge.docs-save-indicator:hover, .docs-grille-gm3 .goog-control-focus= ed .docs-titlebar-badge.docs-save-indicator { background-color: transparent= ; } .docs-grille-gm3 #docs-star.docs-titlebar-badge { color: var(--gm3-sys-colo= r-primary,#0b57d0); } .docs-grille-gm3 .docs-titlebar-badge-container { padding: 0px 2px; } .docs-grille-gm3 .docs-titlebar-badge .docs-icon { height: 20px; width: 20p= x; margin: 4px; } .docs-grille-gm3 #docs-star .docs-icon-img { margin-top: -1px; } .docs-grille-gm3 #docs-header { height: 32px !important; } .docs-grille-gm3 #docs-header:empty { display: none; } .docs-grille-gm3 #docs-header.docs-hub-appbar { height: 55px !important; } .docs-titlebar-collapsed#docs-header { height: 59px !important; } #docs-header .docs-titlebar-collapsed#docs-titlebar-container { align-items= : center; display: flex; height: 59px; max-height: 59px; } .docs-grille-gm3.docs-gm .docs-titlebar-collapsed#docs-titlebar-container #= docs-titlebar { height: auto; padding-top: 12px; } .docs-grille-gm3 #docs-menubars { margin-top: -6px; transition-duration: 0.= 1s; height: auto !important; } .docs-grille-gm3 .docs-material #docs-header .docs-titlebar-buttons { heigh= t: 60px; } .docs-grille-gm3 .docs-material #docs-header .docs-titlebar-buttons.docs-ti= tlebar-buttons-view-mode { height: 58px; } .docs-grille-gm3 .docs-titlebar-buttons-view-mode .docs-debug-container { m= argin-top: 50px; } .docs-grille-gm3 .docs-material #docs-header #docs-titlebar { padding-top: = 8px; } .docs-grille-gm3 #docs-chrome.docs-hub-chrome { border-color: transparent; = } .docs-grille-gm3 .docs-material .docs-hub-appbar#docs-header #docs-titlebar= { height: 100%; padding-top: 0px; } .docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar .docs-title-ou= ter { align-items: center; display: flex; height: 100%; } .docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar .docs-titlebar= -buttons { height: 100%; } .docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar= -share-client-button .jfk-button:not(.scb-icon-button) { padding: 8px 24px;= } .docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar= -share-client-button .jfk-button, .docs-grille-gm3 .docs-material #docs-hea= der.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-butt= on-active, .docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #do= cs-titlebar-share-client-button .jfk-button.jfk-button-hover, .docs-grille-= gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client= -button .jfk-button.jfk-button-hover:focus { height: 36px; } .docs-grille-gm3 #docs-header.docs-hub-appbar #docs-titlebar-share-client-b= utton div.scb-icon-button { height: 36px; width: 36px; } .docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input { padding-t= op: 2px; } .docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input, .docs-gril= le-gm3 #docs-header.docs-hub-appbar .docs-title-input-label { font-size: 18= px; } .docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input-label { top= : 1px; } .docs-grille-gm3.docs-gm .docs-material #docs-toolbar-wrapper { background-= color: var(--gm3-sys-color-surface-container,#f0f4f9); border-width: medium= ; border-style: none; border-color: currentcolor; border-image: none; borde= r-radius: 28px; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; margin: 6px 16px 8px; min-height: 40px; padding: 0px 8p= x; -webkit-font-smoothing: antialiased; } .docs-grille-gm3 .docs-toolbar-more-toolbar, .docs-grille-gm3 .trix-palette= { background-color: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-inner-box, .docs-= grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-inner-box { height= : 28px; min-width: 28px; } .docs-grille-gm3.docs-body-pageless #docs-align-palette, .docs-grille-gm3.d= ocs-body-pageless #docs-align-palette .goog-toolbar-button, .docs-grille-gm= 3.docs-body-pageless .docs-main-toolbars .goog-toolbar-button, .docs-grille= -gm3.docs-body-pageless .docs-main-toolbars .goog-toolbar-combo-button, .do= cs-grille-gm3.docs-body-pageless .docs-main-toolbars .goog-toolbar-menu-but= ton, .docs-grille-gm3.docs-body-pageless .docs-toolbar-more-toolbar, .docs-= grille-gm3.docs-body-pageless.docs-gm #docs-toolbar-wrapper { background: v= ar(--gm3-sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-button, .docs-grille-g= m3 #docs-equationtoolbar .goog-toolbar-menu-button, .docs-grille-gm3 .docs-= main-toolbars .goog-toolbar-button, .docs-grille-gm3 .docs-main-toolbars .g= oog-toolbar-combo-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolba= r-menu-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select, .= docs-grille-gm3 .trix-palette .goog-palette-cell { border-radius: 4px; heig= ht: 28px; line-height: 28px; margin: 5px 1px; min-width: 28px; } .docs-grille-gm3 #docs-align-palette .goog-toolbar-button, .docs-grille-gm3= .docs-main-toolbars .goog-toolbar-button, .docs-grille-gm3 .docs-main-tool= bars .goog-toolbar-combo-button, .docs-grille-gm3 .docs-main-toolbars .goog= -toolbar-menu-button, .docs-grille-gm3 .trix-palette .goog-toolbar-menu-but= ton { background-color: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-hover, .docs-grill= e-gm3.docs-gm #docs-align-palette .goog-toolbar-button-hover, .docs-grille-= gm3.docs-gm .clean-palette .goog-palette-cell-hover, .docs-grille-gm3.docs-= gm .docs-main-toolbars .goog-toolbar-button-hover, .docs-grille-gm3.docs-gm= .docs-main-toolbars .goog-toolbar-menu-button-hover, .docs-grille-gm3.docs= -gm .docs-toolbar-zoom-combobox.goog-toolbar-combo-button-hover { backgroun= d-color: color-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) = 8%,transparent); } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button { height: 2= 6px; } .docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-open, .docs-grille= -gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-active, .docs-grille-= gm3.docs-gm .docs-main-toolbars .goog-toolbar-button:focus, .docs-grille-gm= 3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button-active, .docs-grill= e-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button.goog-toolbar-me= nu-button-open, .docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-= menu-button:focus { background-color: color-mix(in srgb,var(--gm3-sys-color= -on-surface-variant,#444746) 10%,transparent); color: var(--gm3-sys-color-o= n-surface-variant,#444746); } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goog-toolbar-butt= on-checked, .docs-grille-gm3.docs-gm #docs-align-palette .goog-toolbar-butt= on-checked, .docs-grille-gm3.docs-gm .clean-palette .goog-palette-cell-sele= cted, .docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected { = background-color: var(--gm3-sys-color-primary-fixed,#d3e3fd); } .docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked .docs-ico= n-img, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-checked .d= ocs-icon-img, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goo= g-toolbar-button-checked .docs-icon-img, .docs-grille-gm3.docs-gm .clean-pa= lette .goog-palette-cell-selected .docs-icon-img, .docs-grille-gm3.docs-gm = .trix-palette .goog-palette-cell-selected .docs-icon-img { background-color= : var(--gm3-sys-color-on-primary-fixed,#041e49); content: unset; mask-image= : url("https://ssl.gstatic.com/docs/common/material_common_sprite1060.svg")= ; } .docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked .docs-ico= n-img::before, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-ch= ecked .docs-icon-img::before, .docs-grille-gm3 .docs-main-toolbars .goog-to= olbar-button.goog-toolbar-button-checked .docs-icon-img::before, .docs-gril= le-gm3.docs-gm .clean-palette .goog-palette-cell-selected .docs-icon-img::b= efore, .docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected .= docs-icon-img::before { content: unset; } @media (forced-colors: active) { .docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked .docs-i= con-img, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-checked = .docs-icon-img, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.g= oog-toolbar-button-checked .docs-icon-img, .docs-grille-gm3.docs-gm .clean-= palette .goog-palette-cell-selected .docs-icon-img, .docs-grille-gm3.docs-g= m .trix-palette .goog-palette-cell-selected .docs-icon-img { background-col= or: buttontext; } } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolb= ar-combo-button { border-radius: 4px; border: 1px solid var(--gm3-sys-color= -outline,#747775) !important; } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolb= ar-combo-button-hover { border: 1px solid var(--gm3-sys-color-on-surface,#1= f1f1f) !important; } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolb= ar-combo-button-open, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-co= mbo-button-open { border-radius: 4px; margin: 0px; border: 2px solid var(--= gm3-sys-color-primary,#0b57d0) !important; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-open { color= : var(--gm3-sys-color-on-surface-variant,#444746); } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input:focus= { box-shadow: none; padding: 0px 4px; background: transparent; border: 1px= solid transparent !important; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input { col= or: var(--gm3-sys-color-on-surface-variant,#444746); padding: 1px 4px; font= -family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif != important; font-size: 0.875rem !important; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button .goog-toolb= ar-combo-button-input:focus, .docs-grille-gm3 .docs-main-toolbars .goog-too= lbar-combo-button-open .goog-toolbar-combo-button-input { color: var(--gm3-= sys-color-on-surface,#1f1f1f); } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-hover .goog= -toolbar-combo-button-input { border-right: 1px solid transparent !importan= t; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-inner-box {= margin: 0px 4px; } .docs-grille-gm3 .docs-main-toolbars .docs-gm-arrow.goog-toolbar-combo-butt= on-dropdown { margin-right: 2px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select .goog-toolbar-men= u-button-dropdown { margin-right: 4px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-dropdown .d= ocs-icon, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button .g= oog-toolbar-menu-button-dropdown .docs-icon { height: 18px; margin-bottom: = 2px; width: 18px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open .goog-= toolbar-combo-button-dropdown .docs-icon, .docs-grille-gm3 .docs-main-toolb= ars .goog-toolbar-select.goog-toolbar-menu-button-open .goog-toolbar-menu-b= utton-dropdown .docs-icon { margin-bottom: 3px; transform: rotateX(180deg);= } .docs-grille-gm3.docs-gm .docs-material .docs-main-toolbars .docs-toolbar-b= utton-split-right { margin-left: 0px; border-color: transparent !important;= } .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-left { marg= in-right: 0px; } .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-right.goog-= toolbar-menu-button-open { background-color: var(--gm3-sys-color-primary-co= ntainer,#d3e3fd); } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox, .docs-gri= lle-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo= -button-input { margin: -1px -1px -1px 0px; width: 32px !important; } .docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.go= og-toolbar-button, .docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-d= ec-action-button.goog-toolbar-button { border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; border-radius: 4px; h= eight: 24px; width: 24px; } .docs-grille-gm3 .docs-main-toolbars .docs-font-size-inc-dec-action-button = .docs-icon { margin: 2px 0px 0px 1px; } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox { margin: = 0px 3px; border-color: transparent !important; } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolb= ar-combo-button-open { margin: 0px 2px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-autocomplete { margin:= 3px 2px 6px 1px; padding: 2px 0px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input { background: va= r(--gm3-sys-color-surface,#fff); border-radius: 28px; color: var(--gm3-sys-= color-on-surface,#1f1f1f); height: 28px; line-height: 2rem; padding-left: 1= 6px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[ar= ia-expanded=3D"true"] { border-bottom: var(--gm3-sys-color-surface-variant,= #e1e3e1); border-radius: 8px 8px 0px 0px; padding-left: 16px; } .docs-grille-gm3 #docs-toolbar.goog-toolbar { padding-left: 2px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-icon { margin: 5px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-row-icon { margin-top:= 1px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input::placeholder { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google= Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input::sele= ction { background-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button .goog-toolba= r-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box { padding-rig= ht: 4px; } .docs-grille-gm3 #replaceImageMenu .goog-toolbar-menu-button-dropdown { dis= play: none; } .docs-grille-gm3 #docs-align-palette { background: var(--gm3-sys-color-surf= ace-container-high,#e9eef6); padding: 0px 4px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button .docs-icon, .docs= -grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button .docs-icon { heig= ht: 20px; margin-bottom: 0px; width: 20px; } .docs-grille-gm3 .toolbar-decimal-icon.docs-icon { margin-bottom: -4px; } .docs-grille-gm3 .docs-material #docs-side-toolbar { margin-right: 12px; } .docs-grille-gm3 #lineEndMenuButton .goog-toolbar-menu-button-caption, .doc= s-grille-gm3 #lineStartMenuButton .goog-toolbar-menu-button-caption { margi= n-top: 0px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-separator.goog-inline-bl= ock { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 1= 0px 3px; } .docs-grille-gm3 .docs-toolbar-more-button-inner-box .docs-icon { margin-le= ft: 1px; } .docs-grille-gm3 .goog-toolbar-toggle-button.goog-toolbar-button-checked + = .goog-toolbar-toggle-button.goog-toolbar-button-checked { border-radius: 4p= x; } .docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-inn= er-box { margin: 0px 4px 0px 3px; } .docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-inp= ut { height: 28px !important; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-caption + .g= oog-toolbar-menu-button-dropdown.docs-gm-arrow { padding: 0px 2px; } .docs-grille-gm3.docs-gm .docs-main-toolbars .docs-gm-arrow.goog-toolbar-me= nu-button-dropdown { margin: 1px -3px 0px -5px; } .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-increase-space .docs-gm-= arrow.goog-toolbar-menu-button-dropdown { margin: 0px -1px 0px -3px; } .docs-grille-gm3 #docs-font-family .docs-gm-arrow, .docs-grille-gm3 #headin= gStyleSelect .docs-gm-arrow { margin: 0px 4px 0px 5px; } .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select .goog-toolbar-men= u-button-caption { margin-left: 8px; } .docs-grille-gm3 #docs-font-family .goog-toolbar-menu-button-caption, .docs= -grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption, .docs-gr= ille-gm3 .docs-main-toolbars .docs-toolbar-text-button { font-size: 0.875re= m; } .docs-grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption { wi= dth: 80px; } .docs-grille-gm3 #docs-font-family .goog-toolbar-menu-button-caption { widt= h: 55px; } .docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-cap= tion { width: 52px !important; } .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button .goog-toolba= r-button-outer-box { padding: 0px 8px; } .docs-grille-gm3 .jfk-tooltip { background-color: var(--gm3-sys-color-on-su= rface,#1f1f1f); border: 1px solid transparent; border-radius: 4px; color: v= ar(--gm3-sys-color-inverse-on-surface,#f2f2f2); font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; fon= t-weight: 400; min-height: 16px; letter-spacing: 0.00625rem; line-height: 1= rem; margin-top: 4px; padding: 3px 8px; } .docs-grille-gm3 .jfk-tooltip-arrow { display: none; } .docs-gm .docs-autocorrect-bubble { border-color: var(--gm3-sys-color-outli= ne-variant,#c4c7c5); border-radius: 8px; box-shadow: 0 1px 3px 1px rgba(var= (--gm3-sys-color-shadow-rgb,0,0,0),.15); font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 500; padding: 4px; display: inline-table; } .docs-autocorrect-bubble .docs-autocorrect-bubble-undo { color: var(--gm3-s= ys-color-on-surface,#1f1f1f); display: inline-block; cursor: pointer; line-= height: 18px; text-align: center; height: 18px; padding: 4px; } .docs-autocorrect-bubble .docs-autocorrect-bubble-undo-text { display: inli= ne-block; padding-left: 8px; } .docs-gm .docs-autocorrect-bubble-undo:hover { background-color: color-mix(= in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surf= ace,#fff)); border-radius: 4px; } .docs-gm .docs-autocorrect-bubble-undo:focus { background-color: color-mix(= in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-sur= face,#fff)); outline: none; border-radius: 4px; } .docs-autocorrect-bubble .docs-autocorrect-bubble-option { display: inline-= block; height: 18px; width: 18px; cursor: pointer; text-align: center; marg= in-left: 0px; margin-right: 0px; padding-bottom: 10px; border: 0px !importa= nt; } .docs-autocorrect-bubble .docs-autocorrect-bubble-option:focus { outline: n= one; } .docs-autocorrect-bubble .docs-autocorrect-bubble-feedback { display: inlin= e-block; height: 22px; margin-left: 2px; overflow: unset; text-align: cente= r; width: 24px; border: 0px !important; line-height: 1.25rem !important; } .docs-autocorrect-bubble-feedback .docs-icon { height: 16px; } .docs-gm .docs-autocorrect-bubble-feedback:hover { background-color: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-= surface,#fff)); border-radius: 9999px; } .docs-gm .docs-autocorrect-bubble-feedback:focus { background-color: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color= -surface,#fff)); border-radius: 9999px; line-height: 18px; outline: none; } .docs-autocorrect-bubble .docs-autocorrect-bubble-more-options { bottom: 1p= x; display: inline-block; height: 20px; margin-left: 2px; overflow: unset; = position: relative; text-align: center; width: 20px; border: 0px !important= ; line-height: 1.25rem !important; } .docs-autocorrect-bubble .docs-autocorrect-bubble-undo-icon { bottom: 1px; = position: relative; } .docs-autocorrect-bubble-more-options .docs-icon { height: 16px !important;= width: 16px !important; } .docs-gm .docs-autocorrect-bubble-more-options:hover { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-co= lor-surface,#fff)); border-radius: 9999px; } .docs-gm .docs-autocorrect-bubble-more-options:focus { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-c= olor-surface,#fff)); border-radius: 9999px; line-height: 18px; outline: non= e; } .docs-autocorrect-bubble .docs-material-button-flat-default { padding: 0px = !important; } .docs-autocorrect-bubble .docs-icon { height: 18px; width: 18px; margin: 0p= x; } #proofreadButton .docs-proofread-button-badge { background-color: var(--gm3= -sys-color-primary,#0b57d0); border-radius: 9999px; height: 8px; right: 0px= ; position: absolute; width: 8px; } .docs-material.goog-menu.goog-menu-noicon .docs-proofread-feedback-menuitem= .goog-menuitem { height: 40px; padding: 4px 8px 4px 16px; } .docs-proofread-feedback-menuitem-content { align-items: center; display: f= lex; flex-direction: row; height: 40px; justify-content: space-between; } .docs-proofread-feedback-menuitem-label { font: 400 0.875rem / 1.25rem "Goo= gle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; color: var(--= gm3-sys-color-on-surface,#1f1f1f); height: 20px; width: 139px; } .docs-proofread-feedback-menuitem-content .docs-material-button-flat-defaul= t { border-radius: 9999px; height: 36px; width: 36px; padding: 0px; } .docs-proofread-feedback-menuitem-content .docs-material-button-flat-defaul= t.docs-material-button-focused, .docs-proofread-feedback-menuitem-content .= docs-material-button-flat-default.docs-material-button-focused.docs-materia= l-button-no-focus-border { padding: 0px; } .docs-proofread-feedback-menuitem-content .docs-material-button-flat-defaul= t .docs-icon { height: 24px; margin: 0px; width: 24px; } .docs-proofread-feedback-menuitem-thumbs-up-container { height: 40px; width= : 40px; margin-left: 16px; } .docs-proofread-feedback-menuitem-thumbs-down-container { height: 40px; wid= th: 40px; margin-left: 8px; } .docs-proofread-feedback-menuitem-thumbs-down-container .docs-icon, .docs-p= roofread-feedback-menuitem-thumbs-up-container .docs-icon { height: 24px; w= idth: 24px; } .docs-proofread-feedback-output-label { font-weight: 500; } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble.docs-proofread-promo-base.do= cs-gm-promo { box-sizing: border-box; min-height: 144px; padding: 0px; widt= h: 312px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-container { padding: 0= px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-text-container { width= : 312px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-header { font-size: 0.= 875rem; font-weight: 500; line-height: 1.25rem; padding: 12px 16px 0px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-body { line-height: 1.= 25rem; padding: 8px 16px 0px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-action-row { height: 4= 0px; padding: 0px 8px 8px; text-align: left; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-action-container { lin= e-height: 2.5rem; margin: 0px; padding: 8px 12px; } .docs-proofread-promo-base.docs-gm-promo .docs-promo-action-button-right { = float: none; } .docs-proofread-sidebar { background-color: var(--gm3-sys-color-surface-con= tainer,#f0f4f9); border-radius: 16px; display: flex; flex-direction: column= ; margin: 10px 16px 16px; outline: none; overflow: hidden; position: absolu= te; width: 320px; } .docs-proofread-sidebar-focus-visible.docs-proofread-sidebar:focus { outlin= e: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-proofread-sidebar-header { align-items: center; border-bottom: 1px so= lid var(--gm3-sys-color-outline-variant,#c4c7c5); display: flex; flex-direc= tion: row; padding: 14px 20px; } .docs-proofread-sidebar-header-actions { display: flex; margin-left: auto; = } .docs-material.docs-proofread-sidebar-close, .docs-material.docs-proofread-= sidebar-header-icon, .docs-material.docs-proofread-sidebar-settings { heigh= t: 24px; width: 24px; } .goog-flat-button.docs-proofread-sidebar-close-button, .goog-flat-button.do= cs-proofread-sidebar-settings-button { background: none; border-radius: 999= 9px; height: 32px; width: 32px; align-items: center; cursor: pointer; displ= ay: flex; justify-content: center; outline: none; border: 1px solid transpa= rent !important; } .goog-flat-button.docs-proofread-sidebar-close-button:hover, .goog-flat-but= ton.docs-proofread-sidebar-settings-button:hover { background-image: none; = background-position: initial; background-size: initial; background-repeat: = initial; background-attachment: initial; background-origin: initial; backgr= ound-clip: initial; border-radius: 9999px; height: 32px; width: 32px; backg= round-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08)= ; border: 1px solid transparent !important; } .goog-flat-button.docs-proofread-sidebar-close-button:focus, .goog-flat-but= ton.docs-proofread-sidebar-settings-button:focus { background-image: none; = background-position: initial; background-size: initial; background-repeat: = initial; background-attachment: initial; background-origin: initial; backgr= ound-clip: initial; border-radius: 9999px; height: 32px; width: 32px; backg= round-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.1);= border: 1px solid transparent !important; } .docs-proofread-sidebar-focus-visible .goog-flat-button.docs-proofread-side= bar-close-button:focus, .docs-proofread-sidebar-focus-visible .goog-flat-bu= tton.docs-proofread-sidebar-settings-button:focus { outline: 1px solid var(= --gm3-sys-color-primary,#0b57d0); } .goog-flat-button.docs-proofread-sidebar-close-button:active, .goog-flat-bu= tton.docs-proofread-sidebar-settings-button:active { outline: none; } .docs-proofread-sidebar-title-text { color: var(--gm3-sys-color-on-surface,= #1f1f1f); font: 500 16px / 24px "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; height: 24px; margin-left: 8px; } .goog-flat-button.docs-proofread-sidebar-settings-button { margin-right: 4p= x; } .docs-proofread-sidebar-suggestion-list { display: flex; flex-direction: co= lumn; gap: 16px; outline: none; overflow: hidden auto; padding: 16px 24px 1= 6px 16px; } .docs-proofread-sidebar-zero-state { display: flex; margin: auto; padding: = 16px; text-align: center; } .docs-proofread-sidebar-filter { align-items: center; display: flex; flex-d= irection: row; padding: 7px 10px; } .docs-proofread-sidebar-filter-menu-button { height: 24px; outline: none; w= idth: 280px; background-color: var(--gm3-sys-color-surface-container,#f0f4f= 9) !important; border: 1px solid var(--gm3-sys-color-outline,#747775) !impo= rtant; border-radius: 8px !important; transform: inherit !important; } .docs-proofread-sidebar-focus-visible .docs-proofread-sidebar-filter-menu-b= utton:focus { outline: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-proofread-sidebar-filter-menu { background: linear-gradient(color-mix= (in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 5%,transparent),color-mix(= in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 5%,transparent)),var(--gm3-= sys-color-surface,#fff) !important; border: 1px solid var(--gm3-sys-color-o= utline,#747775) !important; border-radius: 16px !important; box-shadow: 0 2= px 6px 2px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%,transpare= nt) !important; color: var(--gm3-sys-color-on-surface-variant,#444746) !imp= ortant; font: 0.75rem / 1rem "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif !important; letter-spacing: 0.00625rem !important; width= : 280px !important; max-height: calc(-205px + 100vh) !important; } .docs-proofread-sidebar-filter-menu .goog-menuseparator { margin: 3px 0px; = } .docs-proofread-sidebar-filter-menu .docs-proofread-sidebar-filter-selectal= l-menuitem { color: var(--gm3-sys-color-primary,#0b57d0); font: 500 14px / = 20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; text= -align: right; } .docs-proofread-sidebar-filter-selectall-menuitem .goog-menuitem-content { = color: var(--gm3-sys-color-primary,#0b57d0); } @media screen and (forced-colors: active) { .docs-proofread-sidebar-filter-menu-button .docs-material-menu-button-fla= t-default-dropdown .docs-material-menu-button-flat-default-dropdown-icon { = fill: canvastext; } .docs-proofread-sidebar-focus-visible .docs-proofread-sidebar-filter-menu= -button:focus { outline: highlight solid 1px; } .docs-proofread-sidebar-focus-visible .docs-material.docs-proofread-sideb= ar-close:focus { outline: highlight solid 1px; } .docs-proofread-sidebar-focus-visible .docs-material.docs-proofread-sideb= ar-settings:focus { outline: highlight solid 1px; } .docs-proofread-sidebar-focus-visible .docs-proofread-sidebar:focus { out= line: highlight solid 1px; } .goog-menuitem-highlight .docs-proofread-sidebar-filter-menuitem-count-gr= ammar, .goog-menuitem-highlight .docs-proofread-sidebar-filter-menuitem-cou= nt-spelling, .goog-menuitem-highlight .docs-proofread-sidebar-filter-menuit= em-count-stylistic-suggestion { background-color: highlight; color: highlig= httext; } } .docs-proofread-sidebar-filter-content { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; text-trans= form: none; width: 240px; } .docs-proofread-sidebar-filter-menu .goog-menuitem-highlight { background-c= olor: color-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) 8%,= transparent) !important; } .docs-proofread-sidebar-filter-menu .goog-option-selected { background-imag= e: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvM= jAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAg= MCAxIDEiPjxwYXRoIGZpbGw9ImNhbnZhc3RleHQiIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQ= uMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIvPjwvc3ZnPg=3D=3D")= ; background-repeat: no-repeat; background-position: 16px center; backgroun= d-size: 5% auto; } [dir=3D"rtl"] .docs-proofread-sidebar-filter-menu .goog-option-selected { b= ackground-position: 250px center; } .docs-proofread-sidebar-filter-menuitem-count { border-radius: 8px; color: = var(--gm3-sys-color-on-primary,#fff); font: 0.6875rem / 1rem "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 16px; margin: a= uto; min-width: 8px; padding: 0px 4px; text-align: center; width: fit-conte= nt; } .docs-proofread-sidebar-filter-menuitem-text { font: 1rem / 1.5rem "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: auto; wid= th: 225px; } .docs-proofread-sidebar-filter-menuitem { display: flex; flex-direction: ro= w; margin: auto; } .docs-proofread-sidebar-filter-menuitem-count-grammar { background: var(--g= m3-sys-color-primary,#0b57d0); } .docs-proofread-sidebar-filter-menuitem-count-spelling { background: var(--= gm3-sys-color-error,#b3261e); } .docs-proofread-sidebar-filter-menuitem-count-stylistic-suggestion { backgr= ound: var(--ws-sys-color-extended-purple-fill,#7438d2); } .docs-gm3-outlined-button.docs-gm3-button.docs-proofread-sidebar-accept-all= -button, .docs-gm3-outlined-button.docs-gm3-button.docs-proofread-sidebar-r= eject-all-button { align-items: center; display: flex; flex-direction: row;= padding-left: 10px; padding-right: 24px; width: fit-content; } .docs-proofread-sidebar-accept-reject-all-icon { padding-right: 10px; } .docs-proofread-sidebar-accept-reject-all { display: flex; padding: 7px 10p= x; width: 280px; } .docs-proofread-sidebar-suggestion-common-actions { border-bottom: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); padding-top: 7px; padding-b= ottom: 7px; } .docs-proofread-sidebar-suggestion-list-container { flex-direction: column;= gap: 16px; outline: none; overflow: hidden auto; } .docs-proofread-sidebar-legal-disclaimer { color: var(--gm3-sys-color-on-su= rface-variant,#444746); font: 0.75rem / 1rem "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; padding: 16px 16px 8px; } .docs-proofread-settings-menu-dialog { box-sizing: border-box; display: fle= x; flex-direction: column; height: auto; padding: 16px 0px; width: 400px; m= in-height: 288px; } .docs-proofread-settings-menu-dialog .docs-material-gm-dialog-title { box-s= izing: border-box; height: 56px; padding: 16px 24px; } .docs-proofread-settings-menu-dialog .docs-material-gm-dialog-title-text { = font-size: 1.5rem; line-height: 2rem; } .docs-proofread-settings-menu-dialog .docs-material-gm-dialog-content { dis= play: flex; flex-direction: column; min-height: 65px; min-width: 282px; ove= rflow: hidden; padding: 0px; } .docs-proofread-settings-menu-info { align-items: center; background-color:= var(--gm3-sys-color-primary-container,#d3e3fd); border-radius: 8px; displa= y: flex; font-size: 0.75rem; height: 44px; line-height: 1rem; margin: 8px 2= 4px 0px; padding: 6px 0px 6px 12px; } .docs-proofread-settings-menu-info-text { font-family: "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 400; letter-spacing: 0.00625rem; line-height: 1rem; padding-left: 12px;= } .docs-proofread-settings-menu-suggestion-type-title { align-items: center; = display: flex; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, = Arial, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5rem; = height: 48px; padding: 8px 24px; } .docs-proofread-settings-menu-checkboxes-container { height: auto; margin-r= ight: 24px; overflow: auto; padding: 8px 0px 0px 24px; } .docs-proofread-settings-menu-checkboxes-container .docs-material-gm-labele= d-checkbox .docs-material-gm-labeled-checkbox-label { font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; = font-weight: 400; line-height: 1.5rem; margin-top: -4px; } .docs-proofread-settings-menu-checkboxes-container .docs-material-gm-labele= d-checkbox .docs-material-gm-labeled-checkbox-checked { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); border: 2px solid var(--gm3-sys-color-= primary,#0b57d0); } .docs-proofread-settings-menu-checkboxes-description { font-family: "Google= Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875= rem; font-weight: 400; line-height: 1.25rem; } .docs-proofread-settings-menu-dialog .docs-material-gm-dialog-buttons { pad= ding: 16px 24px 8px; } .docs-material-gm-dialog.docs-proofread-settings-menu-dialog { border-radiu= s: 28px; } .docs-proofread-settings-menu-checkboxes-container .docs-material-gm-labele= d-checkbox { position: relative; } .docs-proofread-summary-tooltip { background-color: var(--gm3-sys-color-pri= mary,#0b57d0); border-width: medium; border-style: none; border-color: curr= entcolor; border-image: none; border-radius: 8px; box-sizing: border-box; c= olor: var(--gm3-sys-color-on-primary,#fff); font-family: Roboto, RobotoDraf= t, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-style: normal; f= ont-weight: 400; height: 57px; letter-spacing: 0.00625rem; line-height: 1.2= 5rem; margin: 0px; opacity: 1; padding: 8px 7px 9px 9px; text-wrap: wrap; w= idth: 162px; } .docs-proofread-summary-tooltip .jfk-tooltip-arrow { display: block; } .docs-proofread-summary-tooltip .jfk-tooltip-arrowup { top: -7.92px; } .docs-proofread-summary-tooltip .jfk-tooltip-arrowup .jfk-tooltip-arrowimpl= before { border-width: 0px 7.85px 8.92px; border-style: solid; border-image= : none; border-color: var(--gm3-sys-color-primary,#0b57d0) transparent; } .docs-proofread-summary-tooltip .jfk-tooltip-arrowup .jfk-tooltip-arrowimpl= after { border-width: 0px 6.85px 7.92px; border-style: solid; border-image:= none; border-color: var(--gm3-sys-color-primary,#0b57d0) transparent; top:= 1px; } .docs-proofread-summary-tooltip-enhancements-flag-enabled .jfk-tooltip-arro= w { display: block; } .docs-proofread-summary-tooltip-enhancements-flag-enabled .jfk-tooltip-arro= wup { top: -7px; } .docs-proofread-suggestion { background-color: var(--gm3-sys-color-surface-= container,#f0f4f9); border: 1px solid var(--gm3-sys-color-outline-variant,#= c4c7c5); border-radius: 12px; box-sizing: border-box; cursor: pointer; disp= lay: flex; outline: none; position: relative; flex-direction: column; width= : 280px; } .docs-proofread-suggestion:hover { background-color: color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-containe= r,#f0f4f9)); } .docs-proofread-suggestion:active { background-color: color-mix(in srgb,var= (--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface-contai= ner,#f0f4f9)); } .docs-proofread-sidebar-focus-visible .docs-proofread-suggestion:focus { ou= tline: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-proofread-suggestion.goog-control-open { background-color: var(--gm3-= sys-color-surface,#fff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-sha= dow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0)= ,.15); } .docs-proofread-suggestion-header { align-items: center; display: flex; hei= ght: 16px; justify-content: space-between; padding-left: 16px; margin-top: = 13px; } .docs-proofread-suggestion-title { font: 500 12px / 16px "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; height: 16px; width: 140px;= } .docs-proofread-suggestion-title-spelling { color: var(--gm3-sys-color-erro= r,#b3261e); } .docs-proofread-suggestion-title-grammar { color: var(--gm3-sys-color-prima= ry,#0b57d0); } .docs-proofread-suggestion-title-stylistic { color: var(--ws-sys-color-exte= nded-purple-fill,#7438d2); } .docs-proofread-suggestion-common-actions { display: flex; justify-content:= space-around; margin-top: 8px; right: 0px; padding-right: 10px; position: = absolute; top: 0px; } .docs-material .docs-proofread-suggestion-icons { height: 24px; width: 24px= ; } .docs-material .docs-proofread-suggestion-explanation-locale-action-icon { = height: 18px; width: 18px; } .docs-proofread-suggestion-original-text { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); font: 0.875rem / 1.25rem "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; min-height: 20px; overflow-wrap: anywhere; = margin: 20px 16px 8px; } .docs-proofread-suggestion-options-list { display: flex; flex-flow: wrap; m= in-height: 32px; margin: 0px 0px 8px 16px; } .docs-proofread-suggestion-options-list-item { border: 1px solid var(--gm3-= sys-color-outline,#747775); border-radius: 12px; color: var(--gm3-sys-color= -primary,#0b57d0); font: 500 14px / 1.25rem "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; min-height: 20px; margin: 0px 16px 8px 0= px; outline: none; overflow-wrap: anywhere; padding: 6px 16px; } .docs-proofread-sidebar-focus-visible .docs-proofread-suggestion-options-li= st-item:focus { outline: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-proofread-suggestion-options-list-item:hover { background-color: colo= r-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-color-p= rimary,#0b57d0)); } .docs-proofread-suggestion-options-list-item:active { background-color: col= or-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,var(--gm3-sys-color= -primary,#0b57d0)); } .goog-control-open .docs-proofread-suggestion-options-list-item:hover { bac= kground: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rg= b,0,74,119),.08),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,1= 19),.08)),var(--gm3-sys-color-secondary-container,#c2e7ff); } .goog-control-open .docs-proofread-suggestion-options-list-item:focus { bac= kground: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rg= b,0,74,119),.1),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,11= 9),.1)),var(--gm3-sys-color-secondary-container,#c2e7ff); } .docs-proofread-suggestion-explanation { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); font: 0.75rem / 1rem "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; letter-spacing: 0.00625rem; margin: 0px 1= 6px 16px; } .docs-proofread-suggestion-explanation-locale-action { border-top: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); font: 500 0.75rem / 1rem "G= oogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; padding: 8p= x 16px; } .docs-material-menu-button-flat-default.docs-proofread-suggestion-more-opti= ons, .docs-proofread-suggestion-accept, .docs-proofread-suggestion-ignore {= background: none; border-radius: 9999px; height: 32px; width: 32px; align-= items: center; display: flex; justify-content: center; border: 1px solid tr= ansparent !important; } .docs-proofread-suggestion-out-of-dictionary-explanation-icon { background-= color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--g= m3-sys-color-surface,#fff)); border-radius: 9999px; display: inline-block; = height: 24px; width: 24px; } .docs-material-menu-button-flat-default.docs-proofread-suggestion-more-opti= ons { background-color: transparent; padding: 0px; line-height: 0; margin: = 0px; } .docs-proofread-sidebar-focus-visible .docs-material-menu-button-flat-defau= lt.docs-proofread-suggestion-more-options:focus, .docs-proofread-sidebar-fo= cus-visible .docs-proofread-suggestion-accept:focus, .docs-proofread-sideba= r-focus-visible .docs-proofread-suggestion-ignore:focus { outline: 1px soli= d var(--gm3-sys-color-primary,#0b57d0); } .docs-material-menu-button-flat-default.docs-proofread-suggestion-more-opti= ons:hover, .docs-proofread-suggestion-accept:hover, .docs-proofread-suggest= ion-ignore:hover { background-image: none; background-position: initial; ba= ckground-size: initial; background-repeat: initial; background-attachment: = initial; background-origin: initial; background-clip: initial; border-radiu= s: 9999px; height: 32px; width: 32px; background-color: rgba(var(--gm3-sys-= color-on-surface-variant-rgb,68,71,70),.08); border: 1px solid transparent = !important; } .docs-proofread-suggestion-out-of-dictionary-input-field { border: 1px soli= d var(--gm3-sys-color-outline,#747775); border-radius: 9999px; box-shadow: = none; color: var(--gm3-sys-color-on-surface-variant,#444746); font: 0.75rem= / 1rem "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; l= etter-spacing: 0.00625rem; margin: 0px 33px 16px 16px; padding: 6px 16px; w= idth: 140px; } .docs-proofread-overflow-menu-item { align-items: center; display: flex; fl= ex-direction: row; } .docs-proofread-suggestion-overflow-feedback-menu .goog-menuseparator { mar= gin: 8px 0px; } .docs-proofread-suggestion-overflow-menu .apps-hoverable-menu-separator-con= tainer { padding-left: 0px; } .docs-material.goog-menu.docs-proofread-suggestion-overflow-menu .goog-menu= item, .goog-menuitem.apps-menuitem.docs-proofread-suggestion-overflow-feedb= ack-menuitem, .goog-menuitem.docs-spell-feedbackmenu-item.docs-proofread-su= ggestion-overflow-feedback-menuitem, .goog-menuitem.docs-stylistic-feedback= menu-item.docs-proofread-suggestion-overflow-feedback-menuitem { box-sizing= : border-box; min-height: 32px; padding: 6px 8px 6px 12px; } .docs-proofread-overflow-menu-item-label { font: 0.875rem / 1.5rem "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; color: var(--gm3-= sys-color-on-surface,#1f1f1f); height: 24px; margin: 3px 0px 3px 6px; } .docs-proofread-overflow-menu-item-icon { color: var(--gm3-sys-color-primar= y-container,#d3e3fd); height: 30px; width: 30px; padding: 3px; } .docs-proofread-overflow-menu-item-subtext { color: var(--gm3-sys-color-on-= primary-container,#0842a0); font-size: 13px; } .goog-control-open .docs-proofread-suggestion-options-list-item { border-wi= dth: medium; border-style: none; border-color: currentcolor; border-image: = none; background: var(--gm3-sys-color-secondary-container,#c2e7ff); color: = var(--gm3-sys-color-on-secondary-container,#004a77); } .docs-proofread-suggestion-overflow-menu .goog-submenu-arrow { display: non= e; } .goog-menu.docs-proofread-suggestion-overflow-feedback-menu, .goog-menu.doc= s-proofread-suggestion-overflow-menu { background-color: var(--gm3-sys-colo= r-surface-container-low,#f8fafd); box-shadow: 0 1px 3px rgba(var(--gm3-sys-= color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-r= gb,0,0,0),.15); padding: 8px 0px; } @media (forced-colors: active) { .goog-control-open .docs-proofread-suggestion-options-list-item { outline= : highlight solid 1px; } .docs-proofread-sidebar-focus-visible .docs-proofread-suggestion-options-= list-item:focus { outline: highlight solid 2px; } .docs-proofread-sidebar-focus-visible .docs-proofread-suggestion:focus { = outline: highlight solid 1px; } .docs-proofread-sidebar-focus-visible .docs-material-menu-button-flat-def= ault.docs-proofread-suggestion-more-options:focus, .docs-proofread-sidebar-= focus-visible .docs-proofread-suggestion-accept:focus, .docs-proofread-side= bar-focus-visible .docs-proofread-suggestion-ignore:focus { outline: highli= ght solid 1px; } } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog { bac= kground-color: var(--gm3-sys-color-surface,#fff); border-color: var(--gm3-s= ys-color-surface,#fff); border-radius: 28px; box-shadow: 0 1px 2px rgba(var= (--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.15); height: auto; padding: 2px; text-align: left; wh= ite-space: normal; width: 384px; overflow-wrap: break-word; } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog .docs= -material-gm-dialog-title-text { width: 70%; display: block; font-size: 26p= x; font-weight: 400; line-height: 2rem; } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog .docs= -material-gm-dialog-content { font-size: 15px; padding: 0px 24px 6px; } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog .docs= -material-gm-dialog-call-to-action-button { border: 1px solid transparent; = border-radius: 9999px; box-sizing: border-box; cursor: pointer; font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; white-s= pace: nowrap; color: var(--gm3-sys-color-primary,#0b57d0); padding: 9px 12p= x; background: var(--gm3-sys-color-surface,#fff); box-shadow: none; } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog .docs= -material-gm-dialog-call-to-action-button.docs-gm3-button-hover { color: va= r(--gm3-sys-color-primary,#0b57d0); padding: 9px 12px; background-color: rg= ba(var(--gm3-sys-color-primary-rgb,11,87,208),.08); } .docs-material-gm-dialog.docs-turnoff-suggestions-confirmation-dialog .docs= -material-gm-dialog-call-to-action-button.docs-gm3-button-focused { color: = var(--gm3-sys-color-primary,#0b57d0); padding: 9px 12px; background-color: = rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-gm .kix-spell-bubble { border-color: var(--gm3-sys-color-outline-vari= ant,#c4c7c5); border-radius: 8px; box-shadow: 0 1px 3px 1px rgba(var(--gm3-= sys-color-shadow-rgb,0,0,0),.15); font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem= ; padding: 4px; } .kix-spell-bubble .kix-spell-bubble-suggestion-text { color: var(--gm3-sys-= color-on-surface,#1f1f1f); display: inline-block; cursor: pointer; line-hei= ght: 18px; text-align: center; padding: 3px 6px; } .docs-gm .kix-spell-bubble-suggestion-text:hover { background-color: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-= surface,#fff)); border-radius: 4px; } .docs-gm .kix-spell-bubble-suggestion-text:focus { background-color: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color= -surface,#fff)); outline: none; border-radius: 4px; } .kix-spell-bubble .kix-spell-bubble-option { display: inline-block; height:= 24px; width: 24px; cursor: pointer; text-align: center; margin-left: 3px; = margin-right: 0px; line-height: 1.25rem !important; border: 0px !important;= } .kix-spell-bubble .goog-toolbar-separator.goog-inline-block { margin: 0px 3= px; } .kix-spell-bubble .kix-spell-bubble-cse .docs-icon { height: 18px; width: 1= 8px; } .kix-spell-bubble-ignore .docs-icon, .kix-spell-bubble-more-options .docs-i= con { width: 18px !important; } .kix-spell-bubble-more-options-menu .apps-hoverable-menu-separator-containe= r { padding-left: 0px; } .kix-spell-bubble .kix-spell-bubble-text-refinement .refinement-label { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 500; letter-spacing: 0px; color: var(--gm3-sys-color-on-surface,= #1f1f1f); cursor: pointer; display: inline; line-height: 1.25rem; margin-le= ft: 2px; vertical-align: middle; } .kix-spell-bubble-feedback .docs-icon { width: 18px !important; } .kix-spell-bubble-proofread .docs-icon { width: 18px !important; padding-bo= ttom: 1px; } .kix-spell-bubble .kix-spell-bubble-text-refinement .docs-icon { color: var= (--gm3-sys-color-on-surface,#1f1f1f); height: 18px; width: 18px; } .docs-gm .kix-spell-bubble-option:hover { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#= fff)); border-radius: 9999px; } .docs-gm .kix-spell-bubble-option:focus { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,= #fff)); outline: none; border-radius: 9999px; } .kix-spell-bubble .kix-spell-bubble-text-refinement { align-items: center; = align-self: stretch; display: inline-block; gap: 2px; padding: 3px 12px 3px= 8px; position: relative; } @keyframes shimmer-wipe-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes shimmer-wipe-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes generation-shimmer {=20 0% { background-position: 100% 100%; } 100% { background-position: 0px 0px; } } .docs-gm .kix-spell-bubble-text-refinement.stop-shimmer-animation::before {= animation: auto ease 0s 1 normal none running none; background-image: ; ba= ckground-size: ; background-repeat: ; background-attachment: ; background-o= rigin: ; background-clip: ; background-color: ; background-position: 50% ce= nter; opacity: 1; } .docs-gm .kix-spell-bubble-text-refinement::before { background-image: ; ba= ckground-repeat: ; background-attachment: ; background-origin: ; background= -clip: ; background-color: ; animation: 2.2s linear 0s infinite normal none= running generation-shimmer, 0.8s cubic-bezier(0, 0, 0.5, 1) 0s 1 normal fo= rwards running shimmer-wipe-in, 0.8s cubic-bezier(0.5, 0, 1, 1) 1.4s 1 norm= al forwards running shimmer-wipe-out; background-position: 50% center; back= ground-size: 800% 800%; border-radius: 28px; content: ""; height: 100%; lef= t: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; opacity: 0;= } .docs-gm .kix-spell-bubble-text-refinement:hover { background: var(--ae-gen= ai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-mute= d-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),va= r(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-m= uted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .docs-gm .kix-spell-bubble-text-refinement:hover { animation: 2.1s linear= 0s infinite normal none running generation-shimmer; background: var(--ae-g= enai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-mu= ted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),= var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai= -muted-gradient01,#e9eef6))); } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .docs-gm .kix-spell-bubble-text-refinement:hover { background-position: 5= 0% center; background-size: 800% 800%; } } .docs-gm .kix-spell-bubble-text-refinement:hover { border-radius: 28px; } .docs-gm .kix-spell-bubble-text-refinement:focus::before { background-color= : var(--gm3-sys-color-on-surface,#1f1f1f); border-radius: 28px; content: ""= ; height: 100%; inset: 0px; opacity: 0.1; position: absolute; width: 100%; = } .docs-gm .kix-spell-bubble-text-refinement:focus { background: var(--ae-gen= ai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-mute= d-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),va= r(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-m= uted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .docs-gm .kix-spell-bubble-text-refinement:focus { animation: 2.1s linear= 0s infinite normal none running generation-shimmer; background: var(--ae-g= enai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-mu= ted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),= var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai= -muted-gradient01,#e9eef6))); } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .docs-gm .kix-spell-bubble-text-refinement:focus { background-position: 5= 0% center; background-size: 800% 800%; } } .docs-gm .kix-spell-bubble-text-refinement:focus { border-radius: 28px; out= line: none; } .kix-spell-bubble .docs-material-button-flat-default { padding: 0px !import= ant; } .kix-spell-bubble .docs-icon { height: 16px; width: 16px; } .docs-spellcheck-bubble-popout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.do= cs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter, .docs-spe= llcheck-bubble-popout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-= bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore, .docs-spellcheck-= bubble-popout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .= jfk-bubble-arrowup .jfk-bubble-arrowimplafter, .docs-spellcheck-bubble-popo= ut.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-= arrowup .jfk-bubble-arrowimplbefore { border-color: var(--gm3-sys-color-sur= face,#fff) transparent; } .docs-spellcheck-bubble-popout.docs-gm-promo.jfk-bubble.docs-promo-bubble {= background-color: var(--gm3-sys-color-surface,#fff); } .docs-spellcheck-bubble-popout.docs-gm-promo .docs-promo-body, .docs-spellc= heck-bubble-popout.docs-gm-promo .docs-promo-header { color: var(--gm3-sys-= color-on-surface,#1f1f1f); } .docs-spellcheck-bubble-popout.docs-gm-promo .docs-promo-action-container {= color: var(--gm3-sys-color-primary,#0b57d0); border: 1px solid transparent= ; border-radius: 4px; padding: 4px; } .docs-spellcheck-bubble-popout.docs-gm-promo .docs-promo-action-container:h= over { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-cont= ainer-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-primary-container-rgb,= 8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3e3fd); border-colo= r: var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-spellcheck-bubble-popout.docs-gm-promo .docs-promo-action-container:f= ocus { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-cont= ainer-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8= ,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); border-color:= var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-gm .docs-embedded-file-bubble { border-color: var(--gm3-sys-color-out= line-variant,#c4c7c5); border-radius: 8px; box-shadow: 0 1px 3px 1px rgba(v= ar(--gm3-sys-color-shadow-rgb,0,0,0),.15); font-family: Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; padd= ing: 4px; } .docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-= drive-button.jfk-button-standard.jfk-button:hover, .docs-embedded-file-bubb= le .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-stan= dard.jfk-button:hover, .docs-embedded-file-bubble .docs-bubble-button.embed= ded-file-bubble-view-button.jfk-button-standard.jfk-button:hover { border-w= idth: 0px; box-shadow: none; } .docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-= drive-button.jfk-button-standard.jfk-button-disabled, .docs-embedded-file-b= ubble .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-s= tandard.jfk-button-disabled, .docs-embedded-file-bubble .docs-bubble-button= .embedded-file-bubble-view-button.jfk-button-standard.jfk-button-disabled {= opacity: 0.38; background-color: transparent !important; } @media only screen and (max-width: 560px) { .embedded-file-projector-add-to-drive-button { display: none; padding-rig= ht: 2px; } } .embedded-file-projector-btn .embedded-file-projector-icon { margin: 6px 8p= x; vertical-align: middle; } .embedded-file-projector-icon { height: 24px; width: 24px; margin: 1px 2px = 2px 1px; } .embedded-file-projector-add-to-drive-button, .embedded-file-projector-down= load-button { background: transparent; margin-left: 8px; padding-left: 2px;= margin-right: 11px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogSubTitle { color: var(--= gm3-sys-color-on-surface-variant,#444746); font-size: 0.875rem; font-family= : "Google Sans"; padding: 0px 24px 16px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogCustomDialogStyles.Borde= rRadius { border-radius: 28px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogCustomDialogStyles.Borde= rRadius .docs-material-gm-dialog-title { padding: 24px 0px 4px 24px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogCustomDialogStyles.Borde= rRadius .docs-material-gm-dialog-content { padding: 0px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogCustomDialogStyles.Borde= rRadius .docs-material-gm-dialog-buttons { padding: 0px 16px 24px; } .appsFlixPluginsVoiceoversPreviewPresetVoicesDialogVoiceCardContainer { pad= ding: 0px 2px 0px 16px; overflow: scroll; height: 49vh; } .appsFlixPluginsVoiceoversVoicecardCard { align-items: center; background: = var(--gm3-sys-color-surface-container-low,#f8fafd); border-radius: 12px; bo= x-sizing: border-box; display: flex; height: 76px; margin-left: 16px; margi= n-right: 16px; padding: 0px 16px; } .appsFlixPluginsVoiceoversVoicecardVoiceLabel { color: var(--gm3-sys-color-= on-surface,#1f1f1f); display: flex; flex-direction: column; overflow: hidde= n; padding-left: 12px; width: 116px; } .appsFlixPluginsVoiceoversVoicecardVoiceName { color: var(--gm3-sys-color-o= n-surface,#1f1f1f); font-family: "Google Sans"; font-size: 0.875rem; font-s= tyle: normal; font-weight: 500; line-height: 1.25rem; overflow: hidden; tex= t-overflow: ellipsis; white-space: nowrap; } .appsFlixPluginsVoiceoversVoicecardVoiceDescription { color: var(--gm3-sys-= color-on-surface-variant,#444746); font-family: "Google Sans"; font-size: 0= .875rem; font-style: normal; font-weight: 400; line-height: 1.25rem; overfl= ow: hidden; text-overflow: ellipsis; white-space: nowrap; } .appsFlixPluginsVoiceoversVoicecardSvgIcon { fill: var(--gm3-sys-color-on-s= econdary-container,#004a77); height: 20px; width: 20px; } @media screen and (forced-colors: active) { .appsFlixPluginsVoiceoversVoicecardSvgIcon { fill: var(--gm3-sys-color-su= rface,#fff); } } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverListContainer { position= : relative; height: fit-content; width: 100%; margin: 0px; gap: 32px; displ= ay: grid; } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverCardsGrid { display: gri= d; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; } @media (max-width: 708px) { .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverCardsGrid { grid-templ= ate-columns: repeat(1, 1fr); } } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverContainer { align-items:= center; border-radius: 16px; display: flex; flex-direction: column; height= : 132px; width: 206px; } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverCardsGrid .appsDocsPrese= tvoicesWizVoiceoverSelectionVoiceCard { width: unset; margin: 0px; max-widt= h: 100%; } .appsDocsPresetvoicesWizVoiceoverSelectionBackgroundContainer { height: 40%= ; background-color: var(--gm3-sys-color-surface,#fff); display: flex; flex-= direction: row; position: relative; } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverDialog { --Tlqqfc: 996px= ; --pjsEwc: 996px; --rimZob: 708px; --WhNlI: 708px; --Cv3aid: 0px; --tukwab= : 0px; --ARaXme: 0; --VcxYfc: 0px; --urucif: 0px; --xkSh4b: 0px; --ghukTc: = flex; } @media (max-height: 708px), (max-width: 996px) { .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverDialog { --Tlqqfc: 100= vw; --pjsEwc: 100vw; --rimZob: 100vh; --WhNlI: 100vh; } } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverSelectionInnerContainer = { flex: 1 1 0%; overflow-y: auto; padding: 8px 32px 16px; } .appsDocsPresetvoicesWizVoiceoverSelectionFlexContainer { display: flex; fl= ex-direction: column; flex-grow: 1; width: 100%; overflow: hidden; } .appsDocsPresetvoicesWizVoiceoverSelectionContentHeaderContainer { flex: 0 = 0 auto; display: flex; flex-direction: column; padding: 24px 0px; backgroun= d-color: var(--gm3-sys-color-surface,#fff); } .appsDocsPresetvoicesWizVoiceoverSelectionTitle { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.75rem; text-align: center; color: var(--gm3-s= ys-color-on-surface,#1f1f1f); margin: 0px; } .appsDocsPresetvoicesWizVoiceoverSelectionFooterContainer { flex: 0 0 auto;= display: flex; justify-content: flex-end; padding: 12px 24px; border-top: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); background-color: v= ar(--gm3-sys-color-surface,#fff); } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverSectionTitle { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-= on-surface,#1f1f1f); } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverSectionHeader { display:= flex; flex-direction: row; align-items: center; gap: 8px; grid-column: 1 /= -1; } .appsDocsPresetvoicesWizVoiceoverSelectionVoiceoverSectionHeaderTooltipIcon= { --gm3-icon-button-standard-icon-size: 18px; height: 24px; width: 24px; p= adding: 0px; } .appsDocsPresetvoicesWizVoiceoverSelectionNewBadge { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; le= tter-spacing: 0.00625rem; line-height: 1rem; align-items: center; backgroun= d-color: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius: 999= 9px; color: var(--gm3-sys-color-on-primary-container,#0842a0); padding: 2px= 8px; } .appsFlixPluginsVoiceoversDialogVoicecardCard { display: flex; border-radiu= s: 8px; height: 76px; background: var(--gm3-sys-color-surface-container,#f0= f4f9); align-items: center; margin: 8px 3px; max-width: 360px; width: 75vw;= } .appsFlixPluginsVoiceoversDialogVoicecardCard .appsFlixPluginsVoiceoversVoi= cecardVoiceLabel { flex-grow: 1; } .appsFlixPluginsVoiceoversDialogVoicecardCard:hover { background: var(--gm3= -sys-color-surface-container-high,#e9eef6); cursor: pointer; } .appsFlixPluginsVoiceoversDialogVoicecardCard:focus { outline: 3px solid va= r(--gm3-sys-color-secondary,#00639b); } .appsFlixPluginsVoiceoversDialogVoicecardSelected { outline: 2px solid var(= --gm3-sys-color-primary,#0b57d0); } .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer { align-items: center= ; display: flex; justify-content: center; border-radius: 9999px; height: 40= px; width: 40px; } .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer .docs-material-button= -content { height: 24px; width: 24px; } .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer .docs-material-button= -flat-default { display: flex; align-items: center; background-color: var(-= -gm3-sys-color-secondary-container,#c2e7ff); border-radius: 9999px; height:= 100%; justify-content: center; margin: 0px; padding: 0px; width: 100%; } .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer .docs-material-button= -flat-default:hover { background-color: color-mix(in srgb,var(--gm3-sys-col= or-on-secondary-container,#004a77) 8%,var(--gm3-sys-color-secondary-contain= er,#c2e7ff)); } .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer .docs-material-button= -flat-default:focus { background-color: color-mix(in srgb,var(--gm3-sys-col= or-on-secondary-container,#004a77) 10%,var(--gm3-sys-color-secondary-contai= ner,#c2e7ff)); } @media screen and (forced-colors: active) { .appsFlixPluginsVoiceoversPreviewAudioPlayerContainer, .appsFlixPluginsVo= iceoversPreviewAudioPlayerContainer .docs-material-button-content { filter:= invert(100%); } } .appsFlixPluginsVoiceoversPreviewAudioPlayerIsPlaying { background-color: v= ar(--gm3-sys-color-tertiary-container,#c4eed0); fill: var(--gm3-sys-color-s= econdary-container,#c2e7ff); } .appsFlixPluginsVoiceoversPreviewAudioPlayerIconEnabled { fill: var(--gm3-s= ys-color-secondary-container,#c2e7ff); } .appsFlixPluginsVoiceoversPreviewAudioPlayerPlayIconDisabled { fill: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color= -surface,#fff)); } .appsFlixPluginsVoiceoversPreviewAudioPlayerPlayIconDisabled > .docs-materi= al-button-flat-default.docs-material-button { background-color: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surf= ace,#fff)); } .appsFlixPluginsVoiceoversPreviewAudioPlayerPlayIconDisabled:active { point= er-events: none; } .appsFlixPluginsVoiceoversPreviewAudioPlayerLoader { width: 16px; padding: = 4px; aspect-ratio: 1 / 1; border-radius: 9999px; background: var(--gm3-sys-= color-primary,#0b57d0); mask-image: ; -webkit-mask-position-x: ; -webkit-ma= sk-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; ma= sk-mode: ; mask-composite: subtract; animation: 1s linear 0s infinite norma= l none running rotateTurn; } @keyframes rotateTurn {=20 100% { transform: rotate(1turn); } } @property --rotation { syntax: ""; inherits: false; initial-value: 0= deg; } @keyframes barkick-loader {=20 0% { --rotation: 0deg; } 100% { --rotation: 360deg; } } @keyframes barkick-pulse {=20 0% { opacity: 0; } 100% { opacity: 1; } } .appsElementsSidekickBarkickBarkickContainer { display: flex; flex-directio= n: column; gap: 6px; position: relative; } .appsElementsSidekickBarkickBarkick { background-color: var(--gm3-sys-color= -surface-container-lowest,#fff); border: 1px solid transparent; border-radi= us: 32px; box-shadow: 0 1px 2px 0 color-mix(in srgb,var(--ws-sys-color-gena= i-bold-gradient02,#3186ff),transparent 70%),0 1px 3px 1px color-mix(in srgb= ,var(--ws-sys-color-genai-bold-gradient02,#3186ff),transparent 85%); cursor= : auto; display: flex; flex-direction: column; position: relative; opacity:= 1; transform: scale(1) translateY(0px); transform-origin: center center; t= ransition: transform 0.4s cubic-bezier(0, 0, 0, 1), opacity 0.1s linear 80m= s; } .appsElementsSidekickBarkickBarkick, .appsElementsSidekickBarkickSideDocked= Button { margin-block-end: 22px; } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsC= enterDocked .appsElementsSidekickBarkickBarkick, .appsElementsSidekickBarki= ckBarkickContainer.appsElementsSidekickBarkickIsSideDocked .appsElementsSid= ekickBarkickBarkick { opacity: 0; pointer-events: none; transition: transfo= rm 0.4s cubic-bezier(0, 0, 0, 1), opacity 0.1s linear, visibility linear 0.= 1s; visibility: hidden; } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsC= enterDocked .appsElementsSidekickBarkickBarkick { transform: scale(0.7) tra= nslateY(20px); } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsS= ideDocked .appsElementsSidekickBarkickBarkick { transform: scaleX(0.4); tra= nsform-origin: center center; } .appsElementsSidekickBarkickCenterDockedContainer, .appsElementsSidekickBar= kickSideDockedContainer { align-items: flex-end; display: inline-flex; bloc= k-size: 100%; inset-inline-start: 0px; position: absolute; inset-block-star= t: 0px; inline-size: 100%; opacity: 0; visibility: hidden; pointer-events: = none; transition: transform 0.4s cubic-bezier(0, 0, 0, 1), opacity 0.1s lin= ear, visibility linear 0.1s; } .appsElementsSidekickBarkickCenterDockedContainer { justify-content: center= ; transform: scale(1.5) translateY(-20px); transform-origin: center center;= } .appsElementsSidekickBarkickSideDockedContainer { justify-content: flex-end= ; } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsC= enterDocked .appsElementsSidekickBarkickCenterDockedContainer, .appsElement= sSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsSideDocked .a= ppsElementsSidekickBarkickSideDockedContainer { opacity: 1; pointer-events:= none; visibility: visible; transition: transform 0.4s cubic-bezier(0, 0, 0= , 1), opacity 0.1s linear 80ms, visibility linear; } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsC= enterDocked .appsElementsSidekickBarkickCenterDockedContainer { transform: = scale(1) translateY(-10px); } .appsElementsSidekickBarkickCenterDockedButton, .appsElementsSidekickBarkic= kSideDockedButton { pointer-events: none; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickBarkickBarkickContainer .appsElementsSidekickBarkick= CenterDockedButton:focus-visible, .appsElementsSidekickBarkickBarkickContai= ner .appsElementsSidekickBarkickSideDockedButton:focus-visible { --H6apye: = none; outline: highlight solid 3px; outline-offset: 2px; } } .appsElementsSidekickBarkickCenterDockedButton { --gm3-icon-button-filled-t= onal-container-height: 20px; --gm3-icon-button-filled-tonal-container-width= : 92px; --gm3-icon-button-filled-tonal-icon-size: 16px; --gm3-icon-button-f= illed-tonal-container-color: var(--gm3-sys-color-surface-container-high,#e9= eef6); } .appsElementsSidekickBarkickSideDockedButton { --gm3-icon-button-filled-ton= al-container-height: 48px; --gm3-icon-button-filled-tonal-container-width: = 48px; --gm3-icon-button-filled-tonal-icon-size: 16px; --gm3-icon-button-fil= led-tonal-container-color: var(--gm3-sys-color-on-primary,#fff); --gm3-icon= -button-filled-tonal-hover-state-layer-opacity: 0; --gm3-icon-button-filled= -tonal-pressed-state-layer-opacity: 0; box-shadow: 0 1.67px 2.5px color-mix= (in srgb,var(--ws-sys-color-genai-bold-gradient02,#3186ff) 20%,transparent)= ,0 1.67px 13.33px color-mix(in srgb,var(--ws-sys-color-genai-bold-gradient0= 2,#3186ff) 15%,transparent); } .appsElementsSidekickBarkickSideDockedButton:active, .appsElementsSidekickB= arkickSideDockedButton:hover { background: var(--ae-genai-generation-gradie= nt,linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradient01,#e9eef6= ),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-gen= ai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e9e= ef6))); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickSideDockedButton:active, .appsElementsSidekic= kBarkickSideDockedButton:hover { background-position: 50% center; backgroun= d-size: 800% 800%; } } .appsElementsSidekickBarkickSideDockedButton:active, .appsElementsSidekickB= arkickSideDockedButton:hover { animation: 2.1s linear 0s infinite normal no= ne running generation-shimmer; } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsC= enterDocked .appsElementsSidekickBarkickCenterDockedContainer .appsElements= SidekickBarkickCenterDockedButton, .appsElementsSidekickBarkickBarkickConta= iner.appsElementsSidekickBarkickIsSideDocked .appsElementsSidekickBarkickSi= deDockedContainer .appsElementsSidekickBarkickSideDockedButton { pointer-ev= ents: auto; } .appsElementsSidekickBarkickBarkick.appsElementsSidekickBarkickHidden { dis= play: flex; opacity: 0; pointer-events: none; transform: scaleX(0) scaleY(0= ); } .appsElementsSidekickBarkickBarkick:focus-within { box-shadow: 0 1px 3px 0 = color-mix(in srgb,var(--ws-sys-color-genai-bold-gradient02,#3186ff),transpa= rent 70%),0 3px 6px 3px color-mix(in srgb,var(--ws-sys-color-genai-bold-gra= dient02,#3186ff),transparent 85%); } .appsElementsSidekickBarkickBarkick:has(.appsElementsPromptBoxRootWrapped):= not(.appsElementsSidekickBarkickThinkingStateAnimation) { border-radius: 16= px; } .appsElementsSidekickBarkickPeekBufferZone { display: none; block-size: 60p= x; inset: auto 0px 0px; opacity: 0; pointer-events: auto; position: absolut= e; transform: translateY(100%); } .appsElementsSidekickBarkickBarkickContainer.appsElementsSidekickBarkickIsP= eeking .appsElementsSidekickBarkickBarkick .appsElementsSidekickBarkickPeek= BufferZone { display: block; } .appsElementsSidekickBarkickBarkickBlurShape1 { background: linear-gradient= (to right,color-mix(in srgb,color-mix(in srgb,var(--ws-sys-color-genai-text= -gradient03,#4fa0ff) 30%,#fff) 16%,transparent) 0,color-mix(in srgb,var(--w= s-sys-color-genai-text-gradient01,#3186ff) 16%,transparent) 35%,color-mix(i= n srgb,var(--ws-sys-color-genai-text-gradient02,#346bf1) 16%,transparent) 6= 5%,color-mix(in srgb,var(--ws-sys-color-genai-text-gradient03,#4fa0ff) 16%,= transparent) 100%); left: 50%; position: absolute; transform: translateX(-5= 0%); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickBarkickBlurShape1 { animation: 2s linear 0s i= nfinite alternate none running barkick-pulse; } } .appsElementsSidekickBarkickBarkickBlurShape1 { block-size: 100%; border-ra= dius: 28px; filter: blur(18px); inline-size: 100%; } .appsElementsSidekickBarkickBarkickBlurShape2 { background: linear-gradient= (to right,color-mix(in srgb,color-mix(in srgb,var(--ws-sys-color-genai-text= -gradient03,#4fa0ff) 30%,#fff) 16%,transparent) 0,color-mix(in srgb,var(--w= s-sys-color-genai-text-gradient01,#3186ff) 16%,transparent) 35%,color-mix(i= n srgb,var(--ws-sys-color-genai-text-gradient02,#346bf1) 16%,transparent) 6= 5%,color-mix(in srgb,var(--ws-sys-color-genai-text-gradient03,#4fa0ff) 16%,= transparent) 100%); left: 50%; position: absolute; transform: translateX(-5= 0%); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickBarkickBlurShape2 { animation: 2s linear 0s i= nfinite alternate none running barkick-pulse; } } .appsElementsSidekickBarkickBarkickBlurShape2 { block-size: 100%; border-ra= dius: 28px; filter: blur(18px); inline-size: 90%; } .appsElementsSidekickBarkickBarkickBlurShape3 { background: linear-gradient= (to right,color-mix(in srgb,color-mix(in srgb,var(--ws-sys-color-genai-text= -gradient03,#4fa0ff) 30%,#fff) 16%,transparent) 0,color-mix(in srgb,var(--w= s-sys-color-genai-text-gradient01,#3186ff) 16%,transparent) 35%,color-mix(i= n srgb,var(--ws-sys-color-genai-text-gradient02,#346bf1) 16%,transparent) 6= 5%,color-mix(in srgb,var(--ws-sys-color-genai-text-gradient03,#4fa0ff) 16%,= transparent) 100%); left: 50%; position: absolute; transform: translateX(-5= 0%); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickBarkickBlurShape3 { animation: 2s linear 0s i= nfinite alternate none running barkick-pulse; } } .appsElementsSidekickBarkickBarkickBlurShape3 { block-size: 100%; border-ra= dius: 28px; filter: blur(4px); inline-size: 45%; } .appsElementsSidekickBarkickBarkickBlurShape4 { background: linear-gradient= (to right,color-mix(in srgb,color-mix(in srgb,var(--ws-sys-color-genai-text= -gradient03,#4fa0ff) 30%,#fff) 10%,transparent) 0,color-mix(in srgb,var(--w= s-sys-color-genai-text-gradient01,#3186ff) 10%,transparent) 35%,color-mix(i= n srgb,var(--ws-sys-color-genai-text-gradient02,#346bf1) 10%,transparent) 6= 5%,color-mix(in srgb,var(--ws-sys-color-genai-text-gradient03,#4fa0ff) 10%,= transparent) 100%); left: 50%; position: absolute; transform: translateX(-5= 0%); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickBarkickBlurShape4 { animation: 2s linear 0s i= nfinite alternate none running barkick-pulse; } } .appsElementsSidekickBarkickBarkickBlurShape4 { block-size: calc(100% + 20p= x); border-radius: 9999px; filter: blur(30px); inline-size: 30%; } .appsElementsSidekickBarkickBarkickBlurShape5 { background: linear-gradient= (to right,color-mix(in srgb,color-mix(in srgb,var(--ws-sys-color-genai-text= -gradient03,#4fa0ff) 30%,#fff) 10%,transparent) 0,color-mix(in srgb,var(--w= s-sys-color-genai-text-gradient01,#3186ff) 10%,transparent) 35%,color-mix(i= n srgb,var(--ws-sys-color-genai-text-gradient02,#346bf1) 10%,transparent) 6= 5%,color-mix(in srgb,var(--ws-sys-color-genai-text-gradient03,#4fa0ff) 10%,= transparent) 100%); left: 50%; position: absolute; transform: translateX(-5= 0%); } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickBarkickBlurShape5 { animation: 2s linear 0s i= nfinite alternate none running barkick-pulse; } } .appsElementsSidekickBarkickBarkickBlurShape5 { block-size: calc(100% + 5.5= px); border-radius: 9999px; filter: blur(4px); inline-size: 15%; } .appsElementsSidekickBarkickContainerWithTopBox { border-radius: 16px; tran= sition: transform 0.4s cubic-bezier(0, 0, 0, 1), opacity 0.1s linear 80ms, = border-radius 0.2s ease-in-out; } @media not (prefers-reduced-motion) { .appsElementsSidekickBarkickThinkingStateAnimation { animation: 1.5s line= ar 0s infinite normal none running barkick-loader; } } .appsElementsSidekickBarkickThinkingStateAnimation { background-image: repe= ating-conic-gradient(from var(--rotation),rgba(var(--ws-sys-color-genai-bol= d-gradient01,#346bf1),0),rgba(var(--ws-sys-color-genai-bold-gradient01,#346= bf1),.5) 25%,rgba(var(--ws-sys-color-genai-bold-gradient01,#346bf1),1),rgba= (var(--ws-sys-color-genai-bold-gradient02,#3186ff),1),rgba(var(--ws-sys-col= or-genai-bold-gradient03,#a9a8ff),1),rgba(var(--ws-sys-color-genai-bold-gra= dient03,#a9a8ff),.5) 75%,rgba(var(--ws-sys-color-genai-bold-gradient03,#a9a= 8ff),0)); border-width: medium; border-style: none; border-color: currentco= lor; border-image: none; box-shadow: rgba(0, 0, 220, 0.15) 0px 2px 12px, rg= ba(0, 0, 200, 0.05) 0px 2px 4px, rgba(0, 0, 220, 0.1) 0px 0px 8px inset; pa= dding: 1px; } .appsElementsSidekickBarkickUpsellBanner { display: block; } .appsElementsSidekickBarkickBottomBox { inline-size: 100%; } .appsElementsSidekickBarkickTopBox + .appsElementsSidekickBarkickBottomBox:= has(> .appsElementsSidekickBarkickPromptBoxContainer:not(.appsElementsSidek= ickBarkickHidden)) { border-block-start: 1px solid var(--gm3-sys-color-surf= ace-container-highest,#dde3ea); } .appsElementsSidekickBarkickTopBox { align-items: center; box-sizing: borde= r-box; display: flex; justify-content: space-between; padding: 4px 12px; in= line-size: 100%; } .appsElementsSidekickBarkickPromptBox { border-width: medium; border-style:= none; border-color: currentcolor; border-image: none; } .appsElementsSidekickBarkickPromptBoxContainer { inline-size: 100%; positio= n: relative; } .appsElementsSidekickBarkickPromptBoxContainer .appsElementsPromptBoxInput = { caret-color: var(--gm3-sys-color-on-surface,#1f1f1f); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickBarkickPromptBoxContainer .appsElementsPromptBoxInpu= t { caret-color: auto; color: canvastext; } } .appsElementsSidekickBarkickPromptBoxContainer .appsElementsPromptBoxRoot {= padding: 12px; } .appsElementsSidekickBarkickBarkick .appsElementsPromptBoxInput:empty::befo= re { color: var(--gm3-sys-color-outline,#747775); } .appsElementsSidekickBarkickThinkingStateStopFilledTonalIcon { --gm3-icon-b= utton-filled-tonal-container-height: 32px; --gm3-icon-button-filled-tonal-c= ontainer-width: 32px; --gm3-icon-button-filled-tonal-icon-size: 24px; } .appsElementsSidekickBarkickThinkingStateStopFilledIcon { --gm3-icon-button= -filled-container-height: 32px; --gm3-icon-button-filled-container-width: 3= 2px; --gm3-icon-button-filled-icon-size: 24px; } .appsElementsSidekickBarkickHidden { display: none; } .appsElementsSidekickBarkickTopBox:has(.appsElementsSidekickBarkickTopBoxRe= sponseContainerOneSystem) { padding: 8px 16px 12px; } .appsElementsSidekickBarkickTopBoxResponseContainerOneSystem { display: fle= x; flex-direction: column; inline-size: 100%; gap: 8px; } .appsElementsSidekickBarkickTopBoxResponseTopRow { align-items: center; dis= play: flex; justify-content: space-between; gap: 8px; min-inline-size: 0px;= } .appsElementsSidekickBarkickTopBoxResponseControlsContainer { display: flex= ; flex-direction: row; justify-content: flex-end; gap: 4px; min-inline-size= : 0px; } .appsElementsSidekickBarkickTopBoxError { align-items: center; display: fle= x; flex-direction: row; gap: 16px; inline-size: 100%; } .appsElementsSidekickBarkickTopBoxResponseControlsEndContainer { display: f= lex; flex-direction: row; gap: 4px; } .appsElementsSidekickBarkickTopBoxResponseOptionsContainer { margin-inline:= 4px; min-inline-size: 0px; } .appsElementsSidekickBarkickTopBoxResponseOneSystem { display: flex; flex-d= irection: column; inline-size: 100%; position: relative; } .appsElementsSidekickBarkickSparkIconContainer { display: flex; flex-shrink= : 0; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem ol, .appsElementsSi= dekickBarkickTopBoxResponseTextOneSystem p, .appsElementsSidekickBarkickTop= BoxResponseTextOneSystem pre, .appsElementsSidekickBarkickTopBoxResponseTex= tOneSystem ul { margin-block: unset; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem :is(ul, ol) { margi= n-block: 16px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem :is(ul, ol):first-c= hild { margin-block-start: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem :is(ul, ol):last-ch= ild { margin-block-end: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem span[style=3D"displ= ay: contents;"] > :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem span[style=3D"displ= ay: contents;"]:first-child > :is(ul, ol):first-child { margin-block-start:= 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem span[style=3D"displ= ay: contents;"]:last-child > :is(ul, ol):last-child { margin-block-end: 0px= ; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem :is(ul, ol) :is(ul,= ol), .appsElementsSidekickBarkickTopBoxResponseTextOneSystem :is(ul, ol) := is(ul, ol):is(:first-child, :last-child) { margin-block: 8px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem ul { list-style-typ= e: disc; padding-inline-start: 16px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem ol { padding-inline= -start: 3ch; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem code, .appsElements= SidekickBarkickTopBoxResponseTextOneSystem pre { font-size: 0.75rem; font-w= eight: 400; letter-spacing: 0.00625rem; line-height: 1rem; font-family: "Go= ogle Sans Mono", monospace; white-space: pre-wrap; margin: unset; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table { background-= color: var(--gm3-sys-color-surface,#fff); border-spacing: 0px; border: 1px = solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-collapse: inheri= t; word-break: auto-phrase; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table th { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-wei= ght: 500; letter-spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table td { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter= -spacing: 0.00625rem; line-height: 1rem; font-weight: 400; padding: 5px 8px= ; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table td, .appsElem= entsSidekickBarkickTopBoxResponseTextOneSystem table th { text-align: start= ; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table tr + tr td, .= appsElementsSidekickBarkickTopBoxResponseTextOneSystem table tr + tr th, .a= ppsElementsSidekickBarkickTopBoxResponseTextOneSystem table tr:first-child = td, .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table tr:first-= child th { border-block-start: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table td + td, .app= sElementsSidekickBarkickTopBoxResponseTextOneSystem table td + th, .appsEle= mentsSidekickBarkickTopBoxResponseTextOneSystem table td:first-child, .apps= ElementsSidekickBarkickTopBoxResponseTextOneSystem table th + td, .appsElem= entsSidekickBarkickTopBoxResponseTextOneSystem table th + th, .appsElements= SidekickBarkickTopBoxResponseTextOneSystem table th:first-child { border-in= line-start: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table td:last-child= , .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table th:last-chi= ld { border-inline-end: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem table tr:last-child= td { border-block-end: 0px; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem mark:not([class]) {= background-color: unset; color: unset; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem a:any-link:not([cla= ss]) { color: var(--gm3-sys-color-primary,#0b57d0); text-underline-offset: = 0.25em; text-decoration: underline; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem a:active:not([class= ]), .appsElementsSidekickBarkickTopBoxResponseTextOneSystem a:hover:not([cl= ass]), .appsElementsSidekickBarkickTopBoxResponseTextOneSystem a:visited:no= t([class]) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickBarkickTopBoxResponseTextOneSystem { font-variant-liga= tures: no-contextual; font-feature-settings: "liga" 0; display: flex; flex-= direction: column; color: var(--gm3-sys-color-on-surface-variant,#444746); = max-block-size: 2.5rem; overflow-wrap: break-word; text-wrap: pretty; inlin= e-size: 100%; word-break: break-word; overflow-y: hidden; white-space-colla= pse: preserve; } .appsElementsSidekickBarkickTopBoxResponseTextOneSystemIsExpanded { max-blo= ck-size: 8.75rem; overflow-y: scroll; } .appsElementsSidekickBarkickTopBoxShowMoreContainer { position: absolute; i= nset-block-end: 0px; right: 0px; block-size: 20px; display: flex; align-ite= ms: center; justify-content: end; inline-size: 124px; } .appsElementsSidekickBarkickTopBoxShowMoreGradient { background: linear-gra= dient(90deg,transparent,var(--gm3-sys-color-surface,#fff)); block-size: 100= %; inline-size: 36px; position: absolute; right: 84px; } .appsElementsSidekickBarkickTopBoxShowMoreButton { --gm3-button-filled-cont= ainer-color: var(--gm3-sys-color-surface,#fff); --gm3-button-filled-contain= er-elevation: 0; --gm3-button-filled-container-height: 20px; --gm3-button-f= illed-focus-container-elevation: 0; --gm3-button-filled-focus-label-text-co= lor: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-filled-hover-contai= ner-elevation: 0; --gm3-button-filled-hover-label-text-color: var(--gm3-sys= -color-primary,#0b57d0); --gm3-button-filled-label-text-color: var(--gm3-sy= s-color-primary,#0b57d0); --gm3-button-filled-leading-space: 6px; --gm3-but= ton-filled-pressed-container-elevation: 0; --gm3-button-filled-pressed-labe= l-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-filled-tra= iling-space: 6px; } .appsElementsSidekickBarkickTopBoxSecurityText { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-= spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickBarkickTopBoxLeadingControlsContainer { align-items: c= enter; display: flex; } .appsElementsSidekickBarkickErrorIcon { --gm3-icon-button-standard-containe= r-height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-ico= n-button-standard-icon-size: 20px; --gm3-icon-button-standard-unselected-ic= on-color: var(--gm3-sys-color-on-background,#1f1f1f); } .appsElementsSidekickBarkickTopBoxButton { --gm3-button-text-container-heig= ht: 32px; --gm3-button-text-leading-space: 12px; --gm3-button-text-trailing= -space: 12px; --gm3-button-text-label-text-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-button-text-focus-label-text-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-button-text-hover-label-text-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-p= ressed-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-t= ext-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-button-text-with-icon-hover-icon-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-button-text-with-icon-pressed= -icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-= text-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444= 746); } .appsElementsSidekickBarkickTopBoxDropdownButton { --gm3-dropdown-button-te= xt-container-height: 32px; --gm3-dropdown-button-text-label-text-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-fo= cus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-dropdown-button-text-hover-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --gm3-dropdown-button-text-pressed-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-= with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-dropdown-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-dropdown-button-text-with-icon-hover-icon-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button= -text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-dropdown-button-text-hover-state-layer-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-dropdown-button-text-pressed-stat= e-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickBarkickPromptBoxSwitchToSidePanelButton, .appsElements= SidekickBarkickTopBoxIconButton { --gm3-icon-button-standard-container-heig= ht: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-icon-butt= on-standard-icon-size: 20px; --gm3-icon-button-standard-unselected-icon-col= or: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickBarkickTopBoxMenu { --gm3-list-list-item-focus-label-t= ext-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list= -item-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-list-list-item-selected-focus-label-text-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-selected-= hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-list-list-item-control-selected-focus-label-text-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-list-list-item-control-selected-hov= er-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3= -list-list-item-control-selected-label-text-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-container-color: var(--gm3-sys-color-su= rface,#fff); --gm3-menu-list-item-container-height: 32px; --gm3-menu-list-i= tem-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-item-focus-l= abel-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-men= u-list-item-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-menu-list-item-pressed-label-text-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-selected-f= ocus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-menu-list-item-selected-hover-label-text-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-list-item-control-selected-focus-label-= text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-lis= t-item-control-selected-hover-label-text-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-menu-list-item-control-selected-label-text-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickBarkickTopBoxMenuButton { display: inline-block; } .appsElementsSidekickBarkickOverflowMenuButtonContainer { display: flex; al= ign-items: center; } .appsElementsSidekickBarkickCitationsButton { display: flex; align-items: c= enter; --gm3-button-text-container-height: 32px; --gm3-button-text-label-te= xt-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-tex= t-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-button-text-pressed-label-text-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-button-text-hover-state-layer-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-with-i= con-icon-size: 20px; --gm3-button-text-with-icon-icon-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-button-text-with-icon-focus-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-wi= th-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-button-text-container-min-width: 46px; --gm3-bu= tton-text-with-leading-icon-leading-space: 0px; --gm3-button-text-with-lead= ing-icon-trailing-space: 10px; --gm3-button-text-pressed-state-layer-color:= var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickBarkickCitationSummaryButtonIconWrapper { display: inl= ine-block; margin-block-start: 5px; transform: rotate(135deg); } .appsElementsSidekickBarkickBetaTag { font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0= .00625rem; line-height: 1rem; align-self: center; background: var(--gm3-sys= -color-primary-container,#d3e3fd); border-radius: 4px; color: var(--gm3-sys= -color-primary,#0b57d0); padding: 2px 4px; } .appsElementsSidekickBarkickDogfood { --gm3-icon-button-standard-container-= height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-icon-= button-standard-disabled-icon-color: rgba(var(--gm3-sys-color-on-surface-va= riant-rgb,68,71,70),1); --gm3-icon-button-standard-icon-size: 20px; } .appsElementsSidekickBarkickDogfood.appsElementsSidekickBarkickDogfoodGreen= { --gm3-icon-button-standard-disabled-icon-color: #37be5f; } .appsElementsSidekickBarkickBetaTag, .appsElementsSidekickBarkickDogfood, .= appsElementsSidekickBarkickPromptBoxOverflowMenuButton, .appsElementsSideki= ckBarkickPromptBoxSwitchToSidePanelButton { margin-inline-end: 4px; } @keyframes rotate-ring-container {=20 100% { transform: rotate(1turn); } } @keyframes rotate-ring-container-rtl {=20 100% { transform: rotate(-1turn); } } @keyframes dash {=20 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .appsElementsSidekickThinkingStateModelThoughtsContainer { display: flex; a= lign-items: flex-start; } .appsElementsSidekickThinkingStateModelThoughtsContainer .appsElementsSidek= ickThinkingStateModelThoughtsButton { font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.0= 0625rem; line-height: 1rem; display: flex; flex-direction: row; gap: 8px; b= lock-size: auto; inline-size: fit-content; } .appsElementsSidekickThinkingStateModelThoughtsContainer .appsElementsSidek= ickThinkingStateModelThoughtsButton .appsElementsCollapsibleListSummaryButt= onLeadingContentWithoutIcon { margin-inline-start: 4px; } .appsElementsSidekickThinkingStateThoughtsContainer { display: flex; flex-g= row: 1; inline-size: 100%; flex-direction: column; gap: 12px; } .appsElementsSidekickThinkingStateThoughtsDisclosure { display: flex; flex-= direction: column; min-inline-size: 0px; margin-block-start: 8px; } .appsElementsSidekickThinkingStateThoughtsDescription { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; = letter-spacing: 0px; line-height: 1.25rem; margin-block-start: 16px; margin= -inline-start: -32px; } .appsElementsSidekickThinkingStateThoughtsItem { color: var(--gm3-sys-color= -on-surface-variant,#444746); } .appsElementsSidekickThinkingStateThoughtsItem:not(:last-child) { margin-bl= ock-end: 4px; } .appsElementsSidekickThinkingStateThoughtsSummary { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lette= r-spacing: 0.00625rem; line-height: 1rem; } .appsElementsSidekickThinkingStateThoughtsSummary:not(:last-child) { margin= -block-end: 20px; } .appsElementsSidekickThinkingStateThoughtsTimeline { display: flex; flex-di= rection: column; gap: 16px; margin-block: 8px 12px; margin-inline-start: -3= 6px; padding-inline-start: 40px; position: relative; inline-size: 100%; } .appsElementsSidekickThinkingStateThoughtsTimeline::before { background-col= or: var(--gm3-sys-color-outline-variant,#c4c7c5); inset-block: 8px; content= : ""; inset-inline-start: 17px; position: absolute; inline-size: 2px; } .appsElementsSidekickThinkingStateAgentStepItem { align-items: flex-start; = display: flex; flex-direction: column; inline-size: 100%; } .appsElementsSidekickThinkingStateThoughtStepItem { display: flex; flex-dir= ection: column; gap: 4px; position: relative; inline-size: 100%; } .appsElementsSidekickThinkingStateTimelineIconWrapper { align-items: center= ; background-color: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys= -color-on-surface-variant,#444746); display: flex; block-size: 16px; inset-= inline-start: -30px; justify-content: center; position: absolute; inset-blo= ck-start: 2px; inline-size: 16px; z-index: 1; } .appsElementsSidekickThinkingStateTimelineProductIcon { display: block; blo= ck-size: 16px; object-fit: contain; inline-size: 16px; } .appsElementsSidekickThinkingStateThoughtContentWrapper { display: flex; fl= ex-direction: column; gap: 4px; inline-size: 100%; } .appsElementsSidekickThinkingStateRoot { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0px= ; line-height: 1.5rem; align-items: center; background-color: var(--gm3-sys= -color-surface-container-lowest,#fff); border-radius: 32px; box-sizing: bor= der-box; display: flex; flex-grow: 1; flex-direction: row; inline-size: 100= %; justify-content: space-between; padding: 12px; position: relative; user-= select: none; } .appsElementsSidekickThinkingStateRootSidePanel { min-block-size: 36px; } .appsElementsSidekickThinkingStateRootNonSidePanel { block-size: 56px; } .appsElementsSidekickThinkingStateRoot:focus-visible { outline: none; } .appsElementsSidekickThinkingStateLeftSideContainer { align-items: center; = display: flex; gap: 8px; } .appsElementsSidekickThinkingStateHeadline { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.00625rem; li= ne-height: 1rem; font-weight: 700; } .appsElementsSidekickThinkingStateThoughtHeadline { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-sur= face,#1f1f1f); } .appsElementsSidekickThinkingStateThoughtHeadline strong { font-weight: 500= ; } .appsElementsSidekickThinkingStateToolCallHeadline { color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); } .appsElementsSidekickThinkingStateToolCallHeadlineWithoutDescription:not(:l= ast-child) { margin-block-end: 16px; } .appsElementsSidekickThinkingStateIconContainer { position: relative; displ= ay: flex; justify-content: center; align-items: center; min-inline-size: 36= px; block-size: 36px; } .appsElementsSidekickThinkingStateSparkIcon { align-items: center; block-si= ze: 32px; display: flex; justify-content: center; inline-size: 32px; } .appsElementsSidekickThinkingStateThinkingMessageContainer { display: flex;= flex-direction: column; padding-inline-start: 4px; } .appsElementsSidekickThinkingStateThinkingMessagePrimary { align-items: cen= ter; display: flex; gap: 8px; } .appsElementsSidekickThinkingStateStatusText { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spa= cing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-= variant,#444746); } .appsElementsSidekickThinkingStateSubStatusText { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-outlin= e,#747775); max-block-size: 1rem; opacity: 1; overflow: hidden; transition:= opacity 0.3s linear, max-block-size 0.2s linear 0.3s; } .appsElementsSidekickThinkingStateSubStatusHide { max-block-size: 0px; opac= ity: 0; } .appsElementsSidekickThinkingStateRightSideContainer { margin-inline-start:= auto; } .appsElementsSidekickThinkingStateAppIcons { display: flex; gap: 4px; } .appsElementsSidekickThinkingStateCircleSpinner { position: absolute; inset= : 0px; } @media not (prefers-reduced-motion) { .appsElementsSidekickThinkingStateCircleSpinner { animation: 2s linear 0s= infinite normal none running rotate-ring-container; } [dir=3D"rtl"] .appsElementsSidekickThinkingStateCircleSpinner { animation= -name: rotate-ring-container-rtl; } } .appsElementsSidekickThinkingStateCircleSpinnerGpu { will-change: transform= ; } .appsElementsSidekickThinkingStateCircleSpinnerGpu .appsElementsSidekickThi= nkingStateCircleSpinnerPath { will-change: stroke-dasharray, stroke-dashoff= set; } .appsElementsSidekickThinkingStateCircleSpinnerPath { stroke-dasharray: 1, = 150; stroke-dashoffset: 0; } @media not (prefers-reduced-motion) { .appsElementsSidekickThinkingStateCircleSpinnerPath { animation: 1.5s eas= e-in-out 0s infinite normal none running dash; } } .appsElementsSidekickThinkingStateSidePanel { background-color: transparent= ; border-radius: 0px; padding: 0px; margin-inline-start: -8px; } .appsElementsSidekickThinkingStateSidePanel .appsElementsSidekickThinkingSt= ateStatusText { margin-inline-start: -8px; } .appsElementsSidekickThinkingStateCollapsedThoughts { margin-block: 16px; m= argin-inline-start: -32px; } .appsElementsSidekickThinkingStateCollapsedThoughts .appsElementsSidekickTh= inkingStateThoughtsSummary { margin-block-end: 0px; } .miniChapterSwitcherContainerView { left: 0px; pointer-events: none; positi= on: absolute; top: 0px; z-index: 600; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant .miniChapterSwit= cherCore { left: 50px; top: 20px; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant.hubMode .miniCha= pterSwitcherCore { left: 18px; top: 16px; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant.previewMode .min= iChapterSwitcherCore { left: 16px; top: 30px; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant.templateDetailsM= ode .miniChapterSwitcherCore { left: 14px; top: 114px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore, .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.= cslvMode .miniChapterSwitcherCore, .miniChapterSwitcherContainerView.breadc= rumbSwitcherUiVariant.revisionHistoryMode .miniChapterSwitcherCore, .miniCh= apterSwitcherContainerView.defaultSwitcherUiVariant.cslvMode .miniChapterSw= itcherCore, .miniChapterSwitcherContainerView.defaultSwitcherUiVariant.mole= Mode .miniChapterSwitcherCore, .miniChapterSwitcherContainerView.defaultSwi= tcherUiVariant.revisionHistoryMode .miniChapterSwitcherCore { left: 16px; t= op: 16px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.horizontalRul= erAdjustment .miniChapterSwitcherCore, .miniChapterSwitcherContainerView.de= faultSwitcherUiVariant.horizontalRulerAdjustment .miniChapterSwitcherCore {= top: 32px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.verticalRuler= Adjustment .miniChapterSwitcherCore, .miniChapterSwitcherContainerView.defa= ultSwitcherUiVariant.verticalRulerAdjustment .miniChapterSwitcherCore { lef= t: 32px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.coverImageOff= setStandard .miniChapterSwitcherCore { top: 24px; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant.coverImageOffset= ForSecondaryView .miniChapterSwitcherCore { top: 24px; left: 24px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.horizontalRul= erAdjustment.coverImageOffsetStandard .miniChapterSwitcherCore, .miniChapte= rSwitcherContainerView.defaultSwitcherUiVariant.coverImageOffsetStandard .m= iniChapterSwitcherCore { top: 40px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.coverImageOff= setStandard .miniChapterSwitcherCore, .miniChapterSwitcherContainerView.def= aultSwitcherUiVariant.coverImageOffsetStandard .miniChapterSwitcherCore { l= eft: 24px; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant .docs-material-g= m-select-inner-box { margin-right: 8px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .docs-materia= l-gm-select-inner-box { margin-left: 0px; margin-right: 16px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherNavigationEntryPointIcon { align-items: center; background: var(--gm= 3-sys-color-surface-container-high,#e9eef6); border-radius: 9999px; display= : flex; height: 20px; justify-content: center; padding: 4px; width: 20px; z= -index: 1; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherNavigationEntryPointIcon .miniChapterSwitcherShowChapterIcon { backg= round: var(--gm3-sys-color-surface-dim,#d3dbe5); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherNavigationEntryPointMask { background: var(--gm3-sys-color-surface-c= ontainer-high,#e9eef6); border-radius: 9999px; z-index: 1; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant.miniChapterSw= itcherMultipleChapters .miniChapterSwitcherNavigationEntryPointMask { borde= r-bottom-right-radius: 0px; border-top-right-radius: 0px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherNavigationEntryPointIcon { margin: 4px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed.miniChapterSwitcherChapterCountThreeDigits .miniChapterSwi= tcherNavigationEntryPointIcon { margin-right: 0px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon { back= ground: var(--gm3-sys-color-surface-dim,#d3dbe5); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active .docs-m= aterial-gm-select-outer-box, .miniChapterSwitcherContainerView.breadcrumbSw= itcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mate= rial-gm-select-active .miniChapterSwitcherChapterIcon, .miniChapterSwitcher= ContainerView.breadcrumbSwitcherUiVariant .miniChapterSwitcherCore .miniCha= pterSwitcherView.docs-material-gm-select-active .miniChapterSwitcherNavigat= ionEntryPointIcon { background: color-mix(in srgb,var(--gm3-sys-color-on-su= rface,#1f1f1f) 10%,var(--gm3-sys-color-surface-container-high,#e9eef6)); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active.miniCha= pterSwitcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon {= background: var(--gm3-sys-color-surface-dim,#d3dbe5); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-hover .miniCha= pterSwitcherNavigationEntryPointMask { background: color-mix(in srgb,var(--= gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-container-= high,#e9eef6)); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active .miniCh= apterSwitcherNavigationEntryPointMask, .miniChapterSwitcherContainerView.br= eadcrumbSwitcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView= .docs-material-gm-select-focused .miniChapterSwitcherNavigationEntryPointMa= sk { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) = 10%,var(--gm3-sys-color-surface-container-high,#e9eef6)); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCore .docs-material-gm-select-outer-box { height: 36px; transition: = width 0.2s cubic-bezier(0.2, 0, 0, 1); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed .docs-material-gm-select-outer-box { width: 36px; transiti= on: width 0.2s cubic-bezier(0.2, 0, 0, 1) 0.1s; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed.miniChapterSwitcherMultipleChapters .docs-material-gm-sele= ct-outer-box { width: 50px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed.miniChapterSwitcherMultipleChapters.miniChapterSwitcherCha= pterCountThreeDigits .docs-material-gm-select-outer-box, .miniChapterSwitch= erContainerView.breadcrumbSwitcherUiVariant .miniChapterSwitcherCollapsed.m= iniChapterSwitcherMultipleChapters.miniChapterSwitcherChapterCountTwoDigits= .docs-material-gm-select-outer-box { width: 57px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed.miniChapterSwitcherShowChapterIcon .docs-material-gm-selec= t-outer-box { width: 78px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherChapterIcon { display: none; } .miniChapterSwitcherContainerView.defaultSwitcherUiVariant .miniChapterSwit= cherSelectedChapterInfoText { margin-right: 8px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherSelectedChapterInfoText { margin-left: 2px; max-width: 134px; opacit= y: 1; transition: margin-left 0.2s cubic-bezier(0.2, 0, 0, 1) 0.05s, max-wi= dth 0.2s cubic-bezier(0.2, 0, 0, 1) 0.05s, opacity 0.2s cubic-bezier(0.2, 0= , 0, 1) 0.05s; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherCollapsed .miniChapterSwitcherSelectedChapterInfoText { margin-left:= -8px; max-width: 0px; opacity: 0; transition: margin-left 0.1s cubic-bezie= r(0.2, 0, 0, 1), max-width 0.1s cubic-bezier(0.2, 0, 0, 1), opacity 0.1s cu= bic-bezier(0.2, 0, 0, 1); } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherMultipleChapters .miniChapterSwitcherSelectedChapterInfoText { margi= n-left: 4px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherMultipleChapters.miniChapterSwitcherCollapsed .miniChapterSwitcherSe= lectedChapterInfoText { margin-left: -6px; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherMultipleChapters.miniChapterSwitcherCollapsed .miniChapterSwitcherCh= apterCountInfoText { margin-left: 1px; opacity: 1; transition: margin-left = 0.2s cubic-bezier(0.2, 0, 0, 1) 0.15s, opacity 0.2s cubic-bezier(0.2, 0, 0,= 1) 0.15s; } .miniChapterSwitcherContainerView.breadcrumbSwitcherUiVariant .miniChapterS= witcherMultipleChapters .miniChapterSwitcherChapterCountInfoText { margin-l= eft: -4px; opacity: 0; position: absolute; transition: margin-left 0.1s cub= ic-bezier(0.2, 0, 0, 1), opacity 0.1s cubic-bezier(0.2, 0, 0, 1); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherMultipleChapters .miniChapterSwitcherNav= igationEntryPointIcon, .miniChapterSwitcherContainerView.miniChapterSwitche= rPageless.breadcrumbSwitcherUiVariant .miniChapterSwitcherShowChapterIcon .= miniChapterSwitcherNavigationEntryPointIcon { background: var(--gm3-sys-col= or-surface-container-highest,#dde3ea); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherCore.nonWhiteBackground .docs-material-g= m-select-outer-box { outline: 1px solid var(--gm3-sys-color-surface-dim,#d3= dbe5); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mater= ial-gm-select .miniChapterSwitcherNavigationEntryPointMask { background: va= r(--gm3-sys-color-surface-container,#f0f4f9); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mater= ial-gm-select-hover .miniChapterSwitcherNavigationEntryPointMask { backgrou= nd: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-= sys-color-surface-container,#f0f4f9)); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mater= ial-gm-select-active .docs-material-gm-select-outer-box, .miniChapterSwitch= erContainerView.miniChapterSwitcherPageless.breadcrumbSwitcherUiVariant .mi= niChapterSwitcherCore .miniChapterSwitcherView.docs-material-gm-select-acti= ve .miniChapterSwitcherChapterIcon, .miniChapterSwitcherContainerView.miniC= hapterSwitcherPageless.breadcrumbSwitcherUiVariant .miniChapterSwitcherCore= .miniChapterSwitcherView.docs-material-gm-select-active .miniChapterSwitch= erNavigationEntryPointIcon, .miniChapterSwitcherContainerView.miniChapterSw= itcherPageless.breadcrumbSwitcherUiVariant .miniChapterSwitcherCore .miniCh= apterSwitcherView.docs-material-gm-select-active .miniChapterSwitcherNaviga= tionEntryPointMask, .miniChapterSwitcherContainerView.miniChapterSwitcherPa= geless.breadcrumbSwitcherUiVariant .miniChapterSwitcherCore .miniChapterSwi= tcherView.docs-material-gm-select-focused .miniChapterSwitcherNavigationEnt= ryPointMask { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,= #1f1f1f) 10%,var(--gm3-sys-color-surface-container,#f0f4f9)); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless.breadcrumbSwi= tcherUiVariant .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mater= ial-gm-select-active.miniChapterSwitcherMultipleChapters .miniChapterSwitch= erNavigationEntryPointIcon { background: var(--gm3-sys-color-surface-contai= ner-highest,#dde3ea); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select .docs-material= -gm-select-outer-box, .miniChapterSwitcherContainerView.miniChapterSwitcher= Pageless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-material-gm= -select .miniChapterSwitcherChapterIcon, .miniChapterSwitcherContainerView.= miniChapterSwitcherPageless .miniChapterSwitcherCore .miniChapterSwitcherVi= ew.docs-material-gm-select .miniChapterSwitcherNavigationEntryPointIcon { b= ackground: var(--gm3-sys-color-surface-container,#f0f4f9); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select.miniChapterSwi= tcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon { backgr= ound: var(--gm3-sys-color-surface-container-highest,#dde3ea); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-hover .docs-ma= terial-gm-select-outer-box, .miniChapterSwitcherContainerView.miniChapterSw= itcherPageless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mater= ial-gm-select-hover .miniChapterSwitcherChapterIcon, .miniChapterSwitcherCo= ntainerView.miniChapterSwitcherPageless .miniChapterSwitcherCore .miniChapt= erSwitcherView.docs-material-gm-select-hover .miniChapterSwitcherNavigation= EntryPointIcon { background: color-mix(in srgb,var(--gm3-sys-color-on-surfa= ce,#1f1f1f) 8%,var(--gm3-sys-color-surface-container,#f0f4f9)); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-hover.miniChap= terSwitcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon { = background: var(--gm3-sys-color-surface-container-highest,#dde3ea); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-focused .docs-= material-gm-select-outer-box, .miniChapterSwitcherContainerView.miniChapter= SwitcherPageless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mat= erial-gm-select-focused .miniChapterSwitcherChapterIcon, .miniChapterSwitch= erContainerView.miniChapterSwitcherPageless .miniChapterSwitcherCore .miniC= hapterSwitcherView.docs-material-gm-select-focused .miniChapterSwitcherNavi= gationEntryPointIcon, .miniChapterSwitcherContainerView.miniChapterSwitcher= Pageless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-material-gm= -select-focused.docs-material-gm-select-open .docs-material-gm-select-outer= -box, .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniCh= apterSwitcherCore .miniChapterSwitcherView.docs-material-gm-select-focused.= docs-material-gm-select-open .miniChapterSwitcherChapterIcon, .miniChapterS= witcherContainerView.miniChapterSwitcherPageless .miniChapterSwitcherCore .= miniChapterSwitcherView.docs-material-gm-select-focused.docs-material-gm-se= lect-open .miniChapterSwitcherNavigationEntryPointIcon { background: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color= -surface-container,#f0f4f9)); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-focused.miniCh= apterSwitcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon,= .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapter= SwitcherCore .miniChapterSwitcherView.docs-material-gm-select-focused.miniC= hapterSwitcherMultipleChapters.docs-material-gm-select-open .miniChapterSwi= tcherNavigationEntryPointIcon { background: var(--gm3-sys-color-surface-con= tainer-highest,#dde3ea); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active .docs-m= aterial-gm-select-outer-box, .miniChapterSwitcherContainerView.miniChapterS= witcherPageless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-mate= rial-gm-select-active .miniChapterSwitcherChapterIcon, .miniChapterSwitcher= ContainerView.miniChapterSwitcherPageless .miniChapterSwitcherCore .miniCha= pterSwitcherView.docs-material-gm-select-active .miniChapterSwitcherNavigat= ionEntryPointIcon, .miniChapterSwitcherContainerView.miniChapterSwitcherPag= eless .miniChapterSwitcherCore .miniChapterSwitcherView.docs-material-gm-se= lect-active.docs-material-gm-select-open .docs-material-gm-select-outer-box= , .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapte= rSwitcherCore .miniChapterSwitcherView.docs-material-gm-select-active.docs-= material-gm-select-open .miniChapterSwitcherChapterIcon, .miniChapterSwitch= erContainerView.miniChapterSwitcherPageless .miniChapterSwitcherCore .miniC= hapterSwitcherView.docs-material-gm-select-active.docs-material-gm-select-o= pen .miniChapterSwitcherNavigationEntryPointIcon { background: var(--gm3-sy= s-color-surface-container,#f0f4f9); } .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active.miniCha= pterSwitcherMultipleChapters .miniChapterSwitcherNavigationEntryPointIcon, = .miniChapterSwitcherContainerView.miniChapterSwitcherPageless .miniChapterS= witcherCore .miniChapterSwitcherView.docs-material-gm-select-active.miniCha= pterSwitcherMultipleChapters.docs-material-gm-select-open .miniChapterSwitc= herNavigationEntryPointIcon { background: var(--gm3-sys-color-surface-conta= iner-highest,#dde3ea); } .miniChapterSwitcherCore { border-radius: 9999px; pointer-events: all; posi= tion: absolute; } .miniChapterSwitcherCore .docs-material-gm-select { border-radius: 9999px; = } @media screen and (forced-colors: active) { .miniChapterSwitcherCore .docs-material-gm-select .docs-material-gm-selec= t-outer-box { border: 1px solid; } } .miniChapterSwitcherCore .docs-material-gm-select .docs-material-gm-select-= outer-box { background: var(--gm3-sys-color-surface-container-high,#e9eef6)= ; border: 0px; border-radius: 9999px; display: flex; height: 32px; padding:= 0px; } .miniChapterSwitcherCore .docs-material-gm-select .docs-material-gm-select-= outer-box:active { box-shadow: none; } .miniChapterSwitcherCore .docs-material-gm-select-hover .docs-material-gm-s= elect-outer-box, .miniChapterSwitcherCore .docs-material-gm-select-hover .m= iniChapterSwitcherChapterIcon, .miniChapterSwitcherCore .docs-material-gm-s= elect-hover .miniChapterSwitcherNavigationEntryPointIcon { background: colo= r-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-colo= r-surface-container-high,#e9eef6)); } .miniChapterSwitcherCore .docs-material-gm-select-focused .docs-material-gm= -select-outer-box, .miniChapterSwitcherCore .docs-material-gm-select-focuse= d .miniChapterSwitcherChapterIcon, .miniChapterSwitcherCore .docs-material-= gm-select-focused .miniChapterSwitcherNavigationEntryPointIcon, .miniChapte= rSwitcherCore .docs-material-gm-select-focused.docs-material-gm-select-open= .docs-material-gm-select-outer-box, .miniChapterSwitcherCore .docs-materia= l-gm-select-focused.docs-material-gm-select-open .miniChapterSwitcherChapte= rIcon, .miniChapterSwitcherCore .docs-material-gm-select-focused.docs-mater= ial-gm-select-open .miniChapterSwitcherNavigationEntryPointIcon { backgroun= d: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-= sys-color-surface-container-high,#e9eef6)); } .miniChapterSwitcherCore .docs-material-gm-select-active .docs-material-gm-= select-outer-box, .miniChapterSwitcherCore .docs-material-gm-select-active = .miniChapterSwitcherChapterIcon, .miniChapterSwitcherCore .docs-material-gm= -select-active .miniChapterSwitcherNavigationEntryPointIcon, .miniChapterSw= itcherCore .docs-material-gm-select-active.docs-material-gm-select-open .do= cs-material-gm-select-outer-box, .miniChapterSwitcherCore .docs-material-gm= -select-active.docs-material-gm-select-open .miniChapterSwitcherChapterIcon= , .miniChapterSwitcherCore .docs-material-gm-select-active.docs-material-gm= -select-open .miniChapterSwitcherNavigationEntryPointIcon { background: var= (--gm3-sys-color-surface-container-high,#e9eef6); } .miniChapterSwitcherCore .docs-material-gm-select-inner-box { display: flex= ; justify-content: flex-start; margin: 4px 4px 4px 6px; width: fit-content;= } .miniChapterSwitcherCore .docs-material-gm-select-caption { height: fit-con= tent; } .miniChapterSwitcherCore .docs-material-gm-select-dropdown { align-items: c= enter; display: flex; height: 20px; justify-content: center; width: 20px; } .miniChapterSwitcherCore .docs-material-gm-select-open .docs-material-gm-se= lect-dropdown .docs-icon { transform: rotateX(180deg); } .miniChapterSwitcherChapterIcon { align-items: center; display: flex; heigh= t: 20px; justify-content: center; margin-left: 6px; width: 20px; z-index: 1= ; } .miniChapterSwitcherChapterIcon .docs-icon { height: 20px; width: 20px; } .miniChapterSwitcherArticleIcon { display: flex; } .miniChapterSwitcherEmoji { font-size: 18px; line-height: 1.25rem; } .miniChapterSwitcherNavigationEntryPointIcon { display: none; height: inher= it; } .miniChapterSwitcherNavigationEntryPointIcon .docs-icon { height: 20px; mar= gin: 0px; width: 20px; } .miniChapterSwitcherFloatingNavigationEntryPoint { align-items: center; dis= play: flex; height: 28px; } .miniChapterSwitcherSelectedChapterInfo { align-items: center; display: fle= x; height: inherit; } .miniChapterSwitcherSelectedChapterInfoText { color: var(--gm3-sys-color-on= -surface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; height: 16px; margin-left: 8px; m= ax-width: 110px; min-width: 1ch; overflow: hidden; text-overflow: ellipsis;= white-space: nowrap; } .miniChapterSwitcherChapterCountInfoText { color: var(--gm3-sys-color-on-su= rface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; } .miniChapterSwitcherChapterInfo { display: flex; align-items: center; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer { border-width: 0px; box-shadow: rgba(60, 64,= 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .mdc-elevation-overlay { opacity: 0; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer { background-color: var(--gm3-sys-color-surfa= ce,#fff); border-radius: 8px; max-height: 240px; padding: 8px 0px; width: 2= 72px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem { padding: 0px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.goog-menuitem-highlight { back= ground: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8= %,var(--gm3-sys-color-surface,#fff)); } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.goog-menuitem-active, .miniCha= pterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwitcherCha= pterListViewContainer .goog-menuitem.goog-option-selected { background: col= or-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(--gm= 3-sys-color-surface,#fff)); } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.miniChapterSwitcherChapterItem= Level0 { padding-left: 0px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.miniChapterSwitcherChapterItem= Level1 { padding-left: 22px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.miniChapterSwitcherChapterItem= Level2 { padding-left: 44px; } .miniChapterSwitcherChapterList.goog-menu.goog-menu-vertical.miniChapterSwi= tcherChapterListViewContainer .goog-menuitem.miniChapterSwitcherChapterItem= InvalidDepth { padding-left: 66px; } .miniChapterSwitcherChapterItemView { align-items: center; display: flex; h= eight: 24px; padding: 8px 16px 8px 10px; } .miniChapterSwitcherChapterItemTitle { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spaci= ng: 0px; line-height: 1.25rem; height: 20px; margin-left: 8px; overflow: hi= dden; text-overflow: ellipsis; white-space: nowrap; } .miniChapterSwitcherTooltip { margin-left: 8px; } .nextChapterBottomFabView.docs-gm3-filled-button { background: var(--gm3-sy= s-color-surface-container-high,#e9eef6); bottom: 16px; color: var(--gm3-sys= -color-on-surface-variant,#444746); opacity: 1; position: fixed; transition= : bottom 0.25s cubic-bezier(0.2, 0, 0, 1) 0.5s, opacity 0.25s cubic-bezier(= 0.2, 0, 0, 1) 0.5s; z-index: 23; } .nextChapterBottomFabView.docs-gm3-filled-button.withBarkick { bottom: 96px= ; } .nextChapterBottomFabView.docs-gm3-filled-button.nextChapterBottomFabViewHi= de { bottom: 0px; opacity: 0; pointer-events: none; transition: bottom 0.25= s cubic-bezier(0.2, 0, 0, 1), opacity 0.25s cubic-bezier(0.2, 0, 0, 1); } .nextChapterBottomFabView.docs-gm3-filled-button.nextChapterBottomFabViewHi= de.withBarkick { bottom: 80px; } .nextChapterBottomFabView.docs-gm3-filled-button.docs-gm3-button-hover { co= lor: var(--gm3-sys-color-on-surface-variant,#444746); background: color-mix= (in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-c= olor-surface-container-high,#e9eef6)); box-shadow: none; } .nextChapterBottomFabView.docs-gm3-filled-button.docs-gm3-button-active, .n= extChapterBottomFabView.docs-gm3-filled-button.docs-gm3-button-focused { co= lor: var(--gm3-sys-color-on-surface-variant,#444746); background: color-mix= (in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-= color-surface-container-high,#e9eef6)); } .nextChapterBottomFabViewText { width: fit-content; max-width: 180px; overf= low: hidden; white-space: nowrap; text-overflow: ellipsis; } .docs-body-pageless .nextChapterBottomFabView.docs-gm3-filled-button { back= ground: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-body-pageless .nextChapterBottomFabView.docs-gm3-filled-button.docs-g= m3-button-hover { background: color-mix(in srgb,var(--gm3-sys-color-on-surf= ace,#1f1f1f) 8%,var(--gm3-sys-color-surface-container,#f0f4f9)); } .docs-body-pageless .nextChapterBottomFabView.docs-gm3-filled-button.docs-g= m3-button-active, .docs-body-pageless .nextChapterBottomFabView.docs-gm3-fi= lled-button.docs-gm3-button-focused { background: color-mix(in srgb,var(--g= m3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface-container,= #f0f4f9)); } .kix-embedded-entity-drag-position-bubble.docs-bubble { padding: 8px 12px; = background-color: var(--gm3-sys-color-surface-bright,#fff); border-color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 8px; box-shadow= : 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); color: var= (--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; font-size: 0.875rem; position: absolute; top: 15= 0px; } .kix-embedded-entity-drag-position-coordinate, .kix-embedded-entity-drag-po= sition-label { line-height: 18px; height: 18px; } .kix-embedded-entity-drag-position-coordinate { font-weight: 500; } .kix-embedded-entity-drag-position-label { margin-right: 4px; } .kix-embedded-entity-drag-position-label:not(:first-child) { margin-left: 1= 2px; } .docos-emoji-picker-plugin { position: absolute; } .magicBarViewContainer { align-items: center; cursor: auto; display: flex; = flex-direction: column; gap: 12px; justify-content: center; z-index: 101; t= ransform: translateY(0px) scaleX(1); transform-origin: center center; trans= ition: opacity 0.25s ease-in-out 0.09s, transform 0.25s ease-in-out 0.09s, = visibility, display allow-discrete; visibility: visible; width: 100%; } @starting-style { .magicBarViewContainerEnableAnimation { opacity: 0; transform: translateY= (10%) scaleY(0.96) scaleX(0.96); } } .magicBarViewContainerHide { display: none; opacity: 0; pointer-events: non= e; transform: translateY(95%) scaleX(0.8); transform-origin: center center;= visibility: hidden; } .magicBarViewContainerHide.WithHideTransition { transition: opacity 0.133s = ease-in-out, transform 0.133s ease-in-out, visibility linear 0.133s, displa= y linear 0.133s allow-discrete; } .magicBarViewContainerNonWhiteBackground .docs-gm3-filled-button { outline:= 1px solid var(--gm3-sys-color-surface-dim,#d3dbe5); outline-offset: -1px; = } .magicBarViewContainer .docs-gm3-filled-button { background: var(--gm3-sys-= color-surface-container,#f0f4f9); color: var(--gm3-sys-color-on-surface-var= iant,#444746); cursor: pointer; display: flex; font-weight: 400; height: 32= px; margin: 0px 2px; padding: 9px 16px; } .magicBarViewContainer .docs-gm3-filled-button:hover { background: color-mi= x(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-= color-surface,#fff)); color: var(--gm3-sys-color-on-surface-variant,#444746= ); } .magicBarViewContainer .docs-gm3-filled-button:active, .magicBarViewContain= er .docs-gm3-filled-button:focus { background: color-mix(in srgb,var(--gm3-= sys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-color-surface,#fff)= ); color: var(--gm3-sys-color-on-surface-variant,#444746); } .magicBarViewContainer .docs-gm3-filled-button .button-content-with-icons-f= lex-box { align-items: center; } .magicBarViewContainer .docs-gm3-filled-button.docs-gm3-button-focused:focu= s-visible { outline-offset: 0px; } @media screen and (forced-colors: active) { .magicBarViewContainer .docs-gm3-filled-button.docs-gm3-button-focused:fo= cus-visible { outline: highlight solid 1px; } } .magicBarViewContainer .docs-gm3-filled-button.docs-gm3-button-hover { box-= shadow: none; } .magicBarViewContainer .docs-gm3-filled-button.docs-gm3-button-rtl { direct= ion: rtl; } .magicBarViewActionButtonRowContainer { display: flex; flex-wrap: wrap; hei= ght: 32px; justify-content: center; overflow: hidden; padding: 5px; row-gap= : 5px; } .chapter-item .goog-control, .chapter-label-content { background-color: tra= nsparent; border: 1px solid transparent; border-radius: 2px; color: var(--g= m3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 500; height: 16px; padding: 2px; line-height: 1rem; } .chapter-item-label-and-buttons-container-selected .chapter-item .goog-cont= rol, .chapter-item-label-and-buttons-container-selected .chapter-label-cont= ent { color: var(--gm3-sys-color-on-primary-container,#0842a0); } .chapter-item .goog-control { flex-grow: 1; } .chapter-label-content { align-items: center; margin: 0px; overflow: hidden= ; text-overflow: ellipsis; white-space: pre; } .chapter-label-container { border-radius: 4px; display: flex; flex-grow: 1;= margin: 0px 2px; overflow: hidden; } .chapter-label-container .chapter-title-error { outline-color: var(--gm3-sy= s-color-error,#b3261e); } .navigation-widget-version-history .updating-navigation-item-list { display= : none; } .chapterItemArrowContainer { background-clip: padding-box; background-image= : none; border-radius: 9999px; box-shadow: none; cursor: pointer; margin-ri= ght: 0px; min-width: unset; } .chapterItemArrowContainer.goog-flat-button-focused { outline: 0px; } .chapterItemArrowContainer .docs-icon { height: 24px; margin: 0px; width: 2= 4px; } .chapterDocoIndicatorViewContainer { display: flex; flex-direction: column;= height: 28px; justify-content: center; margin-right: 41px; width: 24px; } .chapterDocoIndicatorViewIcon { fill: var(--gm3-sys-color-surface-container= -highest,#dde3ea); height: 20px; margin: 4px 2px; position: absolute; width= : 20px; } .chapterDocoIndicatorViewText { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); display: flex; font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; justify-con= tent: center; letter-spacing: 0.00625rem; line-height: 1rem; position: rela= tive; text-align: center; } .chapter-overflow-menu-button { background-clip: padding-box; background-im= age: none; border-radius: 9999px; border-width: 0px; box-shadow: none; curs= or: pointer; height: 18px; margin-right: 0px; min-width: unset; padding: 6p= x; width: 18px; } .chapter-overflow-menu-button .goog-button:focus-visible { outline: 0px; } .chapter-overflow-menu-button .goog-button .docs-icon { margin: 0px; } .chapter-overflow-menu .apps-hoverable-menu-separator-container { padding-l= eft: 0px; } .goog-menu.shell-menu .goog-menuitem.subchapter-menu-item { padding-left: 2= 8px; } .chapter-item { cursor: pointer; display: flex; flex-direction: column; } .chapter-item-disabled { cursor: not-allowed; } .chapter-item-nested { padding-right: 2px; } .outlines-widget-chaptered .chapter-item-nested .chapter-item-label-and-but= tons-container { outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .chapter-item-dragged-within .chapter-item { cursor: grabbing; } .chapter-item-label-and-buttons-container { align-items: center; border-rad= ius: 9999px; display: flex; flex-grow: 1; height: 36px; justify-content: sp= ace-between; margin: 0px 0px 0px 16px; padding: 2px 4px; } .chapter-container-level-0 .chapter-item-label-and-buttons-container { padd= ing-left: 8px; } .chapter-container-level-1 .chapter-item-label-and-buttons-container { padd= ing-left: 24px; } .chapter-container-invalid-level .chapter-item-label-and-buttons-container,= .chapter-container-level-2 .chapter-item-label-and-buttons-container { pad= ding-left: 40px; } .chapter-item-label-and-buttons-container.chapter-item-container-invalid-de= pth { padding-left: 8px; } .navigation-widget-firefox .chapter-item-label-and-buttons-container, .navi= gation-widget-safari .chapter-item-label-and-buttons-container { margin: 0p= x 8px 0px 16px; } .chapter-item-dragged .chapter-item-label-and-buttons-container { box-shado= w: 0 1px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px r= gba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); position: relative; pointer= -events: none; z-index: 1; } @media screen and (forced-colors: active) { .outlines-widget-chaptered .chapter-item .chapter-item-label-and-buttons-= container-selected, .outlines-widget-chaptered .chapter-item-label-and-butt= ons-container:focus-within, .outlines-widget-chaptered .navigation-widget-c= ontent:not(.chapter-item-dragged-within) .chapter-item-label-and-buttons-co= ntainer:hover { outline: buttonborder solid 1px; outline-offset: -1px; } } .outlines-widget-chaptered .chapter-item-label-and-buttons-container { outl= ine: 0px; } .chapter-item-label-and-buttons-container .chapter-item-buttons, .chapter-i= tem.chapter-item-dragged .chapter-item-label-and-buttons-container .chapter= -item-buttons, .navigation-widget:not(.navigation-widget-version-history) .= chapter-item-label:focus-within + .chapter-item-buttons { display: none; } .chapter-item-buttons:focus-within, .navigation-widget:not(.navigation-widg= et-version-history) :where(.navigation-widget-content:not(.chapter-item-dra= gged-within) .chapter-item-label-and-buttons-container:hover, .chapter-item= -label-and-buttons-container:active, .chapter-item-label-and-buttons-contai= ner:focus-within, .navigation-widget-content:not(.chapter-item-dragged-with= in) .chapter-item-label-and-buttons-container:hover, .chapter-item-label-an= d-buttons-container-selected) .chapter-item-buttons { display: flex; } .chapter-item-label-and-buttons-container:not(.chapter-item-label-and-butto= ns-container-selected):has(.chapter-item-buttons:focus-within, .chapterItem= ArrowContainer:focus-within, .chapterItemIconAddButton:focus-within, .chapt= erItemIconEditButton:focus-within, .chapterItemIconSuggestionButton:focus-w= ithin), .chapter-item-nested .chapter-item-label-and-buttons-container:not(= .chapter-item-label-and-buttons-container-selected), .navigation-widget-con= tent:not(.chapter-item-dragged-within) .chapter-item-label-and-buttons-cont= ainer:not(.chapter-item-label-and-buttons-container-selected):hover { backg= round: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%= ,var(--gm3-sys-color-surface-container-low,#f8fafd)); } .chapter-item-dragged .chapter-item-label-and-buttons-container, .navigatio= n-widget-content:not(.chapter-item-dragged-within) .chapter-item-label-and-= buttons-container:not(.chapter-item-label-and-buttons-container-selected):f= ocus { background: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant= ,#444746) 10%,var(--gm3-sys-color-surface-container-low,#f8fafd)); } .docs-body-pageless .chapter-item-label-and-buttons-container:not(.chapter-= item-label-and-buttons-container-selected):has(.chapter-item-buttons:focus-= within, .chapterItemArrowContainer:focus-within, .chapterItemIconAddButton:= focus-within, .chapterItemIconEditButton:focus-within, .chapterItemIconSugg= estionButton:focus-within), .docs-body-pageless .chapter-item-nested .chapt= er-item-label-and-buttons-container:not(.chapter-item-label-and-buttons-con= tainer-selected), .docs-body-pageless .navigation-widget-content:not(.chapt= er-item-dragged-within) .chapter-item-label-and-buttons-container:not(.chap= ter-item-label-and-buttons-container-selected):hover { background: color-mi= x(in srgb,var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-on-surface-= variant,#444746) 8%); } .docs-body-pageless .chapter-item-dragged .chapter-item-label-and-buttons-c= ontainer, .docs-body-pageless .chapter-item-dragged .chapter-item-label-and= -buttons-container:not(.chapter-item-label-and-buttons-container-selected):= focus-within, .docs-body-pageless .navigation-widget-content:not(.chapter-i= tem-dragged-within) .chapter-item-label-and-buttons-container:not(.chapter-= item-label-and-buttons-container-selected):focus { background: color-mix(in= srgb,var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-on-surface-vari= ant,#444746) 12%); } .chapter-item-label-and-buttons-container-selected, .chapter-item-label-and= -buttons-container-selected:focus-within { background: var(--gm3-sys-color-= primary-container,#d3e3fd); } .chapter-item-label-and-buttons-container-selected:has(.chapter-item-button= s:focus-within, .chapterItemArrowContainer:focus-within, .chapterItemIconAd= dButton:focus-within, .chapterItemIconEditButton:focus-within, .chapterItem= IconSuggestionButton:focus-within), .chapter-item-nested .chapter-item-labe= l-and-buttons-container-selected, .navigation-widget-content:not(.chapter-i= tem-dragged-within) .chapter-item-label-and-buttons-container-selected:hove= r:not(:focus-within) { background: color-mix(in srgb,var(--gm3-sys-color-on= -primary-container,#0842a0) 8%,var(--gm3-sys-color-primary-container,#d3e3f= d)); } .chapter-item-dragged .chapter-item-label-and-buttons-container.chapter-ite= m-label-and-buttons-container-selected, .chapter-item-label-and-buttons-con= tainer-selected:active:not(:focus-within), .chapter-item-label-and-buttons-= container-selected:focus, .chapter-item-label-and-buttons-container-selecte= d:has(.chapter-item-label:focus-within) { background: color-mix(in srgb,var= (--gm3-sys-color-on-primary-container,#0842a0) 10%,var(--gm3-sys-color-prim= ary-container,#d3e3fd)); } .chapter-item-subchapters-indent-enabled .chapter-item-arrow { flex-shrink:= 0; height: 24px; width: 24px; } .chapter-item-subchapters-indent-enabled .chapter-item-arrow-no-indent { he= ight: auto; width: auto; margin-left: 8px; } .chapter-item-buttons { display: flex; margin-right: 8px; } .chapter-item-label { display: flex; flex-grow: 1; margin: 0px 2px; overflo= w: hidden; } .chapter-item-subchapters-indent-enabled .chapter-item-icon { margin-left: = unset; } .chapter-item-icon { display: flex; margin-left: 8px; } .chapter-item-invalid-chapter-icon { display: flex; } .chapter-item-label-and-buttons-container.chapter-item-container-invalid-de= pth .chapter-item-icon { padding-left: 27px; } .chapter-item-label-and-buttons-container.chapter-item-container-invalid-de= pth.chapter-item-container-invalid-depth-invalid-chapter-icon-hidden .chapt= er-item-invalid-chapter-icon { visibility: hidden; } .chapter-item-label-and-buttons-container .chapter-item-icon .docs-icon { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); } .chapter-item-label-and-buttons-container-selected .chapter-item-icon .docs= -icon { color: var(--gm3-sys-color-on-primary-container,#0842a0); } .chapter-item-label-and-buttons-container-selected .chapterItemIconAddButto= n:hover, .chapter-item-label-and-buttons-container-selected .chapterItemIco= nEditButton:hover, .chapter-item-label-and-buttons-container-selected .chap= terItemIconSuggestionButton:hover { background: color-mix(in srgb,color-mix= (in srgb,var(--gm3-sys-color-on-primary-container,#0842a0) 8%,var(--gm3-sys= -color-primary-container,#d3e3fd)),var(--gm3-sys-color-primary,#0b57d0) 8%)= ; } .chapter-item-label-and-buttons-container-selected .chapterItemIconAddButto= n:focus-within, .chapter-item-label-and-buttons-container-selected .chapter= ItemIconEditButton:focus-within, .chapter-item-label-and-buttons-container-= selected .chapterItemIconSuggestionButton:focus-within { background: color-= mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,color-mix(in srgb,var(= --gm3-sys-color-on-primary-container,#0842a0) 8%,var(--gm3-sys-color-primar= y-container,#d3e3fd))); } .chapter-item-doco-indicator { display: flex; } .navigation-widget:not(.navigation-widget-version-history) :where(.navigati= on-widget-content:not(.chapter-item-dragged-within) .chapter-item-label-and= -buttons-container:hover, .chapter-item-label-and-buttons-container:active,= .chapter-item-label-and-buttons-container:focus-within, .navigation-widget= -content:not(.chapter-item-dragged-within) .chapter-item-label-and-buttons-= container:hover, .chapter-item-label-and-buttons-container-selected) .chapt= erDocoIndicatorViewContainer, .navigation-widget:where(.chapter-item-button= s:focus-within) .chapterDocoIndicatorViewContainer { margin-right: 3px; } .chapter-item.chapter-item-dragged .chapter-item-label-and-buttons-containe= r .chapterDocoIndicatorViewContainer { margin-right: 41px; } .navigation-widget:not(.navigation-widget-version-history) .chapter-item-la= bel:focus-within + .chapter-item-doco-indicator { display: none; } .chapter-item-label-and-buttons-container-selected .chapterDocoIndicatorVie= wIcon { fill: var(--gm3-sys-color-surface-bright,#fff); } .chapter-item-label-and-buttons-container:not(.chapter-item-label-and-butto= ns-container-selected):hover .chapterDocoIndicatorViewIcon { fill: color-mi= x(in srgb,var(--gm3-sys-color-surface-container-highest,#dde3ea),var(--gm3-= sys-color-on-surface-variant,#444746) 8%); } .chapter-item-label-and-buttons-container:not(.chapter-item-label-and-butto= ns-container-selected):focus .chapterDocoIndicatorViewIcon { fill: color-mi= x(in srgb,var(--gm3-sys-color-surface-container-highest,#dde3ea),var(--gm3-= sys-color-on-surface-variant,#444746) 10%); } .chapter-overflow-menu-button:hover, .chapterItemArrowContainer:hover { bac= kground: color-mix(in srgb,color-mix(in srgb,var(--gm3-sys-color-on-surface= -variant,#444746) 8%,var(--gm3-sys-color-surface-container-low,#f8fafd)),va= r(--gm3-sys-color-on-surface-variant,#444746) 8%); } .chapter-overflow-menu-button:focus-within, .chapterItemArrowContainer:focu= s-within { background: color-mix(in srgb,var(--gm3-sys-color-on-surface-var= iant,#444746) 10%,color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,= #444746) 8%,var(--gm3-sys-color-surface-container-low,#f8fafd))); } .docs-body-pageless .chapter-overflow-menu-button:hover, .docs-body-pageles= s .chapterItemArrowContainer:hover { background: color-mix(in srgb,color-mi= x(in srgb,var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-on-surface-= variant,#444746) 8%),var(--gm3-sys-color-on-surface-variant,#444746) 8%); } .docs-body-pageless .chapter-overflow-menu-button:focus-within, .docs-body-= pageless .chapterItemArrowContainer:focus-within { background: color-mix(in= srgb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,color-mix(in srgb= ,var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-on-surface-variant,#= 444746) 8%)); } .chapter-item-label-and-buttons-container-selected .chapter-overflow-menu-b= utton:hover, .chapter-item-label-and-buttons-container-selected .chapterIte= mArrowContainer:hover { background: color-mix(in srgb,color-mix(in srgb,var= (--gm3-sys-color-on-primary-container,#0842a0) 8%,var(--gm3-sys-color-prima= ry-container,#d3e3fd)),var(--gm3-sys-color-primary,#0b57d0) 8%); } .chapter-item-label-and-buttons-container-selected .chapter-overflow-menu-b= utton:focus-within, .chapter-item-label-and-buttons-container-selected .cha= pterItemArrowContainer:focus-within { background: color-mix(in srgb,var(--g= m3-sys-color-primary,#0b57d0) 10%,color-mix(in srgb,var(--gm3-sys-color-on-= primary-container,#0842a0) 8%,var(--gm3-sys-color-primary-container,#d3e3fd= ))); } @media screen and (forced-colors: active) { .chapter-overflow-menu-button:focus-within, .chapter-overflow-menu-button= :hover, .chapterItemArrowContainer:focus-within, .chapterItemArrowContainer= :hover { outline: buttonborder solid 1px; } } .chapterItemIconContainer { display: flex; height: 24px; width: 24px; } .chapterItemIconContainer .chapterItemIconAddButton .docs-icon { margin: 0p= x; } .chapterItemIconContainer .docs-icon { margin: 3px; } .chapterItemIconEmoji { font-family: "Noto Color Emoji", "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 18px; height: 18= px; line-height: 18px; margin: 3px; width: 18px; } .chapterItemIconAddButton, .chapterItemIconEditButton, .chapterItemIconSugg= estionButton { border-radius: 9999px; height: 18px; padding: 3px; width: 18= px; } .chapterItemIconAddButton.goog-flat-button-focused, .chapterItemIconEditBut= ton.goog-flat-button-focused, .chapterItemIconSuggestionButton.goog-flat-bu= tton-focused { outline: 0px; } .chapterItemIconAddButton .chapterItemIconEmoji, .chapterItemIconEditButton= .chapterItemIconEmoji, .chapterItemIconSuggestionButton .chapterItemIconEm= oji { margin: 0px; } @media screen and (forced-colors: active) { .chapterItemIconAddButton:focus-within, .chapterItemIconAddButton:hover, = .chapterItemIconEditButton:focus-within, .chapterItemIconEditButton:hover, = .chapterItemIconSuggestionButton:focus-within, .chapterItemIconSuggestionBu= tton:hover { outline: buttonborder solid 1px; } } .chapterItemIconAddButton.goog-flat-button-disabled { opacity: 0.38; } .chapterItemIconSuggestionButton .chapterItemIconEmoji { opacity: 0.7; } .chapterItemIconSuggestionBadge { align-items: center; background-color: va= r(--gm3-sys-color-primary,#0b57d0); border-radius: 12px; display: flex; hei= ght: 10px; justify-content: center; position: absolute; right: 0px; top: 0p= x; width: 10px; z-index: 5; } .chapterItemIconSuggestionBadgeText { color: var(--gm3-sys-color-on-primary= ,#fff); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 10px; line-height: 10px; margin: 0px; text-align: ce= nter; vertical-align: middle; } .outlines-widget-chaptered .kix-outlines-widget-header-container { position= : sticky; top: -1px; z-index: 4; } .navigation-widget-firefox .outlines-widget-chaptered .kix-outlines-widget-= header-container, .navigation-widget-safari .outlines-widget-chaptered .kix= -outlines-widget-header-container { margin-right: 8px; } .kix-outlines-widget-header-contents { align-items: center; display: flex; = height: 18px; padding-bottom: 12px; } .outlines-widget-chaptered .kix-outlines-widget-header-contents { backgroun= d-color: var(--gm3-sys-color-surface-container-low,#f8fafd); height: auto; = padding-bottom: 0px; } .left-sidebar-container.navigation-widget-in-pageless-format .outlines-widg= et-chaptered .kix-outlines-widget-header-contents { background: var(--gm3-s= ys-color-surface,#fff); } .kix-outlines-widget-header-contents .jfk-button { background-color: transp= arent; background-image: none; border-radius: 9999px; border-width: 0px; bo= x-shadow: none; height: 18px; min-width: unset; padding: 6px; } .kix-outlines-widget-header-chapter-count { align-items: center; color: var= (--gm3-sys-color-on-surface-variant,#444746); display: flex; font-family: "= Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size:= 0.875rem; font-weight: 500; height: 28px; margin-left: auto; text-align: c= enter; width: 28px; justify-content: center; } .kix-outlines-widget-header-add-chapter-button { align-items: center; displ= ay: flex; margin-left: auto; padding-right: 8px; width: 32px; } .kix-outlines-widget-header-add-chapter-button:not(.kix-outlines-widget-hea= der-add-chapter-button-disabled) .jfk-button:focus, .kix-outlines-widget-he= ader-add-chapter-button:not(.kix-outlines-widget-header-add-chapter-button-= disabled) .jfk-button:hover { background-color: color-mix(in srgb,var(--gm3= -sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); curs= or: pointer; } .kix-outlines-widget-header-contents .kix-outlines-widget-header-add-chapte= r-button .docs-icon { height: 18px; margin: 0px; vertical-align: baseline; = width: 18px; } .kix-outlines-widget-header-contents .kix-outlines-widget-header-add-chapte= r-button-disabled .docs-icon { opacity: 0.38; } .outlines-widget-chaptered .kix-outlines-widget-header-contents .kix-outlin= es-widget-header-add-chapter-button { height: 32px; margin-right: 11px; pad= ding: 0px; width: 32px; } .outlines-widget-chaptered .kix-outlines-widget-header-contents .kix-outlin= es-widget-header-add-chapter-button-icon { height: 28px; margin: 2px; paddi= ng: 0px; width: 28px; } .outlines-widget-chaptered .kix-outlines-widget-header-contents .kix-outlin= es-widget-header-add-chapter-button .docs-icon { height: 20px; margin: 4px;= width: 20px; } :not(.outlines-widget-chaptered) > .kix-outlines-widget-header-container .k= ix-outlines-widget-header-shadow { display: none; } .outlines-widget-chaptered .kix-outlines-widget-header-shadow { background-= color: var(--gm3-sys-color-outline-variant,#c4c7c5); height: 1px; margin: -= 1px 0px 0px 16px; opacity: 0; transition: opacity 0.15s cubic-bezier(0.4, 0= , 0.2, 1); } .jfk-tooltip.kix-outlines-widget-header-add-chapter-button-tooltip { max-wi= dth: 200px; } .chapter-container-drag-controls { background-color: var(--gm3-sys-color-pr= imary,#0b57d0); cursor: grabbing; display: block; height: 2px; position: ab= solute; right: -4px; } .chapter-container-drag-controls-toast.docs-ui-toast { max-width: 400px; } .chapter-container-drag-ghost { opacity: 0.8; position: absolute; width: 10= 0%; } .chapter-container-drag-target { opacity: 0.38; } .chapter-container-drag-target .chapter-item-label-and-buttons-container { = pointer-events: none; } .chapter-container-subchapter-count { align-items: center; background-color= : var(--gm3-sys-color-primary,#0b57d0); border-radius: 8px; display: flex; = height: 16px; justify-content: center; position: absolute; right: 16px; top= : -8px; z-index: 5; } .chapter-container-subchapter-count-text { color: var(--gm3-sys-color-on-pr= imary,#fff); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 0.6875rem; font-weight: 500; margin: 4px; } .topLevelChapterContainerChaptered { margin-bottom: 8px; } .kix-spellcheck-with-explanation-bubble { border-color: var(--gm3-sys-color= -outline-variant,#c4c7c5); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.15); font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.875rem; padding: 8px 10px 10px;= min-height: 62px; border-radius: 8px !important; width: 282px !important; = white-space: pre-wrap !important; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-title-text { color: var(--gm3-sys-color-on-surface,#1f1f1f); display: = inline-block; font-weight: 500; line-height: 25px; text-align: left; width:= 192px; max-width: 100%; padding-left: 4px; white-space: pre-wrap !importan= t; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-explanation-text { color: var(--gm3-sys-color-on-surface,#1f1f1f); dis= play: block; font-weight: 400; line-height: 18.41px; margin-right: 22px; ma= x-width: 100%; padding-left: 4px; padding-top: 2px; white-space: pre-wrap != important; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-action { color: var(--gm3-sys-color-primary,#0b57d0); display: block; = line-height: 18.41px; cursor: pointer; border-top: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); margin-top: 8px; padding-top: 8px; margin-l= eft: 4px; margin-right: 25px; white-space: pre-wrap !important; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-suggestions { max-height: 42px; overflow-y: hidden; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-suggestion-text { border: 1px solid var(--gm3-sys-color-outline-varian= t,#c4c7c5); border-radius: 8px; box-sizing: border-box; color: var(--gm3-sy= s-color-primary,#0b57d0); display: inline-block; line-height: 18.41px; marg= in-bottom: 2px; margin-right: 7px; margin-top: 8px; max-width: 100%; overfl= ow-x: auto; padding: 4px 10px; cursor: pointer; white-space: pre-wrap !impo= rtant; } .kix-spellcheck-with-explanation-bubble .kix-stylistic-suggestion-sentence-= rewrite-suggestions { overflow-y: hidden; } .kix-spellcheck-with-explanation-bubble .kix-stylistic-suggestion-sentence-= rewrite-suggestion-text { color: var(--gm3-sys-color-primary,#0b57d0); disp= lay: block; line-height: 18.41px; cursor: pointer; margin-top: 8px; margin-= left: 4px; margin-right: 25px; white-space: pre-wrap !important; } .kix-spellcheck-with-explanation-bubble-suggestion-text:hover { background-= color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--g= m3-sys-color-surface-container,#f0f4f9)); } .kix-spellcheck-with-explanation-bubble-suggestion-text:focus { background-= color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--= gm3-sys-color-surface-container,#f0f4f9)); outline: none; } .kix-stylistic-suggestion-sentence-rewrite-suggestion-text:hover { backgrou= nd-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(= --gm3-sys-color-surface-container,#f0f4f9)); border-radius: 2px; } .kix-stylistic-suggestion-sentence-rewrite-suggestion-text:focus { backgrou= nd-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var= (--gm3-sys-color-surface-container,#f0f4f9)); border-radius: 2px; outline: = none; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-option { display: inline-block; height: 24px; width: 24px; cursor: poi= nter; text-align: center; top: -1px; line-height: 1.25rem !important; borde= r: 0px !important; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-ignore { margin-left: 0px; margin-right: 2px; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-feedback { margin-right: 2px; margin-left: 2px; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-proofread { margin-right: 0px; margin-left: 2px; } .kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bu= bble-more-options { margin-right: 0px; margin-left: 0px; } .kix-spellcheck-with-explanation-bubble-feedback .docs-icon { width: 18px != important; } .kix-spellcheck-with-explanation-bubble-proofread .docs-icon { width: 18px = !important; padding-bottom: 1px; } .kix-spellcheck-with-explanation-bubble-option:hover { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-co= lor-surface-container,#f0f4f9)); border-radius: 9999px; padding-top: 2px; } .kix-spellcheck-with-explanation-bubble-option:focus { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-c= olor-surface-container,#f0f4f9)); outline: none; border-radius: 9999px; } .kix-spellcheck-with-explanation-bubble .docs-material-button-flat-default = { padding: 1px 0px 0px !important; } .kix-spellcheck-with-explanation-bubble .docs-icon { height: 16px; width: 1= 6px; margin: 0px; top: -1px; } .kix-task-sync-update-action-bar { padding: 9px 12px; } .kix-task-sync-update-action-bar .kix-task-sync-update-action-bar-accepting= -responses-on { margin-right: 12px; } .kix-task-sync-update-action-bar-sync-task-button { border-radius: 4px; cur= sor: pointer; float: right; font-size: 0.875rem; height: 20px; line-height:= 1.25rem; padding: 0px 8px; } .kix-task-sync-update-action-bar-sync-task-button:hover { background-color:= color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-co= lor-primary,#0b57d0)); } .kix-task-sync-update-action-bar-sync-task-button:focus-visible { border-ra= dius: 2px; outline: solid 2px; } .kix-task-sync-task-to-match-document-action-bar-update-button:hover { back= ground-color: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius= : 4px; } .kix-task-sync-update-action-bar-task-details { background: var(--gm3-sys-c= olor-surface,#fff); border-radius: 8px; margin: 8px 0px 12px; padding: 12px= 16px; } .kix-task-sync-update-action-bar-detail-item { color: var(--gm3-sys-color-o= n-surface-variant,#444746); display: flex; line-height: 1.25rem; margin: 2p= x 0px; } .kix-task-sync-update-action-bar-detail-item > .docs-icon { margin-right: 6= px; } .kix-task-sync-update-action-bar-side-table-title-container { color: var(--= ws-sys-color-extended-grey-fill,#5e5e5e); font-size: 1rem; margin-bottom: 4= px; } .kix-task-sync-update-action-bar-completed-task { text-decoration: line-thr= ough; } .kix-task-sync-update-action-bar-action-container { align-items: center; di= splay: flex; } .kix-task-sync-update-action-bar-action-text { line-height: 1rem; width: 24= 0px; } .docs-bubble .kix-task-sync-update-action-bar-action-text a { color: var(--= gm3-sys-color-on-primary,#fff) !important; text-decoration: underline !impo= rtant; } .kix-task-sync-task-to-match-document-action-bar { align-items: center; dis= play: flex; justify-content: space-between; padding: 7.5px 12px; } .kix-task-sync-task-to-match-document-action-bar .kix-task-sync-task-to-mat= ch-document-action-bar-accepting-responses-on { margin: 8px 8px 8px 0px; } .kix-task-sync-task-to-match-document-action-bar-update-button { cursor: po= inter; font-size: 0.875rem; height: 20px; line-height: 1.25rem; padding: 6p= x 4px; } .kix-task-sync-task-to-match-document-action-bar-confirm-text { font-weight= : 500; min-height: 16px; padding-bottom: 1px; } .kix-task-sync-task-to-match-document-action-bar-help-text { justify-conten= t: space-between; min-height: 16px; } .docs-bubble .kix-task-sync-task-to-match-document-action-bar-help-text a {= display: inline; text-decoration: underline !important; } .kix-task-sync-task-to-match-document-action-bar-text-container { width: 22= 8px; } .kix-task-bubble-deleted-task-message { padding: 8px 0px; } .kix-task-bubble-out-of-sync-non-editable-task-message-container { align-it= ems: center; background-color: var(--gm3-sys-color-surface-container,#f0f4f= 9); border-radius: 0px 0px 4px 4px; display: flex; justify-content: space-b= etween; padding: 8px 16px; } .kix-task-bubble-out-of-sync-non-editable-task-message { color: var(--gm3-s= ys-color-on-surface,#1f1f1f); font-weight: 500; margin-left: 8px; } .docs-bubble .kix-task-bubble-out-of-sync-non-editable-task-message a { col= or: var(--gm3-sys-color-on-surface,#1f1f1f) !important; text-decoration: un= derline !important; } .kix-task-bubble { direction: ltr; position: relative; width: 341px; } @media screen and (forced-colors: active) { .docs-bubble-material.kix-task-bubble { border: 1px solid; } } .docs-bubble-material-body.kix-task-bubble-body { padding: 16px 16px 12px; = } .docs-bubble-material-body-action-bar.kix-task-bubble-action-bar { display:= block; height: unset; padding: unset; } .docs-bubble-material-body-action-bar.kix-task-bubble-action-bar > div { al= ign-items: center; box-sizing: border-box; display: flex; justify-content: = space-between; padding: 6px 16px 8px; width: 100%; } .kix-task-bubble-preview-action-bar { border-top: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); justify-content: space-between; } .kix-task-bubble-assign-action-disclosure-message { font-family: Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; letter-spacing= : 0.00625rem; line-height: 1rem; margin-left: 2px; } .kix-task-bubble-assign-action-bar { justify-content: flex-end; } .kix-task-bubble-assign-action-bar .docs-material-button-content { text-tra= nsform: none; } .kix-task-bubble-assign-icon { width: 20px; } .kix-task-bubble-invalid-view-container { display: flex; } .kix-task-bubble-invalid-view-information-container { flex-grow: 1; width: = 0px; } .kix-task-bubble-invalid-view-icon-container { margin: 0px 16px 0px 0px; } .kix-task-bubble-invalid-view-title { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spaci= ng: 0.00625rem; line-height: 1rem; text-transform: uppercase; } .kix-task-bubble-invalid-view-description { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.00625rem; line-h= eight: 1rem; margin: 4px 0px; } .kix-task-bubble-help-icon { margin-left: 285px; position: absolute; } .kix-task-bubble-help-icon:hover { background-color: color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); = border-radius: 9999px; outline: none; } .kix-task-bubble-icon-buttons { margin-left: auto; } .kix-task-bubble-assign-input-row { align-items: center; display: flex; mar= gin-top: 8px; } .kix-task-bubble-input-field { border: unset; border-radius: 4px; backgroun= d: var(--ws-sys-color-extended-grey-tonal,#e3e3e3); color: var(--ws-sys-col= or-extended-on-grey-tonal,#5e5e5e); cursor: pointer; font-size: 0.875rem; h= eight: 36px; line-height: 34px; margin-left: 20px; padding: 0px 8px; width:= 100%; } .kix-task-bubble-date-picker-disabled.kix-task-bubble-input-field.kix-task-= bubble-date-picker-input-field:hover, input:disabled.kix-task-bubble-input-= field.kix-task-bubble-assignee-input-field:hover, input:disabled.kix-task-b= ubble-input-field.kix-task-bubble-title-input-field:hover { background: col= or-mix(in srgb,var(--ws-sys-color-extended-on-grey-tonal,#5e5e5e) 8%,var(--= ws-sys-color-extended-grey-tonal,#e3e3e3)); cursor: auto; } .kix-task-bubble-input-field.kix-task-bubble-title-input-field { padding-ri= ght: 40px; } .kix-task-bubble-date-picker-text-field.kix-task-bubble-input-field-selecte= d, .kix-task-bubble-input-field.kix-task-bubble-input-field-selected { colo= r: var(--ws-sys-color-extended-on-grey-tonal,#5e5e5e); } .kix-task-bubble-input-field:hover { background: color-mix(in srgb,var(--ws= -sys-color-extended-on-grey-tonal,#5e5e5e) 8%,var(--ws-sys-color-extended-g= rey-tonal,#e3e3e3)); } @media screen and (forced-colors: active) { .kix-task-bubble-date-picker-input-field, .kix-task-bubble-input-field:en= abled { border: 1px solid; } } .kix-task-bubble-preview-body, .kix-task-bubble-preview-view { display: fle= x; } .kix-task-bubble-preview-icon-container { padding-right: 10px; } .kix-task-bubble-button { border-radius: 9999px; cursor: pointer; padding: = 6px; } .docs-material-button-focus.kix-task-bubble-edit-task-button:focus, .docs-m= aterial-button-hover.kix-task-bubble-edit-task-button:hover, .kix-task-bubb= le-button:hover { background-color: var(--gm3-sys-color-primary-container,#= d3e3fd); } .kix-task-bubble-edit-task-button:focus-visible { border-radius: 2px; outli= ne: solid 2px; } .kix-task-bubble-edit-task-button.docs-material-button-text-default.docs-ma= terial-button.docs-material-button-disabled { color: color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff));= } .kix-task-bubble-open-task-button { margin-left: auto; } .kix-task-bubble .kix-task-bubble-preview-icon-container .docs-loading-indi= cator .spinner-circle { border-width: 2px; } .kix-task-bubble .kix-task-bubble-preview-icon-container .docs-loading-indi= cator, .kix-task-bubble .kix-task-bubble-preview-icon-container .docs-quant= um-spinner { height: 18px; left: unset; margin: unset; position: unset; wid= th: 18px; } .kix-task-bubble .kix-task-bubble-hint-bar { background: unset; display: fl= ex; flex-direction: column; padding: 0px; } .kix-task-bubble-details-view-container { flex-grow: 1; width: 0px; } .kix-task-bubble-sync-title-to-tasks-action-bar-container { background-colo= r: var(--gm3-sys-color-primary-container,#d3e3fd); color: var(--gm3-sys-col= or-on-primary-container,#0842a0); width: 100%; } .kix-task-bubble-sync-details-to-docs-action-bar-container { background-col= or: var(--gm3-sys-color-primary,#0b57d0); width: 100%; } .kix-task-bubble.kix-task-bubble-deleted-task .kix-task-bubble-preview-acti= on-bar { background-color: var(--gm3-sys-color-primary,#0b57d0); border: 1p= x solid var(--gm3-sys-color-primary,#0b57d0); border-radius: 0px 0px 4px 4p= x; color: var(--gm3-sys-color-on-primary,#fff); padding: 4px 12px; } .kix-task-bubble.kix-task-bubble-deleted-task .kix-task-bubble-delete-task-= button { border-radius: 4px; } .kix-task-bubble.kix-task-bubble-deleted-task .kix-task-bubble-delete-task-= button:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-p= rimary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .kix-task-bubble .kix-task-bubble-delete-task-button-yes, .kix-task-bubble.= kix-task-bubble-deleted-task .kix-task-bubble-delete-task-button-icon { dis= play: none; } .kix-task-bubble.kix-task-bubble-deleted-task .kix-task-bubble-delete-task-= button-yes { display: block; } .kix-task-bubble-delete-task-information-bar-text { padding: 12px; } .kix-task-bubble-help-icon-tooltip-container { align-items: center; backgro= und-color: var(--gm3-sys-color-inverse-surface,#303030); border-radius: 4px= ; display: flex; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.75rem; font-weight: 400; gap: 10px; justi= fy-content: center; letter-spacing: 0.00625rem; line-height: 1.25rem; min-h= eight: 24px; padding: 4px 8px; width: 231px; } .kix-task-bubble-help-icon-tooltip-container a:link { color: var(--gm3-sys-= color-inverse-on-surface,#f2f2f2); text-decoration-line: underline; } .kix-task-bubble-help-icon-tooltip-container .jfk-tooltip-arrow { display: = none; } .kix-task-bubble-help-icon-tooltip-content { align-self: stretch; } [class*=3D"docs-hc"] .kix-task-bubble-edit-task-button.docs-material-button= -text-default.docs-material-button-focused { border: 1px solid highlight; } @media screen and (forced-colors: active) { .docs-material-button.kix-task-bubble-edit-task-button, .kix-task-bubble-= delete-task-button { border: 1px solid; } } .kix-task-onboard-promo-anchor-element { position: absolute; } .kix-task-onboard-promo { width: 320px; } .kix-task-onboard-promo.docs-gm-promo .docs-promo-text-container { width: 2= 88px; } .kix-task-onboard-promo.docs-gm-promo .docs-promo-header { font-weight: 400= ; letter-spacing: 0.00625rem; line-height: 1.5rem; } .kix-task-onboard-promo.docs-gm-promo .docs-promo-body { font-weight: 400; = padding-top: 8px; letter-spacing: 0.00625rem; line-height: 1.25rem; } .kix-task-onboard-promo.docs-gm-promo .docs-promo-action-container { font-w= eight: 400; letter-spacing: 0.00625rem; line-height: 1.25rem; } .docsChromeConvertToEditorButtonCaption { align-items: center; display: inl= ine-flex; gap: 6px; transition: gap 218ms; } .docsChromeConvertToEditorButtonIcon { flex-shrink: 0; } .docsChromeConvertToEditorButtonLabel { display: inline-block; overflow: hi= dden; transition: width 218ms, opacity 218ms; white-space: nowrap; } .docsChromeConvertToEditorButtonCompact .docsChromeConvertToEditorButtonCap= tion { gap: 0px; } .docsChromeConvertToEditorButtonCompact .docsChromeConvertToEditorButtonLab= el { opacity: 0; } .docsChromeConvertToEditorMenu { background-color: var(--gm3-sys-color-surf= ace,#fff); border-width: medium; border-style: none; border-color: currentc= olor; border-image: none; border-radius: 4px; box-sizing: border-box; max-h= eight: none; min-width: 200px; overflow: hidden; padding: 8px 0px; } .docsChromeConvertToEditorMenu .goog-menuitem { align-items: center; box-si= zing: border-box; cursor: pointer; display: flex; height: 32px; justify-con= tent: flex-start; margin: 0px; padding: 4px 16px; position: relative; text-= align: left; width: auto; } .docsChromeConvertToEditorMenu .goog-menuitem.goog-menuitem-disabled { curs= or: default; } .docsChromeConvertToEditorMenu .goog-menuitem.goog-menuitem-disabled .docsC= hromeConvertToEditorMenuIcon, .docsChromeConvertToEditorMenu .goog-menuitem= .goog-menuitem-disabled .goog-menuitem-icon, .docsChromeConvertToEditorMenu= .goog-menuitem.goog-menuitem-disabled .goog-menuitem-label { opacity: 0.38= ; } .docsChromeConvertToEditorMenu .goog-menuitem .goog-menuitem-content { alig= n-items: center; display: flex; flex-direction: row; gap: 8px; justify-cont= ent: flex-start; margin: 0px; padding: 0px; text-align: left; width: 100%; = } .docsChromeConvertToEditorMenu .goog-menuitem .goog-menuitem-icon.docs-icon= .goog-inline-block { display: block; flex: 0 0 auto; height: 24px; left: 0p= x; margin: 0px; overflow: hidden; position: relative; width: 24px; } .docsChromeConvertToEditorMenu .goog-menuitem .goog-menuitem-label { color:= var(--gm3-sys-color-on-surface,#1f1f1f); display: block; flex: 1 1 0%; fon= t-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.8= 75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1.25rem; = padding: 0px; text-align: left; white-space: nowrap; } .docsChromeConvertToEditorMenu .goog-menuseparator, .docsChromeConvertToEdi= torMenu.goog-menu .goog-menuseparator, :root .docs-gm .docsChromeConvertToE= ditorMenu .goog-menuseparator { border-right-width: medium; border-bottom-w= idth: medium; border-left-width: medium; border-right-style: none; border-b= ottom-style: none; border-left-style: none; border-right-color: currentcolo= r; border-bottom-color: currentcolor; border-left-color: currentcolor; bord= er-image: none; border-top: 1px solid var(--gm3-sys-color-outline-variant,#= c4c7c5); height: 0px; margin: 4px 0px; padding: 0px; width: 100%; } .docsChromeConvertToEditorMenu .docsChromeConvertToEditorMenuItem--slides.g= oog-menuitem .goog-menuitem-icon.docs-icon.goog-inline-block, .docsChromeCo= nvertToEditorMenu .docsChromeConvertToEditorMenuItem--vids.goog-menuitem .g= oog-menuitem-icon.docs-icon.goog-inline-block { height: 36px; margin-bottom= : -12px; margin-right: -12px; transform: scale(0.667); transform-origin: 0p= x 0px; width: 36px; } .docsChromeConvertToEditorMenuSubtitle { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); display: none; font-family: Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 1rem; padding-left: 32px; text-align: left; w= hite-space: nowrap; } .docsChromeConvertToEditorMenu .docsChromeConvertToEditorMenuItem--slideLim= itExceeded.goog-menuitem { align-items: flex-start; flex-direction: column;= height: auto; } .docsChromeConvertToEditorMenu .docsChromeConvertToEditorMenuItem--slideLim= itExceeded.goog-menuitem .docsChromeConvertToEditorMenuSubtitle { display: = block; } .docsChromeConvertToEditorMenu .docsChromeConvertToEditorMenuItem--slideLim= itExceeded.goog-menuitem.goog-menuitem-disabled .docsChromeConvertToEditorM= enuSubtitle { opacity: 0.38; } .docsChromeConvertToEditorMenuIcon { display: block; flex: 0 0 auto; height= : 24px; margin: 0px; overflow: hidden; position: relative; width: 24px; } .docsChromeConvertToEditorMenuIcon .docs-icon { left: 0px; margin: 0px; pos= ition: absolute; top: 0px; transform-origin: 0px 0px; } .docs-material .docsChromeConvertToEditorMenuIcon--audio .docs-icon { heigh= t: 18px; left: 3px; margin: 0px; top: 3px; width: 18px; } .docsChromeConvertToEditorFileMenuIcon { transform: translate(-1px, -1px); = } .docs-gm .goog-menu:not(.docsChromeConvertToEditorMenu) .goog-menuitem .goo= g-menuitem-icon.docs-icon:has(.docsChromeConvertToEditorFileMenuVidsIcon) {= height: 36px; margin: 6px 0px 0px 11px; transform: scale(0.555556); transf= orm-origin: left top; width: 36px; } .docs-gm .goog-menu:not(.docsChromeConvertToEditorMenu) .goog-menuitem .goo= g-menuitem-icon.docs-icon:has(.docsChromeConvertToEditorFileMenuSitesIcon) = { height: 24px; margin: 6px 0px 0px 11px; transform: scale(0.833333); trans= form-origin: left top; width: 24px; } .docs-gm .goog-menu:not(.docsChromeConvertToEditorMenu) .goog-menuitem .goo= g-menuitem-icon.docs-icon:has(.docsChromeConvertToEditorFileMenuPresentatio= nIcon) { height: 36px; margin: 6px 0px 0px 11px; transform: scale(0.555556)= ; transform-origin: left top; width: 36px; } .encrypted-doc-toast.docs-ui-toast { box-sizing: border-box; display: inlin= e-block; min-width: 344px; width: auto; } .encrypted-doc-toast [class$=3D"-snackbar__label"], .encrypted-doc-toast.do= cs-ui-toast .docs-ui-toast-content { display: block; overflow: hidden; text= -overflow: ellipsis; white-space: nowrap; } .encrypted-doc-toast.docs-ui-toast .docs-ui-toast-control-bar { display: no= ne; } .docos-actionmenu-outer { width: 11px; height: 11px; } .docos-actionmenu-outer > .docos-docomenu-dropdown { width: 11px; height: 1= 1px; margin: auto; vertical-align: top; cursor: pointer; } .docs-gm .docos-actionmenu-outer > .docos-docomenu-dropdown { background-co= lor: transparent; } .docos-actionmenu-outer .goog-toolbar-menu-button-dropdown { width: 11px; h= eight: 11px; margin: 0px; padding: 0px; } .docos-actionmenu-outer .goog-toolbar-menu-button-inner-box, .docos-actionm= enu-outer .goog-toolbar-menu-button-outer-box { width: 11px; min-width: 11p= x; height: 11px; min-height: 11px; } .docos-actionmenu > .goog-menuitem { padding-left: 10px; padding-right: 10p= x; } .docs-gm .docos-actionmenu > .goog-menuitem { padding-left: 15px; padding-r= ight: 15px; } .docosAgenticCommentsBannerContainer { background-color: var(--ws-sys-color= -genai-muted-gradient03,#d0d9ff); padding: 8px 8px 8px 12px; flex-direction= : column; gap: 8px; display: none; } .docosAgenticCommentsBannerHeader { display: flex; justify-content: space-b= etween; align-items: center; } .docosAgenticCommentsBannerTitleSection { display: flex; align-items: cente= r; gap: 6px; } .docosAgenticCommentsBannerTitle { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.875rem; font-weight: 500; } .docosAgenticCommentsBannerSparkleIcon { color: var(--gm3-sys-color-primary= ,#0b57d0); } .docosAgenticCommentsBannerNav { display: flex; align-items: center; gap: 4= px; } .docosAgenticCommentsBannerCount { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-style: normal; font-weight: 400; font-size: 0.75rem; line-heig= ht: 1rem; letter-spacing: 0.00625rem; padding-top: 2px; padding-left: 0.5px= ; user-select: none; } .docos.docs-gm .docosAgenticCommentsBannerNavButton.jfk-button, .docos.docs= -gm .docosAgenticCommentsBannerNextButton.jfk-button, .docos.docs-gm .docos= AgenticCommentsBannerPrevButton.jfk-button { align-items: center; border-wi= dth: medium; border-style: none; border-color: currentcolor; border-image: = none; cursor: pointer; display: flex; height: 28px; justify-content: center= ; margin: 0px; min-width: 20px; padding: 0px; width: 20px; border-radius: 9= 999px; } .docos.docs-gm .docosAgenticCommentsBannerNavButton.jfk-button:hover, .doco= s.docs-gm .docosAgenticCommentsBannerNextButton.jfk-button:hover, .docos.do= cs-gm .docosAgenticCommentsBannerPrevButton.jfk-button:hover { background-c= olor: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); } .docos.docs-gm .docosAgenticCommentsBannerNavButton.jfk-button:focus, .doco= s.docs-gm .docosAgenticCommentsBannerNextButton.jfk-button:focus, .docos.do= cs-gm .docosAgenticCommentsBannerPrevButton.jfk-button:focus { background-c= olor: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.1); outlin= e: none; } .docos.docs-gm .docosAgenticCommentsBannerNavButton.jfk-button:focus-visibl= e, .docos.docs-gm .docosAgenticCommentsBannerNextButton.jfk-button:focus-vi= sible, .docos.docs-gm .docosAgenticCommentsBannerPrevButton.jfk-button:focu= s-visible { outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); outlin= e-offset: 2px; } .docos.docs-gm .docosAgenticCommentsBannerNavButton.jfk-button:active, .doc= os.docs-gm .docosAgenticCommentsBannerNextButton.jfk-button:active, .docos.= docs-gm .docosAgenticCommentsBannerPrevButton.jfk-button:active { outline: = none; } .docosAgenticCommentsBannerVisible { display: flex; } .docos.docs-gm .docosAgenticCommentsBannerNextButton.jfk-button { margin-to= p: 1px; } .CSS_ASSISTED_WRITING_TAB_ICON { align-items: center; background-color: rgb= (249, 249, 249); border: 0.0625em solid rgb(186, 186, 186); border-radius: = 0.2em; bottom: 0.1em; box-sizing: border-box; display: inline-flex; height:= 1.1em; justify-content: center; margin-left: 0.3em; position: relative; wi= dth: 1.8em; } .CSS_ASSISTED_WRITING_TAB_ICON_TEXT { color: rgb(186, 186, 186); font-size:= 0.6em; font-weight: 700; } .docosAiPreviewDiffVisibleSuggestionViewContent { display: flex; padding: 4= px; gap: 2px; background: var(--gm3-sys-color-surface,#fff); } .docosAiPreviewDiffVisibleSuggestionViewSeparator { width: 1px; height: 18p= x; background-color: var(--gm3-sys-color-outline-variant,#c4c7c5); align-se= lf: center; margin: 0px 4px; } .docosAiPreviewDiffVisibleSuggestionViewImagePreviewControls { display: fle= x; gap: 2px; } .docosAiPreviewDiffVisibleSuggestionViewImagePreviewControls.docosAiPreview= DiffVisibleSuggestionViewHidden { display: none; } .docosAiPreviewDiffVisibleSuggestionViewButton.docs-gm3-button { margin: 0p= x; color: var(--gm3-sys-color-on-surface-variant,#444746); } .docosAiPreviewDiffVisibleSuggestionViewButton.docosAiPreviewDiffVisibleSug= gestionViewButton.docs-gm3-icon-button { min-width: auto; min-height: auto;= width: 28px; height: 28px; } .docosAiPreviewDiffVisibleSuggestionViewButton.docosAiPreviewDiffVisibleSug= gestionViewButton.docs-gm3-icon-button.docosAiPreviewDiffVisibleSuggestionV= iewHidden { display: none; } .docosAiPreviewDiffVisibleSuggestionViewButton.docs-gm3-icon-button.docs-gm= 3-button-focused:focus-visible { outline: none; } .docos-docoview-active .docosAiPreviewDiffVisibleSuggestionViewAcceptButton= .docs-gm3-button, .docos-docoview-active .docosAiPreviewDiffVisibleSuggesti= onViewShowImagePreviewButton.docs-gm3-button { color: var(--gm3-sys-color-o= n-secondary-container,#004a77); background-color: var(--gm3-sys-color-secon= dary-container,#c2e7ff); } .docos-docoview-active .docosAiPreviewDiffVisibleSuggestionViewAcceptButton= .docs-gm3-button.docs-gm3-button-focused, .docos-docoview-active .docosAiPr= eviewDiffVisibleSuggestionViewAcceptButton.docs-gm3-button.docs-gm3-button-= hover, .docos-docoview-active .docosAiPreviewDiffVisibleSuggestionViewAccep= tButton.docs-gm3-button.docs-gm3-button-pressed, .docos-docoview-active .do= cosAiPreviewDiffVisibleSuggestionViewShowImagePreviewButton.docs-gm3-button= .docs-gm3-button-focused, .docos-docoview-active .docosAiPreviewDiffVisible= SuggestionViewShowImagePreviewButton.docs-gm3-button.docs-gm3-button-hover,= .docos-docoview-active .docosAiPreviewDiffVisibleSuggestionViewShowImagePr= eviewButton.docs-gm3-button.docs-gm3-button-pressed { background-color: var= (--gm3-sys-color-secondary-container,#c2e7ff); background-image: linear-gra= dient(rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1),rgb= a(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1)); } .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked= , .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-check= ed.docs-material-gm-checkbox-focused { background-color: var(--gm3-sys-colo= r-primary,#0b57d0); } .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked= , .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-focus= ed { border-color: var(--gm3-sys-color-primary,#0b57d0); } .docos { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 13px; white-space:= normal; } .docos .peoplekitComponentsTagIcon { height: 14px; width: 14px; } .docos .peoplekitComponentsAutocompleteInline .exportGuestPassTag, .docos .= peoplekitComponentsAutocompletePopupContainer .exportGuestPassTag { backgro= und-color: var(--ws-sys-color-extended-cyan-outline,#acedff); color: var(--= ws-sys-color-extended-cyan-fill,#00687c); } .docos .peoplekitComponentsAutocompleteInline .exportExternalTag, .docos .p= eoplekitComponentsAutocompletePopupContainer .exportExternalTag { backgroun= d-color: var(--ws-sys-color-extended-yellow-outline,#ffe07c); color: var(--= ws-sys-color-extended-on-yellow-fill,#6d3a01); } .docos .peoplekitComponentsAutocompleteInline .peoplekitComponentsTagText, = .docos .peoplekitComponentsAutocompletePopupContainer .peoplekitComponentsT= agText { font-family: "Google Sans"; font-weight: 500; } .docos.docs-gm { font-size: 0.875rem; } .docos .jfk-button { font-family: "Google Sans", Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-weight: 500; } .docos.docs-gm .jfk-button { margin: 0px 8px 0px 0px; min-width: 24px; vert= ical-align: middle; } .docos.docs-gm .jfk-button-hover { box-shadow: none; background-color: rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); background-image: none;= cursor: pointer; border-radius: 2px; border-width: 1px; border-color: tran= sparent !important; } .docos.docs-gm .jfk-button-active { box-shadow: none; background-color: rgb= a(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); background-image: none= ; cursor: pointer; border-radius: 2px; border-width: 1px; border-color: tra= nsparent !important; } .docos.docs-gm .jfk-button.jfk-button-standard { border-radius: 4px; box-sh= adow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875r= em; letter-spacing: 0.00625rem; line-height: 1rem; background: var(--gm3-sy= s-color-surface,#fff); color: var(--gm3-sys-color-primary,#0b57d0); height:= 24px; padding: 3px 12px 5px; border: 1px solid var(--gm3-sys-color-outline= -variant,#c4c7c5) !important; } .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-disabled { backgr= ound: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); opacity: 0.38; height: 24px; padding: 3px 12px 5px; border: 1= px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } @media (forced-colors: active) { .docos.docs-gm .jfk-button.jfk-button-focused { outline: highlight solid = 1px; outline-offset: -4px; } } .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused { backgro= und: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66= ,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),= var(--gm3-sys-color-primary-container,#d3e3fd); height: 24px; padding: 3px = 12px 5px; border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) = !important; } .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover { backgroun= d: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,1= 60),.08),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.08)),= var(--gm3-sys-color-primary-container,#d3e3fd); height: 24px; padding: 3px = 12px 5px; border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) = !important; } .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-butto= n-hover { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-c= ontainer-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rg= b,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); height: 24= px; padding: 3px 12px 5px; border: 1px solid var(--gm3-sys-color-inverse-pr= imary,#a8c7fa) !important; } .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-butto= n-active { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-= container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-r= gb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); box-shado= w: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); height: 2= 4px; padding: 3px 12px 5px; border: 1px solid transparent !important; } .docos.docs-gm .jfk-button.jfk-button-action { border-radius: 4px; box-shad= ow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem= ; letter-spacing: 0.00625rem; line-height: 1rem; background: var(--gm3-sys-= color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); height= : 24px; padding: 3px 12px 5px; border: 1px solid transparent !important; } .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-disabled { backgrou= nd: var(--gm3-sys-color-surface-container-low,#f8fafd); color: var(--gm3-sy= s-color-on-surface,#1f1f1f); opacity: 0.62; height: 24px; padding: 3px 12px= 5px; } .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused { color: va= r(--gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--= gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-p= rimary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); box-shad= ow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15); hei= ght: 24px; padding: 3px 12px 5px; } .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover { color: var(= --gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--gm= 3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys-color-on-pr= imary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d0); box-shad= ow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15); hei= ght: 24px; padding: 3px 12px 5px; } .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-= hover { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gra= dient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--g= m3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#= 0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,= 87,208),.15); height: 24px; padding: 3px 12px 5px; } .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-= active { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gr= adient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--= gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,= #0b57d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-rgb,11= ,87,208),.15); height: 24px; padding: 3px 12px 5px; } .docos .modal-dialog-buttons { font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-weight: 500; } .docos .modal-dialog-title { font-size: 1rem; } .docs-gm .docos .modal-dialog-title { font-size: 1.375rem; } .docos .modal-dialog-title-text { font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-weight: 400; } .docs-gm .doco-modal.modal-dialog { width: 300px; } .docs-gm .doco-modal .modal-dialog-title-text { display: block; width: 220p= x; overflow-wrap: break-word; } .docs-grille-gm3.docos .jfk-button.jfk-button-action, .docs-grille-gm3.doco= s .jfk-button.jfk-button-standard, .docs-grille-gm3.docos.docs-gm .jfk-butt= on.jfk-button-action, .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button= -standard { border: 1px solid transparent; border-radius: 9999px; box-sizin= g: border-box; cursor: pointer; font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = white-space: nowrap; height: 36px; line-height: 1rem; padding: 9px 16px; } .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action { background: = var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary= ,#fff); } .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard { background= : var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-primary,#0b= 57d0); border-color: var(--gm3-sys-color-outline,#747775) !important; } .docs-grille-gm3.docos .jfk-button.jfk-button-standard.jfk-button-disabled = { height: 36px; line-height: 1rem; padding: 9px 16px; color: var(--gm3-sys-= color-on-surface,#1f1f1f); cursor: default; background: rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.12); } .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-h= over { height: 36px; line-height: 1rem; padding: 9px 16px; background-color= : rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08); box-shadow: none; c= olor: var(--gm3-sys-color-primary,#0b57d0); border-color: var(--gm3-sys-col= or-outline,#747775) !important; } .docs-grille-gm3.docos .jfk-button.jfk-button-standard.jfk-button-active, .= docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-fo= cused, .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-b= utton-focused.jfk-button-hover { border-width: 1px; border-style: solid; bo= rder-image: none; border-radius: 9999px; box-sizing: border-box; cursor: po= inter; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; font-size: 0.875rem; font-weight: 500; white-space: nowrap; heig= ht: 36px; line-height: 1rem; padding: 9px 16px; background-color: rgba(var(= --gm3-sys-color-primary-rgb,11,87,208),.1); box-shadow: none; color: var(--= gm3-sys-color-primary,#0b57d0); border-color: var(--gm3-sys-color-primary,#= 0b57d0) !important; } .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-dis= abled { height: 36px; line-height: 1rem; padding: 9px 16px; background: lin= ear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1),rgba(var= (--gm3-sys-color-on-surface-rgb,31,31,31),.1)),var(--gm3-sys-color-surface,= #fff); color: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } .docs-grille-gm3.docos .jfk-button.jfk-button-action.jfk-button-focused.jfk= -button-active, .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-actio= n.jfk-button-focused, .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button= -action.jfk-button-focused.jfk-button-hover { border: 1px solid transparent= ; border-radius: 9999px; box-sizing: border-box; cursor: pointer; font-fami= ly: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= size: 0.875rem; font-weight: 500; white-space: nowrap; height: 36px; line-h= eight: 1rem; padding: 9px 16px; background: var(--gm3-sys-color-primary,#0b= 57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hov= er { height: 36px; line-height: 1rem; padding: 9px 16px; box-shadow: 0 1px = 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(-= -gm3-sys-color-shadow-rgb,0,0,0),.15); background: var(--gm3-sys-color-prim= ary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docs-grille-gm3.docos .docs-suggestion-button { background: none; border-r= adius: 9999px; height: 32px; width: 32px; border: 1px solid transparent !im= portant; } .docs-grille-gm3.docos .docs-suggestion-button.jfk-button-hover { backgroun= d-image: none; background-position: initial; background-size: initial; back= ground-repeat: initial; background-attachment: initial; background-origin: = initial; background-clip: initial; border-radius: 9999px; height: 32px; wid= th: 32px; background-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb= ,68,71,70),.08); border: 1px solid transparent !important; } .docs-grille-gm3.docos .docs-suggestion-button.jfk-button-active, .docs-gri= lle-gm3.docos .docs-suggestion-button.jfk-button-focused { background-image= : none; background-position: initial; background-size: initial; background-= repeat: initial; background-attachment: initial; background-origin: initial= ; background-clip: initial; border-radius: 9999px; height: 32px; width: 32p= x; background-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,= 70),.1); border: 1px solid transparent !important; } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-bu= tton-standard.jfk-button { border-radius: 9999px; box-sizing: border-box; c= ursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 0.875rem; font-weight: 500; white-space: now= rap; color: var(--gm3-sys-color-primary,#0b57d0); padding: 9px 12px; backgr= ound: transparent; height: 36px; line-height: 18px; border: 1px solid trans= parent !important; } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-bu= tton-standard.jfk-button-hover { color: var(--gm3-sys-color-primary,#0b57d0= ); padding: 9px 12px; background-color: rgba(var(--gm3-sys-color-primary-rg= b,11,87,208),.08); } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-bu= tton-standard.jfk-button-active, .docs-grille-gm3.docos.docs-gm.docos-comme= nts-pe .docos-input-cancel.jfk-button-standard.jfk-button-focused, .docs-gr= ille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-sta= ndard.jfk-button-focused.jfk-button-hover { color: var(--gm3-sys-color-prim= ary,#0b57d0); padding: 9px 12px; background-color: rgba(var(--gm3-sys-color= -primary-rgb,11,87,208),.1); } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-bu= tton-standard.jfk-button.jfk-button-disabled { padding: 9px 12px; color: va= r(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } .docos-comments-pe .docos-replyview-reply-count { background: transparent; = border-radius: 9999px; color: var(--gm3-sys-color-primary,#0b57d0); cursor:= pointer; font: 500 14px / 20px "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; padding: 2px 8px; width: fit-content; } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyview-reply-cou= nt:hover { background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08)= ; } .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyview-reply-cou= nt:active, .docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyvie= w-reply-count:focus { background: rgba(var(--gm3-sys-color-primary-rgb,11,8= 7,208),.1); outline: transparent solid 1px; } .docs-grille-gm3 .docos-anchoreddocoview-input-pane + .docos-replyview-repl= y-count { margin-top: 0px; } .docos-replyview.docos-replyview-deleted .docos-action-text { display: none= ; } .docos-author-with-badge { align-items: center; display: flex; min-width: 0= px; } .docos-author-with-badge .docos-author { min-width: 0px; overflow: hidden; = text-overflow: ellipsis; white-space: nowrap; } .docos-anchoreddocoview { background-color: var(--gm3-sys-color-surface-con= tainer-low,#f8fafd); cursor: pointer; direction: ltr; position: relative; w= idth: 240px; border-width: medium; border-style: none; border-color: curren= tcolor; border-image: none; box-shadow: 0 1px 3px rgba(var(--gm3-sys-color-= shadow-rgb,0,0,0),.3); border-radius: 2px; } .docs-gm .docos-anchoreddocoview { background-color: var(--gm3-sys-color-su= rface,#fff); border: 1px solid rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.= 15); box-shadow: none; } .docos-comments-pe .docos-anchoreddocoview { -webkit-font-smoothing: antial= iased; } .docs-gm .docos-anchoreddocoview { width: 282px; } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview { min-w= idth: 282px; width: calc(100% - 50px); } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview.docos-a= nchoreddocoview-fit { width: fit-content; min-width: auto; } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview { max-w= idth: calc(50ch + 24px); } .docs-gm.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocovie= w:not(.docos-minimized-view):not(.docos-docoview-active) { background: none= ; padding-right: 48px; } .docs-gm.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocovie= w.docos-docoview-active:not(.docos-minimized-view):not(.docos-emoji-contain= er) { margin-right: 48px; } .docs-gm .docos-anchoreddocoview:hover { border-color: transparent; box-sha= dow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .docos-anchoreddocoview.docos-docoview-active, .docs-gm .docos-anc= horeddocoview.docos-docoview-active:hover { border-color: transparent; box-= shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .docos-anchoreddocoview, .docs-gm .docos-anchoreddocoview-internal= { border-radius: 8px; } .docos-comments-pe .docos-docoview-active .docos-anchoreddocoview-internal,= .docos-docoview-active.docos-anchoreddocoview { cursor: default; } .docs-gm .docos-anchoreddocoview.docos-minimized-view, .docs-gm .docos-doco= view-active.docos-anchoreddocoview.docos-minimized-view, .docs-gm .docos-em= oji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover, .= docs-grille-gm3 .docos-anchoreddocoview.docos-minimized-view, .docs-grille-= gm3 .docos-docoview-active.docos-anchoreddocoview.docos-minimized-view, .do= cs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-= minimized-view:hover, .docs-grille-gm3.docs-body-pageless .docos-anchoreddo= coview.docos-minimized-view, .docs-grille-gm3.docs-body-pageless .docos-anc= horeddocoview.docos-minimized-view:hover { background-color: transparent; c= ursor: pointer; border-width: medium; border-style: none; border-color: cur= rentcolor; border-image: none; box-shadow: none; } .docos-comments-pe .docos-anchoreddocoview:hover, .docos-comments-pe .docos= -emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover= , .docs-body-pageless .docos-comments-pe .docos-anchoreddocoview.docos-mini= mized-view:hover { cursor: default; } .docos-comments-pe .docos-anchoreddocoview-internal { cursor: pointer; } .docos-anchoreddocoview-minimized, .docos-anchoreddocoview-minimized .docs-= icon, .docos-layout-anchored-auto-resize .docos-anchoreddocoview.docos-mini= mized-view { min-height: 24px; min-width: 24px; max-width: 24px; } .docos-anchoreddocoview:active, .docos-anchoreddocoview:focus { outline: 0p= x; } .docos-anchoreddocoview-internal { max-height: inherit; overflow: hidden au= to; } .docos-anchoreddocoview-content { overflow: hidden auto; } .docos-anchoreddocoview .docos-anchoreddocoview-input-pane { border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= display: none; padding: 8px; } .docos-anchoreddocoview .docos-anchoreddocoview-input-pane.docos-draftdiscu= ssionview-input-pane { padding-top: 0px; } .docos-anchoreddocoview .docos-draftdiscussionview-input-pane { background:= var(--gm3-sys-color-surface,#fff); } .docos-docoview-active.docos-anchoreddocoview .docos-anchoreddocoview-input= -pane { display: block; } .docos-comments-pe .docos-anchoreddocoview-internal { background: var(--gm3= -sys-color-surface-container,#f0f4f9); } .docos-anchoreddocoview-input-pane .docos-input-textarea { display: block; = height: 26px; } .docos-anchoreddocoview-input-pane .docos-input-buttons { text-align: left;= } .docos-comments-pe .docos-anchoreddocoview-input-pane .docos-input-buttons,= .docos-comments-pe .docos-input-buttons .docos-input-button-row { text-ali= gn: right; } .docos-comments-pe .docos-input-typing .docos-input-buttons { display: flex= ; flex-direction: row-reverse; position: relative; text-align: right; } .docs-grille-gm3.docos-comments-pe .docos-input-buttons > .jfk-button { mar= gin: 0px 0px 0px 8px; } .docos-draftdiscussionview-input-pane { padding-top: 0px; border-top-width:= medium !important; border-top-style: none !important; border-top-color: cu= rrentcolor !important; } .docos-anchoreddocoview .docos-input-acl-fixer-message, .docos-anchoreddoco= view .docos-input-assignment-message, .docos-anchoreddocoview .docos-input-= at-reply-message, .docos-anchoreddocoview .docos-input-static-message { col= or: var(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.75rem; fo= nt-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif= ; margin-top: 8px; } .docs-gm .docos-anchoreddocoview .docos-input-acl-fixer-message, .docs-gm .= docos-anchoreddocoview .docos-input-assignment-message, .docs-gm .docos-anc= horeddocoview .docos-input-at-reply-message, .docs-gm .docos-anchoreddocovi= ew .docos-input-static-message { color: var(--gm3-sys-color-on-surface,#1f1= f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1= rem; } .docos-comments-pe .docos-anchoreddocoview .docos-input-acl-fixer-message, = .docos-comments-pe .docos-anchoreddocoview .docos-input-assignment-message,= .docos-comments-pe .docos-anchoreddocoview .docos-input-at-reply-message, = .docos-comments-pe .docos-anchoreddocoview .docos-input-static-message { co= lor: var(--gm3-sys-color-on-surface-variant,#444746); } .docos-layout-anchored .docos-anchoreddocoview { position: absolute; user-s= elect: text; z-index: 500; } .docos-layout-anchored .docos-docomenu-visible.docos-anchoreddocoview { z-i= ndex: 502; } .docos-layout-anchored .docos-docoview-active.docos-anchoreddocoview { z-in= dex: 501; } .docs-gm .docos-layout-anchored.docos-comments-pe .docos-docomenu-visible.d= ocos-anchoreddocoview { z-index: 503; } .docos-layout-anchored-shadows .docos-anchoreddocoview { box-shadow: 0 2px = 4px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.2); } .docos-anchoreddocoview .docos-input-post { margin-right: 10px; } .docs-gm .docos-layout-vertical .docos-anchoreddocoview .docos-anchoreddoco= view-arrow-inner.docos-assignee-you { background-color: var(--gm3-sys-color= -primary,#0b57d0); } .docs-gm .docos-anchoreddocoview .docos-icon-checkmark { margin-top: 1px; } .docs-grille-gm3 .docos-anchoreddocoview .docos-icon-checkmark { margin-top= : 4px; } .docs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview, .d= ocs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview:hover= { box-shadow: 0 1px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4= px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-grille-gm3.docs-gm .docos-input-at-reply-message { color: var(--gm3-s= ys-color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; } .docos-comments-pe .docos-anchoreddocoview { transition: top 0.35s; } .docos-anchoreddocoview .docos-replyview-reply-count { height: 20px; margin= : 4px 8px 16px; } .docos-comments-pe .docos-anchoreddocoview.docos-docoview-scrollbar-visible= .docos-anchoreddocoview-input-pane { border-top: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); padding-top: 16px; } .docos-comments-pe .docos-anchoreddocoview.docos-docoview-scrollbar-visible= .docos-anchoredreplyview.docos-replyview { padding-right: 12px; } .docos-comments-pe .docos-docoview-scrollbar-visible .docos-anchoredreplyvi= ew-header, .docos-comments-pe .docos-docoview-scrollbar-visible .docos-anch= oredreplyview.docos-replyview.docos-replyview-deleted .docos-anchoredreplyv= iew-header { margin-right: -12px; } .docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview.docos-= docoview-active { transition: box-shadow 0.4s; } .docos-minimized-view-mode:not(.docos-docoview-active) .docos-anchoreddocov= iew-input-pane:not(.docos-input-nohide) { display: none !important; } .docos-docoview-active:has(.docos-replyview-deleted:last-child) .docos-anch= oreddocoview-input-pane { border-top: 1px dashed var(--gm3-sys-color-outlin= e-variant,#c4c7c5); padding-top: 12px; } @media (forced-colors: active) { .docos-anchoreddocoview-internal { outline: solid 1px; } } .docos-replyview-delete, .docos-replyview-edit { color: var(--gm3-sys-color= -primary,#0b57d0); font-size: 0.6875rem; margin: 0px 2px; } .docos-replyview-delete:hover, .docos-replyview-edit:hover { text-decoratio= n: underline; cursor: pointer; } .docos-input-cancel { margin: 0px; } .docos-input-post { margin: 8px 7px 0px 0px; } .docos-root-reply-action-text-wrapper { padding: 8px 0px 0px; position: rel= ative; } .docos-attribution-warning { margin: 8px -8px 0px; padding: 8px 8px 4px; bo= rder-color: var(--gm3-sys-color-outline-variant,#c4c7c5); border-top-style:= solid; border-top-width: 1px; color: var(--gm3-sys-color-on-surface,#1f1f1= f); } .docos-attribution-warning-image { height: 16px; width: 16px; } .docos-attribution-warning-text { margin: -16px 0px 0px 16px; padding: 0px = 0px 0px 4px; overflow-wrap: break-word; font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; line-height: 1rem; } .docos-replyview-author-unverified { color: var(--gm3-sys-color-error,#b326= 1e) !important; } .docos-replyview-tombstone { color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; text-align: center; font-family: "Google Sans", Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-style: italic; font-size: 0.875rem; letter-s= pacing: 0.00625rem; } .docos-replyview-headless-suggestions { text-align: left; font-style: norma= l; } .docos-streamreplyview-attribution-warning { margin-left: -48px; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-rep= lyview-body, .docos-streamreplyview.docos-replyview.docos-replyview-deleted= .docos-replyview-avatar { display: none; } .docos-anchoredreplyview.docos-replyview-deleted, .docos-streamreplyview.do= cos-replyview.docos-replyview-deleted .docos-streamreplyview-text { align-i= tems: center; display: grid; grid-template-columns: 1fr auto 1fr; } .docos-anchoredreplyview .docos-find-match { background-color: rgba(var(--g= m3-sys-color-tertiary-container-rgb,196,238,208),.5); } .docos-anchoredreplyview .docos-selected-find-match { background-color: var= (--gm3-sys-color-tertiary-container,#c4eed0); } .docos-anchoredreplyview:focus { outline: none; } .docos-anchoredreplyview-header-quote-container { display: inline-flex; min= -width: 0px; flex: 1 1 0%; } .docos-anchoredreplyview-header-quote { font: 500 12px / 16px "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin-bottom: 8px; } .docos-anchoredreplyview, .docos-showrepliesbutton { border-top-width: medi= um; border-right-width: medium; border-left-width: medium; border-top-style= : none; border-right-style: none; border-left-style: none; border-top-color= : currentcolor; border-right-color: currentcolor; border-left-color: curren= tcolor; border-image: none; border-bottom: 1px solid var(--gm3-sys-color-su= rface-container-low,#f8fafd); padding: 3px 8px 5px; zoom: 1; background: va= r(--gm3-sys-color-surface-container-low,#f8fafd); position: static; } .docos-anchoreddocoview.docos-docoview-active { box-shadow: 0 3px 6px rgba(= var(--gm3-sys-color-shadow-rgb,0,0,0),.2); } .docs-gm .docos-anchoreddocoview-input-pane, .docs-gm .docos-anchoredreplyv= iew, .docs-gm .docos-showrepliesbutton { background-color: var(--gm3-sys-co= lor-surface,#fff); border-bottom-width: medium; border-bottom-style: none; = border-bottom-color: currentcolor; border-top: 1px solid var(--gm3-sys-colo= r-outline-variant,#c4c7c5); } .docs-gm .docos-showrepliesbutton { border-top-width: medium; border-top-st= yle: none; border-top-color: currentcolor; color: var(--gm3-sys-color-prima= ry,#0b57d0); letter-spacing: 0.00625rem; margin: 0px 8px; padding: 0px; pos= ition: relative; text-align: center; align-items: center; display: flex; ju= stify-content: center; } .docs-gm .docos-showrepliesbutton:not([style*=3D"display: none"]) + .docos-= anchoredreplyview:not([style*=3D"display: none"]), .docs-gm .docos-showrepl= iesbutton:not([style*=3D"display: none"]) ~ .docos-anchoredreplyview[style*= =3D"display: none"] + .docos-anchoredreplyview:not([style*=3D"display: none= "]) { border-top-width: medium; border-top-style: none; border-top-color: c= urrentcolor; } .docs-gm .docos-anchoreddocoview .docos-anchoredreplyview { padding: 8px 0p= x; margin: 0px 12px; } .docos-anchoreddocoview .docos-anchoredreplyview.docos-replyview.docos-repl= yview-deleted { min-height: 54px; } .docos-anchoreddocoview .docos-anchoredreplyview.docos-replyview.docos-repl= yview-deleted:last-child { min-height: 62px; padding-top: 4px; padding-bott= om: 0px; } .docs-gm .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreply= view { border-bottom-width: medium; border-bottom-style: none; border-botto= m-color: currentcolor; padding: 12px 12px 8px; margin: 0px; } .docs-gm .docos-anchoreddocoview-input-pane { padding: 12px; } .docs-gm .docos-input-button-row { padding-top: 8px; } .docs-gm .docos-anchoreddocoview.docos-docoview-active { border-radius: 8px= ; box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15)= ; } .docos-anchoreddocoview .docos-anchoreddocoview-content > .docos-anchoredre= plyview:last-of-type, .docos-anchoreddocoview .docos-docoview-rootreply:onl= y-child .docos-anchoredreplyview { padding-bottom: 12px; } .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview { pa= dding: 8px; border-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c= 4c7c5); background: var(--gm3-sys-color-surface,#fff); min-height: 36px; } .docos-anchoreddocoview.docos-docoview-resolved .docos-replyview-first.doco= s-anchoredreplyview, .docos-docoview-resolved .docos-anchoredreplyview, .do= cos-docoview-resolved .docos-showrepliesbutton, .docs-gm .docos-docoview-re= solved.docos-anchoreddocoview { background: var(--gm3-sys-color-surface-con= tainer,#f0f4f9); } .docos-comments-pe .docos-anchoreddocoview.docos-docoview-resolved .docos-r= eplyview-first.docos-anchoredreplyview { background: inherit; } .docos-anchoreddocoview .docos-anchoreddocoview-draft .docos-replyview-firs= t.docos-anchoredreplyview { border-width: medium; border-style: none; borde= r-color: currentcolor; border-image: none; } .docos-anchoredreplyview .docos-anchoredreplyview-avatar { left: 0px !impor= tant; display: block; } .docos-anchoredreplyview.docos-replyview-first { border-top-width: medium != important; border-top-style: none !important; border-top-color: currentcolo= r !important; } .docos-anchoredreplyview-header .docos-anchoredreplyview-author { margin: 2= px 0px 0px; color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "G= oogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: = 13px; font-weight: 500; height: 18px; } .docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-author { = color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-= size: 0.875rem; letter-spacing: 0.00625rem; line-height: 1.25rem; margin-to= p: 0px; } .docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-tex= tarea, .docos-anchoredreplyview .docos-anchoredreplyview-body .docos-anchor= edreplyview-origin { line-height: 1.4; } .docs-gm .docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-= input-textarea { line-height: 1.25rem; } .docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pa= ne .docos-input-textarea { height: auto; } .docos-anchoredreplyview .docos-anchoredreplyview-body { overflow-wrap: bre= ak-word; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 0px; } .docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body { color: va= r(--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.00625rem= ; line-height: 1.25rem; } .docos-anchoredreplyview .docos-replyview-body-emoji-reactable { padding: 3= px 21px 3px 5px; } .docos-comments-pe .docos-replyview-body-emoji-reactable { margin-left: -5p= x; } .docos-replyview-body-emoji-reactable-background { background-color: var(--= gm3-sys-color-surface-container,#f0f4f9); border-radius: 8px; } .docos-replyview-emoji-controls .docs-material-button-raised-default { back= ground: var(--gm3-sys-color-surface-container-high,#e9eef6); border-radius:= 9999px; bottom: -3px; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-s= hadow-rgb,0,0,0),.15); display: flex; justify-content: center; padding: 0px= ; position: absolute; right: -14px; width: 32px; height: 32px; z-index: 10;= } .docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body a { color: = var(--gm3-sys-color-primary,#0b57d0); } .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp { margin= : 0px; color: var(--gm3-sys-color-on-surface-variant,#444746); font-size: 0= .6875rem; } .docs-gm .badging-enabled-doco .docos-anchoredreplyview-header .docos-ancho= redreplyview-timestamp { align-items: center; display: inline-flex; flex-di= rection: row; } .docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp= { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 40= 0; line-height: 1rem; letter-spacing: 0.00625rem; } .docos-comments-pe .docos-docoview-replycontainer ~ .docos-replyview-reply-= count-container .docos-new-tag-preview, .docs-gm .docos-docoview-replyconta= iner .docos-new-tag { flex: 0 0 auto; align-items: center; background-color= : var(--gm3-sys-color-primary,#0b57d0); border-radius: 8px; color: var(--gm= 3-sys-color-on-primary,#fff); height: 16px; justify-content: center; margin= : auto 0px; overflow: hidden; transform-origin: left center; transition: tr= ansform 0.2s ease-out, color 0.1s ease-in, border-radius 0.2s; } .docos-comments-pe .docos-docoview-replycontainer ~ .docos-replyview-reply-= count-container .docos-new-tag-preview { margin-bottom: -3px; } .docos-comments-pe .docos-docoview-replycontainer:not(:hover) ~ .docos-repl= yview-reply-count-container .docos-new-tag-preview, .docs-gm .docos-docovie= w-replycontainer:not(:hover) .docos-new-tag { border-radius: 9999px; color:= var(--gm3-sys-color-surface,#fff); width: 6px; transform: scale(0.375); } .docs-gm .docos-anchoredreplyview span + .docos-new-tag { margin-left: 4px;= } .docos-new-tag { font-weight: 700; display: inline-block; font-size: 0.75re= m; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; padding:= 0px 5px; } .docos-comments-pe .docos-docoview-replycontainer:not(:hover) ~ .docos-repl= yview-reply-count-container .docos-new-tag-preview .docos-new-message, .doc= s-gm .docos-docoview-replycontainer:not(:hover) .docos-new-message { color:= transparent; } .docos-anchoredreplyview .docos-accept-suggestion, .docos-anchoredreplyview= .docos-reject-suggestion { min-width: 28px; width: 28px; } .docos-anchoredreplyview .docos-accept-suggestion, .docos-anchoredreplyview= .docos-reject-suggestion { height: 28px; margin: 0px; position: relative; = top: auto; right: auto; display: inline-block; vertical-align: middle; } .docos-anchoredreplyview .docos-accept-suggestion, .docos-anchoredreplyview= .docos-reject-suggestion { padding: 0px; } .docos-anchoredreplyview .docos-accept-suggestion { right: -1px; } .docos-anchoredreplyview .docos-accept-suggestion div, .docos-anchoredreply= view .docos-reject-suggestion div { margin: 1px auto auto; } .docos-accept-suggestion { border-radius: 4px 0px 0px 4px; } .docos-reject-suggestion { border-radius: 0px 4px 4px 0px; } .docos.docs-gm .docos-accept-suggestion path, .docos.docs-gm .docos-reject-= suggestion path { fill: var(--gm3-sys-color-primary,#0b57d0); } .docos.docs-gm .docos-accept-suggestion.jfk-button-disabled path, .docos.do= cs-gm .docos-reject-suggestion.jfk-button-disabled path { fill: var(--gm3-s= ys-color-on-surface,#1f1f1f); } .docos.docs-gm .docos-accept-suggestion.jfk-button-disabled, .docos.docs-gm= .docos-reject-suggestion.jfk-button-disabled { background-color: var(--gm3= -sys-color-surface,#fff); opacity: 0.38; } .docos-accept-suggestion.jfk-button-disabled, .docos-reject-suggestion.jfk-= button-disabled { background-color: var(--gm3-sys-color-surface-container-l= ow,#f8fafd); } .docos-comments-pe.docos.docs-gm .docos-accept-suggestion.jfk-button-disabl= ed, .docos-comments-pe.docos.docs-gm .docos-reject-suggestion.jfk-button-di= sabled { background-color: inherit; opacity: 1; } .docos-docoview-active.docos-anchoreddocoview .docos-replyview-control, .do= cos-docoview-active.docos-showrepliesbutton .docos-replyview-control { disp= lay: block; } .docos-showrepliesbutton-collapsed { overflow-wrap: break-word; color: var(= --gm3-sys-color-primary,#0b57d0); } .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed, .docos-sh= owrepliesbutton-collapsed:hover { text-decoration: underline; } .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:hover, = .docos-anchoreddocoview .docos-showrepliesbutton-collapsed:hover .docos-sho= wrepliesbutton-collapsed-internal, .docos-anchoreddocoview:hover .docos-sho= wrepliesbutton-collapsed-internal { text-decoration: underline; } .docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed { posit= ion: relative; width: 100%; } .docos-anchoreddocoview .docos-showrepliesbutton-line, .docos-comments-pe .= docos-streamdocoview .docos-showrepliesbutton-line { border-top: 1px solid = var(--gm3-sys-color-outline-variant,#c4c7c5); height: 50%; position: absolu= te; top: 50%; width: 100%; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-line { bo= rder-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-interna= l { background-color: var(--gm3-sys-color-surface,#fff); display: inline-bl= ock; margin: 0px 20px; padding: 0px 8px; position: relative; overflow-wrap:= break-word; word-break: break-word; } .docos-collapsible-replyview { position: relative; margin: 6px 0px; padding= : 0px; } .docos-comments-pe .docos-streamdocoview .docos-collapsible-replyview { mar= gin-bottom: 0px; } .docos-collapsible-replyview.docos-collapsible-replyview-empty, .docs-gm .d= ocos-anchoredreplyview .docos-collapsible-replyview { margin: 0px; } .docos-anchoredreplyview .docos-collapsed-replyview { height: 78px; overflo= w: hidden; } .docos-anchoredreplyview .docos-collapsed-replyview-emoji-reactions > .doco= s-replyview-static { height: 81px; overflow: hidden; } .docos-show-less, .docos-show-more { color: var(--gm3-sys-color-primary,#0b= 57d0); display: none; opacity: 1; width: 100%; outline: none; } .docos-show-less:focus, .docos-show-more:focus { text-decoration: underline= ; } .docos-show-more { bottom: 0px; padding-top: 16px; position: absolute; righ= t: 0px; } .docos-anchoreddocoview .docos-show-less, .docos-anchoreddocoview .docos-sh= ow-more, .docos-comments-pe .docos-streamdocoview .docos-show-less, .docos-= comments-pe .docos-streamdocoview .docos-show-more { cursor: pointer; font-= size: 0.6875rem; } .docos-anchoreddocoview .docos-show-less { background: var(--gm3-sys-color-= surface-container-low,#f8fafd); padding: 2px 0px; } .docos-anchoreddocoview .docos-show-more { padding: 7px 0px 2px; } .docos-anchoreddocoview .docos-replyview-first .docos-show-less { backgroun= d: var(--gm3-sys-color-surface,#fff); } .docos-show-less:hover, .docos-show-more:hover { text-decoration: underline= ; } .docos-anchoreddocoview .docos-show-more { background: var(--gm3-sys-color-= surface-container-low,#f8fafd); filter: none; } .docos-anchoreddocoview .docos-replyview-first .docos-show-more { backgroun= d: var(--gm3-sys-color-surface,#fff); } .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-mor= e { background: var(--gm3-sys-color-surface-container-low,#f8fafd); filter:= none; } .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-replyvie= w-first .docos-show-more { background: var(--gm3-sys-color-surface,#fff); } .docos-anchoreddocoview.docos-docoview-active .docos-show-more, .docos-anch= oreddocoview.docos-docoview-active:hover .docos-show-more { background: var= (--gm3-sys-color-surface-container-low,#f8fafd); filter: none; } .docs-gm .docos-anchoreddocoview .docos-show-less, .docs-gm .docos-anchored= docoview .docos-show-more, .docs-gm .docos-anchoreddocoview.docos-docoview-= active .docos-show-less, .docs-gm .docos-anchoreddocoview.docos-docoview-ac= tive .docos-show-more, .docs-gm .docos-anchoreddocoview.docos-docoview-tesl= a-conflict:hover .docos-show-more, .docs-gm .docos-replyview-first .docos-s= how-more { background: var(--gm3-sys-color-surface,#fff); } .docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos= -show-more, .docos-anchoreddocoview.docos-docoview-active:hover .docos-repl= yview-first .docos-show-more { background: var(--gm3-sys-color-surface,#fff= ); } .docos-collapsed-replyview > .docos-replyview-static > .docos-show-more, .d= ocos-collapsed-replyview > .docos-streamdocoview-show-buttons > .docos-show= -more { display: block; } .docos-collapsed-replyview > .docos-replyview-static { height: 100%; } .docos-collapsed-replyview-emoji-reactions > .docos-replyview-static > .doc= os-show-more { display: block; } .docos-collapsed-replyview-emoji-reactions > .docos-replyview-static { heig= ht: 100%; overflow: hidden; } .docos-anchoreddocoview.docos-docoview-active .docos-show-less { background= : var(--gm3-sys-color-surface-container-low,#f8fafd); } .docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos= -show-less { background: var(--gm3-sys-color-surface,#fff); } .docos-anchoredreplyview-header { margin: 6px 0px; height: 38px; white-spac= e: nowrap; display: flex; } .docs-gm .docos-anchoredreplyview-header { margin-top: 0px; } .docos-replyview-first .docos-anchoredreplyview-header { margin: 0px 0px 8p= x; } .docos-anchoreddocoview-draft .docos-replyview-first .docos-anchoredreplyvi= ew-header { margin: 0px; } .docos-anchoredreplyview-buttonholder { white-space: nowrap; } .docos-anchoreddocoview.docos-docomenu-visible .docos-mark-done-button-whit= e, .docos-anchoreddocoview.docos-docoview-active .docos-mark-done-button-wh= ite, .docos-anchoreddocoview:hover .docos-mark-done-button-white { border: = 1px solid rgba(var(--gm3-sys-color-surface-rgb,255,255,255),.7); } .docos-overflowmenu-outer .goog-menu { z-index: 600; } .docos-anchoredreplyview-buttonholder:hover .docos-reject-suggestion, .doco= s-anchoredreplyview-buttonholder:hover .docos-replyview-resolve-button { bo= rder-top-right-radius: 0px; border-bottom-right-radius: 0px; } .docos-anchoredreplyview-buttonholder > .docos-reject-suggestion:hover, .do= cos-anchoredreplyview-buttonholder > .docos-replyview-resolve-button:hover = { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .docos-replyview-first .docos-anchoredreplyview-buttonholder { padding: 4px= 0px 4px 4px; } .docos-accept-suggestion { margin-right: -1px; } .docos-anchoredreplyview-authortimestamp { padding-left: 10px; overflow: hi= dden; white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; } .badging-enabled-doco .docos-anchoredreplyview-authortimestamp span { overf= low: hidden; text-overflow: ellipsis; } .docs-gm .docos-anchoredreplyview-authortimestamp { display: flex; align-it= ems: start; flex-direction: column; justify-content: center; } .docos-anchoredreplyview-authortimestamp > * { overflow: hidden; text-overf= low: ellipsis; } .docs-gm .docos-anchoredreplyview-authortimestamp > * { align-self: stretch= ; } .docos-anchoredreplyview-avatar-holder { max-width: 32px; } .docs-gm .docos-anchoredreplyview-avatar-holder { height: 38px; margin-top:= 2px; max-width: 36px; width: 36px; } .docos-anchoredreplyview-avatar-holder.docos-anchoredreplyview-avatar-holde= r-with-suggestion-icon { height: 32px; max-width: 32px; position: relative;= width: 32px; } .docos-anchoredreplyview-avatar-holder.docos-anchoredreplyview-avatar-holde= r-with-suggestion-icon .docos-replyview-suggestion-badge { bottom: -1px; ri= ght: -1px; align-items: center; background: var(--gm3-sys-color-surface-con= tainer-highest,#dde3ea); border-radius: 9999px; display: flex; height: 14px= ; justify-content: center; position: absolute; width: 14px; } .docos-anchoredreplyview-avatar-holder.docos-anchoredreplyview-avatar-holde= r-with-suggestion-icon .docos-replyview-suggestion-badge .docs-icon { flex:= 0 0 auto; margin: 0px; position: relative; transform: scale(0.8) translate= Y(1.75px); } .docos-anchoredreplyview-header .docos-avatar { position: relative; } .docs-gm .docos-anchoredreplyview-header .docos-avatar { margin-left: 2px; = margin-top: 2px; } .docos-replyview-resolve-button-original { display: inline-block; margin: 0= px; opacity: 0.2; position: relative; padding: 0px 4px; min-width: 50px; he= ight: 28px; vertical-align: top; } .docs-gm .docos-replyview-resolve-button-original { border-radius: 4px; box= -shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, = RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.8= 75rem; letter-spacing: 0.00625rem; line-height: 1rem; background: var(--gm3= -sys-color-surface,#fff); color: var(--gm3-sys-color-primary,#0b57d0); heig= ht: 24px; padding: 3px 12px 5px; border: 1px solid var(--gm3-sys-color-outl= ine-variant,#c4c7c5) !important; } .docs-gm .docos-replyview-resolve-button-original:hover { background: linea= r-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.08)= ,rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.08)),var(--gm= 3-sys-color-primary-container,#d3e3fd); height: 24px; padding: 3px 12px 5px= ; border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) !importa= nt; } .docs-gm .docos-replyview-resolve-button { border-radius: 4px 0px 0px 4px; = display: inline-block; margin: 1px auto auto; padding: 0px; position: relat= ive; top: auto; right: auto; vertical-align: middle; width: 28px; height: 2= 8px; } .docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-replyview-res= olve-button, .docs-gm .docos-anchoreddocoview:hover .docos-replyview-resolv= e-button { opacity: 1; } .docos-anchoredreplyview .docos-replyview-edit { margin-left: 0px; } .docos-anchoredreplyview-origin { overflow-wrap: break-word; color: var(--g= m3-sys-color-on-surface-variant,#444746); margin: 8px -8px 0px; padding: 8p= x 8px 4px; border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); bord= er-top-style: solid; border-top-width: 1px; font-size: 0.6875rem; font-styl= e: italic; } .docs-gm .docos-anchoredreplyview-origin { color: var(--gm3-sys-color-on-su= rface-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .docos-comments-pe .docos-anchoredreplyview-origin { color: var(--gm3-sys-c= olor-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; } .docos-anchoredreplyview .docos-action-text { color: var(--gm3-sys-color-on= -surface-variant,#444746); font-style: italic; overflow-wrap: break-word; } .docs-gm .docos-anchoredreplyview .docos-action-text { color: var(--gm3-sys= -color-on-surface-variant,#444746); font-family: Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 1.25rem; } .docos-action-text-bottom-wrapper { padding: 8px 0px 3px; position: relativ= e; } .docos-anchoreddocoview .docos-anchoredreplyview:last-of-type .docos-action= -text-bottom-wrapper { padding: 8px 0px 0px; } .docos-replyview-emojis-wrapper { display: flex; flex-wrap: wrap; padding-t= op: 3px; } .docos-replyview-emojis-wrapper .docs-material-button-flat-primary { border= : 1px solid rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); border-radius:= 16px; margin: 1.5px; } .docos-replyview-emojis-wrapper .docs-material-button-disabled.docs-materia= l-button-flat-primary { background-image: radial-gradient(var(--gm3-sys-col= or-surface,#fff),var(--gm3-sys-color-primary-container,#d3e3fd)); cursor: i= nherit; } .docs-grille-gm3 .docos-anchoreddocoview .docos-replyview-first.docos-ancho= redreplyview { padding: 16px 16px 8px; } .docs-grille-gm3 .docos-anchoreddocoview .docos-docoview-rootreply :only-ch= ild.docos-anchoredreplyview { padding-bottom: 12px; } .docs-grille-gm3 .docos-anchoreddocoview, .docs-grille-gm3 .docos-anchoredd= ocoview .docos-anchoredreplyview, .docs-grille-gm3 .docos-anchoreddocoview-= input-pane { background: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-gm.docs-grille-gm3.docos-comments-pe .docos-anchoreddocoview { backgr= ound: transparent; } .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview, .docs-grille-g= m3.docs-body-pageless .docos-anchoreddocoview .docos-anchoredreplyview, .do= cs-grille-gm3.docs-body-pageless .docos-anchoreddocoview-input-pane, .docs-= grille-gm3.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview .d= ocos-replyview-reply-count, .docs-grille-gm3.docs-body-pageless .docos-comm= ents-pe .docos-anchoreddocoview-internal { background: var(--gm3-sys-color-= surface-container-low,#f8fafd); } .docs-grille-gm3 .docos-anchoreddocoview, .docs-grille-gm3 .docos-anchoredd= ocoview-input-pane { border-width: medium; border-style: none; border-color= : currentcolor; border-image: none; } .docs-grille-gm3 .docos-anchoreddocoview, .docs-grille-gm3 .docos-anchoredd= ocoview-internal, .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-a= ctive { border-radius: 12px; } .docs-grille-gm3 .docos-anchoreddocoview-fit .docos-anchoreddocoview-intern= al, .docs-grille-gm3 .docos-anchoreddocoview.docos-anchoreddocoview-fit, .d= ocs-grille-gm3 .docos-anchoreddocoview.docos-anchoreddocoview-fit.docos-doc= oview-active { border-radius: 9999px; } .docs-grille-gm3 .docos-input .docos-input-textarea, .docs-grille-gm3 .doco= s-input .docos-input-textarea:focus, .docs-grille-gm3 .docos-streamdocoview= -input-pane .docos-input-textarea, .docs-grille-gm3 .docos-streamdocoview-i= nput-pane.docos-input .docos-input-textarea:focus { background: var(--gm3-s= ys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline,#7477= 75); border-radius: 16px; color: var(--gm3-sys-color-on-surface,#1f1f1f); f= ont-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-seri= f; padding: 8px 7px 8px 16px; } .docs-grille-gm3 .docos-input .docos-input-textarea:focus, .docs-grille-gm3= .docos-streamdocoview-input-pane.docos-input .docos-input-textarea:focus {= padding: 7px 6px 7px 15px; } .docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview, .docs-gr= ille-gm3 .docos-anchoreddocoview-input-pane { border-color: var(--gm3-sys-c= olor-outline-variant,#c4c7c5); margin: 0px 16px; } .docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pa= ne, .docos-comments-pe .docos-anchoreddocoview .docos-anchoredreplyview { b= order-color: var(--gm3-sys-color-outline,#747775); margin: 0px; } .docos-comments-pe .docos-anchoreddocoview .docos-anchoredreplyview { paddi= ng-left: 16px; padding-right: 16px; } .docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body a {= color: var(--gm3-sys-color-primary,#0b57d0); } .docos-comments-pe .docos-anchoreddocoview:hover .docos-anchoreddocoview-in= ternal, .docos-comments-pe .docos-anchoreddocoview:hover .docos-replyview-r= eply-count, .docs-gm.docos.docos-comments-pe .docos-assigneeview.docos-assi= gnee-other, .docs-grille-gm3 .docos-anchoreddocoview:hover, .docs-grille-gm= 3 .docos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane, .docs-g= rille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview { backgrou= nd: var(--gm3-sys-color-surface-container-high,#e9eef6); box-shadow: none; = } .docs-gm .docos.docos-comments-pe .docos-anchoreddocoview:hover { backgroun= d: transparent; } .docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview:not(.d= ocos-minimized-view) { z-index: 501; } .docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos= -docoview-replycontainer > .docos-replyview-comment { display: none; } .docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-doc= oview-replycontainer > .docos-replyview-comment:not(.docos-replyview-delete= d) { display: block; } .docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-doc= oview-replycontainer > .docos-replyview-comment.docos-replyview-deleted { d= isplay: grid; } .docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos= -replyview-reply-count { display: inline-block; margin-right: 0px; } .docos-comments-pe .docos-anchoreddocoview .docos-replyview-reply-count, .d= ocos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-reply= view-reply-count, .docos-comments-pe .docos-anchoreddocoview.docos-docoview= -active .docos-replyview-reply-count-container, .docos-comments-pe .docos-a= nchoreddocoview:not(.docos-minimized-view-mode) .docos-replyview-reply-coun= t-container { display: none; } .docs-body-pageless .docos .docos-comments-pe .docos-assigneeview, .docs-bo= dy-pageless .docos-comments-pe .docos-anchoreddocoview:hover .docos-anchore= ddocoview-internal, .docs-body-pageless .docos-comments-pe .docos-anchoredd= ocoview:hover .docos-replyview-reply-count, .docs-grille-gm3.docs-body-page= less .docos-anchoreddocoview:hover, .docs-grille-gm3.docs-body-pageless .do= cos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane, .docs-grille= -gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-anchoredreplyv= iew { background: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active, .do= cs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active:hover, = .docs-grille-gm3.docs-gm .docos-comments-pe .docos-docoview-active .docos-a= nchoreddocoview-internal, .docs-grille-gm3.docs-gm .docos-comments-pe .doco= s-docoview-active.docos-anchoreddocoview:hover .docos-anchoreddocoview-inte= rnal, .docs-grille-gm3.docs-gm .docos-docoview-active .docos-anchoreddocovi= ew-input-pane, .docs-grille-gm3.docs-gm .docos-docoview-active .docos-ancho= redreplyview, .docs-grille-gm3.docs-gm .docos-docoview-active:hover .docos-= anchoreddocoview-input-pane, .docs-grille-gm3.docs-gm .docos-docoview-activ= e:hover .docos-anchoredreplyview { background: var(--gm3-sys-color-surface,= #fff); } .docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google= Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-grille-gm3 .docos-anchoreddocoview:has(.docosAiPreviewDiffVisibleSugg= estionViewContent) { box-shadow: rgba(49, 134, 255, 0.3) 0px 1px 2px 0px, r= gba(49, 134, 255, 0.15) 0px 1px 3px 1px; } .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active, .docs-grill= e-gm3 .docos-anchoreddocoview.docos-docoview-active:hover { box-shadow: 0 1= px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active:has(.docosAi= PreviewDiffVisibleSuggestionViewContent), .docs-grille-gm3 .docos-anchoredd= ocoview.docos-docoview-active:hover:has(.docosAiPreviewDiffVisibleSuggestio= nViewContent) { box-shadow: rgba(49, 134, 255, 0.3) 0px 1px 3px 0px, rgba(4= 9, 134, 255, 0.15) 0px 4px 8px 3px; } .docs-grille-gm3 .docos-anchoredreplyview-buttonholder { opacity: 0; transi= tion: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion, .docs-g= rille-gm3 .docos-anchoredreplyview .docos-reject-suggestion, .docs-grille-g= m3 .docos-replyview-resolve-button { border-width: medium; border-style: no= ne; border-color: currentcolor; border-image: none; } .docs-grille-gm3 .docos-anchoreddocoview .docos-accept-suggestion, .docs-gr= ille-gm3 .docos-anchoreddocoview .docos-reject-suggestion, .docs-grille-gm3= .docos-anchoreddocoview.docos-docoview-active .docos-anchoredreplyview-but= tonholder, .docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredre= plyview-buttonholder { opacity: 1; } .docs-grille-gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-a= uthor { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-grille-gm3 .docos-anchoredreplyview .docos-action-text, .docs-grille-= gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp, .do= cs-grille-gm3 .docos-streamdocoview .docos-action-text, .docs-grille-gm3.do= cs-gm .docos-xeditor .docos-streamdocoview-timestamp { color: var(--gm3-sys= -color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; font-style: nor= mal; } .docs-grille-gm3 .docos-root-reply-action-text-wrapper { padding-bottom: 2p= x; } .docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion div, .do= cs-grille-gm3 .docos-anchoredreplyview .docos-reject-suggestion div { margi= n-top: 2px; } .docs-grille-gm3 .docos-anchoreddocoview-input-pane { padding: 0px 0px 16px= ; } .docos-comments-pe .docos-anchoreddocoview-input-pane { padding: 0px 16px 1= 6px; } .docs-grille-gm3 .docos-showrepliesbutton { margin: 0px 16px; } .docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed= -internal, .docs-grille-gm3 .docos-showrepliesbutton, .docs-grille-gm3 .doc= os-showrepliesbutton-collapsed { background: none; color: var(--gm3-sys-col= or-on-surface-variant,#444746); font: 500 14px / 20px "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antial= iased; } .docos-comments-pe .docos-anchoreddocoview .docos-showrepliesbutton-collaps= ed-internal, .docos-comments-pe .docos-showrepliesbutton, .docos-comments-p= e .docos-showrepliesbutton-collapsed { color: var(--gm3-sys-color-primary,#= 0b57d0); } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal, .docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutto= n-collapsed-internal { border-radius: 9999px; margin: 0px 8px; padding: 2px= 8px; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal-container, .docs-grille-gm3 .docos-showrepliesbutton-collapsed-in= ternal-container { background: var(--gm3-sys-color-surface-container,#f0f4f= 9); display: inline-block; position: relative; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal-container, .docs-grille-gm3.docs-body-pageless .docos-showreplies= button-collapsed-internal-container { background: var(--gm3-sys-color-surfa= ce-container-low,#f8fafd); } .docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview.docos-= docoview-active .docos-showrepliesbutton-collapsed-internal, .docos-comment= s-pe.docs-docos-activity-sidebar .docos-streamdocoview:hover .docos-showrep= liesbutton-collapsed-internal, .docs-grille-gm3 .docos-anchoreddocoview.doc= os-docoview-active .docos-showrepliesbutton-collapsed-internal, .docs-grill= e-gm3 .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-inte= rnal { color: var(--gm3-sys-color-primary,#0b57d0); text-decoration: none; = } .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-showr= epliesbutton-collapsed-internal-container, .docs-grille-gm3 .docos-anchored= docoview:hover .docos-showrepliesbutton-collapsed-internal-container { back= ground: var(--gm3-sys-color-surface-container-high,#e9eef6); } .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-docoview-= active .docos-showrepliesbutton-collapsed-internal-container, .docs-grille-= gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-showrepliesbutt= on-collapsed-internal-container { background: var(--gm3-sys-color-surface-c= ontainer,#f0f4f9); } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal:hover, .docs-grille-gm3 .docos-anchoreddocoview .docos-showreplie= sbutton-collapsed-internal:hover { background-color: rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.08); } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal:active, .docos-comments-pe .docos-streamdocoview .docos-showrepli= esbutton-collapsed-internal:focus, .docs-grille-gm3 .docos-anchoreddocoview= .docos-showrepliesbutton-collapsed-internal:active, .docs-grille-gm3 .doco= s-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:focus { back= ground-color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-grille-gm3 .docos-replyview-body-emoji-reactable-background { backgro= und-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); = border-radius: 8px; outline: transparent solid 1px; } .docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-rais= ed-default { box-shadow: 0 2px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,= 0),.3),0 6px 10px 4px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); opac= ity: inherit; padding: 0px; } .docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-flat= -primary { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); marg= in: 2px; } .docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-focu= sed, .docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button= -hover { border-color: transparent; box-shadow: 0 1px 2px rgba(var(--gm3-sy= s-color-shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shadow= -rgb,0,0,0),.15); } .docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-disa= bled .docs-material-button-content { background-color: var(--gm3-sys-color-= surface-variant,#e1e3e1); background-image: none; } .docs-grille-gm3 .docos-anchoreddocoview .docos-show-less, .docs-grille-gm3= .docos-anchoreddocoview .docos-show-more, .docs-grille-gm3 .docos-replyvie= w-first .docos-show-more { background: var(--gm3-sys-color-surface-containe= r,#f0f4f9); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ari= al, sans-serif; } .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview .docos-show-les= s, .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview .docos-show-= more, .docs-grille-gm3.docs-body-pageless .docos-replyview-first .docos-sho= w-more { background: var(--gm3-sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-tesla-conflict:hove= r .docos-show-more, .docs-grille-gm3 .docos-anchoreddocoview:hover .docos-r= eplyview-first .docos-show-more, .docs-grille-gm3 .docos-anchoreddocoview:h= over .docos-show-less, .docs-grille-gm3 .docos-anchoreddocoview:hover .doco= s-show-more { background: var(--gm3-sys-color-surface-container-high,#e9eef= 6); } .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-docoview-= tesla-conflict:hover .docos-show-more, .docs-grille-gm3.docs-body-pageless = .docos-anchoreddocoview:hover .docos-replyview-first .docos-show-more, .doc= s-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-show-l= ess, .docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .doc= os-show-more { background: var(--gm3-sys-color-surface-container,#f0f4f9); = } .docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active .doc= os-show-less, .docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docovi= ew-active .docos-show-more, .docs-grille-gm3.docs-gm .docos-docoview-active= .docos-docoview-tesla-conflict:hover .docos-show-more { background: var(--g= m3-sys-color-surface,#fff); } .docs-grille-gm3 .docos-anchoredreplyview-avatar-holder { max-width: 34px; = width: 34px; } .docs-grille-gm3 .docos-anchoredreplyview-header .docos-avatar { margin: 0p= x; } .docs-grille-gm3 .docos-replyview-first .docos-anchoredreplyview-buttonhold= er { padding: 0px; } .docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview { heig= ht: 81px; } .docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview-emoji-= reactions > .docos-replyview-static { height: 87px; } .docs-grille-gm3.docs-gm .docos-new-tag.docos-new-tag { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); font: 500 11px / 16px "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-grille-gm3 .docos-show-less, .docs-grille-gm3 .docos-show-more { colo= r: var(--gm3-sys-color-primary,#0b57d0); text-decoration: none; } .docs-grille-gm3 .docos-streamdocoview-body .docos-replyview-body { color: = var(--gm3-sys-color-on-surface-variant,#444746); } .docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body spa= n, .docs-grille-gm3 .docos-streamdocoview-body .docos-replyview-body span {= color: var(--gm3-sys-color-on-surface-variant,#444746) !important; } .docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs-material-but= ton-focused, .docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs= -material-button-hover { padding: 0px; } .docos-comments-pe .docos-anchoredreplyview { border-top-width: medium; bor= der-top-style: none; border-top-color: currentcolor; } @media screen and (forced-colors: active) { .docos-anchoreddocoview .docos-selected-find-match, .docos-anchoredreplyv= iew .docos-find-match { background-color: highlight; color: highlighttext; = } .docos-replyview-body-emoji-reactable-background, .docos-replyview-emoji-= controls .docs-material-button-raised-default { outline: highlight solid 1p= x; } } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-rep= lyview-emojis-wrapper { margin: revert; padding: revert; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted, .docos-an= choredreplyview.docos-replyview.docos-replyview-deleted + .docos-replyview:= not(.docos-replyview-deleted), .docos-anchoredreplyview.docos-replyview.doc= os-replyview-deleted + .docos-showrepliesbutton[style*=3D"display: none"] += .docos-replyview:not(.docos-replyview-deleted) { border-top: 1px dashed va= r(--gm3-sys-color-outline-variant,#c4c7c5); } .docos-comments-pe .docos-anchoreddocoview-internal { display: flex; flex-d= irection: column; } .docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pa= ne, .docos-comments-pe .docos-anchoreddocoview-content.docos-anchoreddocovi= ew-draft, .docos-comments-pe .docos-anchoreddocoview-content.docos-docoview= -replycontainer { flex-shrink: 0; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-col= lapsible-replyview { grid-column-start: 2; order: 1; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anc= horedreplyview-header { align-items: center; justify-content: flex-end; mar= gin: 0px; order: 2; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-att= ribution-warning { grid-column-end: span 3; grid-row: 2; } .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anc= horedreplyview-authortimestamp, .docos-anchoredreplyview.docos-replyview.do= cos-replyview-deleted .docos-anchoredreplyview-avatar-holder { display: non= e; } @supports (-webkit-line-clamp:1) or (line-clamp:1) { .docos-anchoreddocoview:not(.docos-docoview-active) .docos-replyview.doco= s-replyview-suggest.docos-enable-suggestion-view-update .docos-replyview-bo= dy.docos-anchoredreplyview-body { display: -webkit-box; overflow: hidden; -= webkit-box-orient: vertical; -webkit-line-clamp: 1; } } .docos-approver-badge-container { width: fit-content; } .docos-approver-badge { align-items: center; border-radius: 12px; cursor: p= ointer; display: flex; height: 24px; margin: 4px 0px 8px; outline: transpar= ent solid 1px; padding: 2px 8px; } .docos-approver-badge.docs-hc-gecko { border: 1px solid transparent; } .docos-approver-badge .docs-material .docs-icon-approvals-stamp { color: va= r(--gm3-sys-color-primary,#0b57d0); } .docos-approver-badge-text { color: var(--gm3-sys-color-primary,#0b57d0); f= ont: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; padding: 0px 8px; } .docos-approver-badge:hover { background: rgba(var(--gm3-sys-color-primary-= rgb,11,87,208),.08); } .docos-approver-badge:active, .docos-approver-badge:focus { background: rgb= a(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docos-assigneeview { border-bottom: solid var(--gm3-sys-color-outline-vari= ant,#c4c7c5) 1px; padding: 7px 10px 7px 8px; } .docs-gm .docos-assigneeview { border-bottom: solid var(--gm3-sys-color-out= line-variant,#c4c7c5) 1px; padding: 12px; } .docs-gm.docos-xeditor .docos-streamdocoview-content .docos-assigneeview .d= ocos-assigneeview-icon-container { position: absolute; right: 16px; } .docos-assigneeview table { border-spacing: 0px; width: 100%; } .docos-assigneeview.docos-assignee-other { background-color: var(--gm3-sys-= color-surface-container,#f0f4f9); color: var(--gm3-sys-color-on-surface,#1f= 1f1f); } .docs-gm .docos-assigneeview.docos-assignee-other { background-color: var(-= -gm3-sys-color-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-su= rface,#1f1f1f); } .docos-assigneeview.docos-assignee-you { background-color: var(--gm3-sys-co= lor-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docos.docs-gm .docos-assigneeview.docos-assignee-you { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,= #fff); } .docs-gm .docos-assigneeview-avatar-container { padding: 2px; } .docos-assigneeview-avatar.docos-avatar { position: relative; display: bloc= k; } .docos-assigneeview-assigneeinfo { padding: 0px 0px 0px 10px; width: 100%; = max-width: 135px; } .docs-gm .docos-assigneeview-label { font-family: Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 1rem; } .docs-gm.docos-xeditor .docos-assigneeview-label { font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docos-assigneeview-assignee-text { font-weight: 500; overflow: hidden; tex= t-overflow: ellipsis; white-space: nowrap; } .docs-gm .docos-assigneeview-assignee-text { font-family: Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; le= tter-spacing: 0.00625rem; line-height: 1.25rem; } .docos-assigneeview .docos-icon-checkmark-black { margin-top: 1px; } .docos-assigneeview .docos-icon-checkmark-white { margin-top: 6px; } .docs-gm .docos-assigneeview .docos-icon-checkmark-white { margin-top: 1px;= } .docos-assigneeview .docos-mark-done-button { width: 28px; height: 28px; mi= n-width: 28px; padding: 0px; margin: 0px; background: none; } .docos-assigneeview .docos-mark-done-button-black { opacity: 0.2; } .docos.docs-gm .docos-assigneeview .docos-mark-done-button-black { opacity:= 1; } .docos-assigneeview .docos-mark-done-button-white { border: 1px solid rgba(= var(--gm3-sys-color-surface-rgb,255,255,255),.38); opacity: 0.7; } .docos-assigneeview .docos-mark-done-button-white:hover { border: 1px solid= var(--gm3-sys-color-surface,#fff); opacity: 1; background: none; } .docs-gm .docos-assigneeview .docos-mark-done-button-white { border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= opacity: 1; } .docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assignee= container { margin: -15px -15px 0px; padding-bottom: 12px; } .docos-comments-pe .docos-streamdocoview .docos-assigneeview, .docos-xedito= r .docos-streamdocoview-content .docos-assigneeview { align-items: center; = border-width: medium; border-style: none; border-color: currentcolor; borde= r-image: none; box-sizing: border-box; border-radius: 4px; display: flex; j= ustify-content: space-between; margin: 5px; } .docs-grille-gm3.docos-comments-pe .docos-streamdocoview .docos-assigneevie= w { border-radius: 12px 12px 0px 0px; margin: 0px; padding: 0px 16px; } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assi= gnee-other { color: var(--gm3-sys-color-primary,#0b57d0); } .docos-comments-pe .docos-assigneeview.docos-assignee-other { display: none= ; } .docos-comments-pe .docos-streamdocoview .docos-assigneeview.docos-assignee= -you { display: flex; } .docos-comments-pe .docos-anchoreddocoview .docos-assigneeview.docos-assign= ee-you { display: block; } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assi= gnee-you .docos-assigneeview-assignee-text { text-transform: uppercase; } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label { fo= nt-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.= 875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; overflow: hidden;= text-overflow: ellipsis; white-space: nowrap; } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-assignee-t= ext { margin-left: 4px; max-width: 195px; } .docos-xeditor .docos-streamdocoview-content .docos-mark-done-button { marg= in: 0px; } .docs-grille-gm3 .docos-assigneeview { border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; padding: 1px 16px; } .docs-grille-gm3 .docos-assigneeview-assigneeinfo { align-items: center; di= splay: flex; height: 38px; max-width: 210px; padding: 0px; } .docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-you { background= -color: var(--gm3-sys-color-primary-container,#d3e3fd); color: var(--gm3-sy= s-color-on-primary-container,#0842a0); } .docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-other { backgrou= nd-color: inherit; color: var(--gm3-sys-color-on-surface-variant,#444746); = } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label, .do= cs-grille-gm3 .docos-assigneeview-assignee-text, .docs-grille-gm3 .docos-as= signeeview-label { display: inline-block; font: 500 12px / 16px "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; vertical-align: midd= le; white-space: nowrap; } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label { di= splay: flex; } .docs-grille-gm3 .docos-assigneeview-assignee-text { margin: 0px 3px; } .docs-grille-gm3 .docos-assigneeview .docos-icon-checkmark-black { margin-t= op: 4px; } .docs-grille-gm3 .docos .docos-assigneeview .docos-mark-done-button { backg= round: none; border-radius: 9999px; height: 32px; width: 32px; margin: 0px;= border: 1px solid transparent !important; } .docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-hov= er { background-image: none; background-position: initial; background-size:= initial; background-repeat: initial; background-attachment: initial; backg= round-origin: initial; background-clip: initial; border-radius: 9999px; hei= ght: 32px; width: 32px; background-color: rgba(var(--gm3-sys-color-on-surfa= ce-variant-rgb,68,71,70),.08); border: 1px solid transparent !important; } .docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-act= ive, .docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-butto= n-focused { background-image: none; background-position: initial; backgroun= d-size: initial; background-repeat: initial; background-attachment: initial= ; background-origin: initial; background-clip: initial; border-radius: 9999= px; height: 32px; width: 32px; background-color: rgba(var(--gm3-sys-color-o= n-surface-variant-rgb,68,71,70),.1); border: 1px solid transparent !importa= nt; } .docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assignee= container { padding-bottom: 8px; } .docs-grille-gm3 .docos-assignee-you .docos-mark-done-button .docs-icon-img= { content: url("https://ssl.gstatic.com/docs/common/material_common_sprite= 1060_blue.svg"); } .docs-grille-gm3 .docos-assignee-other .docos-mark-done-button .docs-icon-i= mg { content: url("https://ssl.gstatic.com/docs/common/material_common_spri= te1060_gm3_grey_medium.svg"); left: -8364px; top: -94px; } .docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-assig= nee-other .docos-mark-done-button .docs-icon-img { left: -8392px; top: -94p= x; } .docs-grille-gm3.docs-gm .docos-assigneeview.docos-assignee-you .docos-assi= gneeview-assignee-text { text-transform: lowercase; } .docs-grille-gm3 .docos .docos-assigneeview td:last-child { text-align: end= ; } .docos-comments-pe .docos-streamdocoview .docos-streamdocoview-assigneecont= ainer { margin: -1px; padding-bottom: 0px; } .CSS_ASSISTED_WRITING_TYPEAHEAD_CONTAINER { color: var(--gm3-sys-color-on-s= urface-variant,#444746) !important; } .docos-ac { background: var(--gm3-sys-color-surface,#fff); border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); font-family: Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; margin: 0px; padding: 4px 0px; positio= n: absolute; z-index: 900; } .docs-gm .docos-ac { border-color: transparent; border-radius: 8px; box-sha= dow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); padding= : 9px 0px; } .docos-ac div { cursor: pointer; } .docos-ac .ac-row { height: auto; padding: 0px; } .docos-ac .ac-active { background: linear-gradient(rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-surface-rgb,31,3= 1,31),.08)),var(--gm3-sys-color-surface,#fff); } .docos-ac div.active { background: linear-gradient(rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-surface-rgb,31,3= 1,31),.08)),var(--gm3-sys-color-surface,#fff); } .docs-gm .docos-ac .ac-active, .docs-gm .docos-ac div.active { background: = linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1),rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),.1)),var(--gm3-sys-color-surfa= ce,#fff); } .docos-ac-highlighted { font-weight: 700; } .docos-availability-banner.goog-inline-block { background-color: var(--ws-s= ys-color-extended-yellow-tonal,#fff2b4); padding: 8px 0px 8px 14px; margin:= 12px 0px 8px; display: flex; align-items: center; outline: transparent sol= id 1px; } .docs-gm .docos-anchoreddocoview .docos-availability-banner { left: -12px; = width: 268px; } .docos-anchoreddocoview .docos-availability-banner { left: -8px; width: 226= px; } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-= availability-banner-container { display: flex; flex-direction: row; width: = calc(100% + 24px); } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-= availability-banner { width: calc(100% - 12px); } .docos-anchoreddocoview .docos-xeditor.docos-availability-banner, .docs-gm = .docos-anchoreddocoview .docos-xeditor.docos-availability-banner { border-r= adius: 4px; left: 0px; width: inherit; } .docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-= xeditor.docos-availability-banner { width: calc(100% - 36px); } .docos-streamdocoview .docos-availability-banner { left: -56px; width: 281p= x; } .docos-streamdocoview .docos-xeditor.docos-availability-banner { border-rad= ius: 4px; left: 0px; width: inherit; } .availability-icon-size { width: 18px; height: 18px; margin: 1px 2px 2px 1p= x; } .docs-gm .docos .jfk-button.availability-banner-info { margin-right: 0px; } .docs-gm .docos-layout-anchored-auto-resize .jfk-button.availability-banner= -info { margin-left: auto; } .docs-gm .docos-availability-banner-text { font-size: 0.75rem; width: 195px= ; padding-left: 10px; } .docs-gm .docos-layout-anchored-auto-resize .docos-availability-banner-text= { width: auto; } .docos-availability-banner-text { font-size: 0.75rem; width: 188px; overflo= w: hidden; text-overflow: ellipsis; } .docos-xeditor .docos-availability-banner-text { width: inherit; } .docos .docos-availability-banner .jfk-button-standard { min-width: 21px; p= adding: 0px 2px; vertical-align: middle; } .docos .jfk-button.availability-banner-info { margin-right: 10px; } .docos-comments-pe .docos-streamdocoview .docos-availability-banner-contain= er { margin-left: 0px; } .availability-details-dialog { min-width: 464px; } .availability-details-dialog .docs-material-gm-dialog-content, .availabilit= y-details-dialog .docs-material-gm-dialog-title { padding-bottom: 0px; } .availability-details-dialog .availability-details-help { cursor: pointer; = float: right; } .availability-details-dialog .availability-details-desc { color: var(--gm3-= sys-color-on-surface-variant,#444746); font: 0.875rem / 1.25rem Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; margin-bottom: 16px; } .availability-details-dialog .availability-details-row { padding-bottom: 12= px; } .availability-details-dialog .availability-details-photo { border-radius: 9= 999px; float: left; height: 32px; margin-right: 16px; } .availability-details-dialog .availability-details-name { color: var(--gm3-= sys-color-on-surface,#1f1f1f); font: 0.875rem / 1.25rem Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; letter-spacing: 0.00625rem; } .availability-details-dialog .availability-details-status { color: var(--gm= 3-sys-color-on-surface-variant,#444746); font: 0.75rem / 1rem Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; letter-spacing: 0.00625rem; } .docos-avatar { left: 0px; position: absolute; object-fit: cover; } .docs-gm .docos-avatar { border-radius: 9999px; } .docos-avatar-unverified { opacity: 0.4; } .docs-gm .docos-avatar-unverified { background-color: var(--gm3-sys-color-s= urface,#fff); opacity: 1; } .docos-build-info { font-family: Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; color: var(--ws-sys-color-extended-grey-tonal,#e3e3e3); text-align= : right; padding-right: 30px; } .docos-build-info a { color: var(--ws-sys-color-extended-grey-tonal,#e3e3e3= ); } div.docs-material-gm-checkbox, span.docs-material-gm-checkbox { border: 2px= solid var(--gm3-sys-color-on-surface-variant,#444746); border-radius: 2px;= box-sizing: border-box; cursor: pointer; height: 18px; margin: 1px; outlin= e: none; flex-shrink: 0; top: 4px; width: 18px; display: inline-block; vert= ical-align: middle; } div.docs-material-gm-checkbox-checked, div.docs-material-gm-checkbox-undete= rmined, span.docs-material-gm-checkbox-checked, span.docs-material-gm-check= box-undetermined { background-color: var(--gm3-sys-color-primary,#0b57d0); = border: 2px solid var(--gm3-sys-color-primary,#0b57d0); } div.docs-material-gm-checkbox-checked::before, span.docs-material-gm-checkb= ox-checked::before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz= 0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZT= WluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uMDQuNjI3= LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiI= vPjwvc3ZnPg=3D=3D"); display: block; line-height: 1rem; } @media screen and (forced-colors: active) and (prefers-color-scheme: light)= { div.docs-material-gm-checkbox-checked::before, span.docs-material-gm-chec= kbox-checked::before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxu= cz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5= ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9ImNhbnZhc3RleHQiIGQ9Ik= 0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuM= zIzLjkxeiIvPjwvc3ZnPg=3D=3D"); } } div.docs-material-gm-checkbox-undetermined::before, span.docs-material-gm-c= heckbox-undetermined::before { border-top: 2px solid rgb(255, 255, 255); co= ntent: ""; display: block; height: 0px; margin-left: 3px; margin-top: 6px; = width: 8px; } div.docs-material-gm-checkbox-focused, span.docs-material-gm-checkbox-focus= ed { border: 2px solid var(--gm3-sys-color-primary,#0b57d0); } div.docs-material-gm-checkbox-disabled, span.docs-material-gm-checkbox-disa= bled { cursor: default; opacity: 0.38; } div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked, s= pan.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked { = background-clip: padding-box; background-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); border-color: var(--gm3-sys-color-on-surface-variant,= #444746); opacity: 0.38; } div.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused, sp= an.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused { ba= ckground-color: var(--gm3-sys-color-primary,#0b57d0); border: 2px solid var= (--gm3-sys-color-primary,#0b57d0); } div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undetermin= ed, span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undet= ermined { background-clip: padding-box; background-color: var(--gm3-sys-col= or-on-surface-variant,#444746); border-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); opacity: 0.38; } @media screen and (forced-colors: active) { .docs-material-gm-checkbox-active .docs-material-gm-checkbox-circle, .doc= s-material-gm-checkbox-focused .docs-material-gm-checkbox-circle { backgrou= nd-color: highlight; opacity: 0.38; z-index: -1; } div.docs-material-gm-checkbox-disabled, span.docs-material-gm-checkbox-di= sabled { border-color: graytext; opacity: 1; } div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked,= span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked = { border-color: graytext; opacity: 1; } } .docs-material-gm-labeled-checkbox { align-items: flex-start; cursor: point= er; display: flex; max-width: 672px; outline: none; padding: 8px 0px; posit= ion: relative; width: 100%; } .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabl= ed { cursor: default; } .docs-material-gm-labeled-checkbox-content { flex-shrink: 1; margin-left: 1= 2px; } .docs-material-gm-labeled-checkbox-circle { width: 40px; height: 40px; bord= er-radius: 9999px; cursor: pointer; margin-left: -10px; margin-top: -10px; = position: absolute; } .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-check= box-circle { cursor: default; } .docs-material-gm-labeled-checkbox-checkbox { border: 2px solid var(--gm3-s= ys-color-on-surface-variant,#444746); border-radius: 2px; box-sizing: borde= r-box; cursor: pointer; height: 18px; margin: 1px; outline: none; flex-shri= nk: 0; top: 4px; width: 18px; } .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkb= ox-checked, .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-la= beled-checkbox-undetermined { background-color: var(--gm3-sys-color-primary= ,#0b57d0); border: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkb= ox-checked::before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz= 0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZT= WluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uMDQuNjI3= LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiI= vPjwvc3ZnPg=3D=3D"); display: block; line-height: 1rem; } @media screen and (forced-colors: active) and (prefers-color-scheme: light)= { .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-chec= kbox-checked::before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxu= cz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5= ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9ImNhbnZhc3RleHQiIGQ9Ik= 0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuM= zIzLjkxeiIvPjwvc3ZnPg=3D=3D"); } } .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkb= ox-undetermined::before { border-top: 2px solid rgb(255, 255, 255); content= : ""; display: block; height: 0px; margin-left: 3px; margin-top: 6px; width= : 8px; } .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-check= box-checkbox { cursor: default; opacity: 0.38; } .docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox= -circle { background-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; opacity: 0.04; } .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkb= ox-circle { background-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); opacity: 0.06; } .docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbo= x-circle { background-color: var(--gm3-sys-color-on-surface-variant,#444746= ); opacity: 0.1; } .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-check= box-checkbox.docs-material-gm-labeled-checkbox-checked, .docs-material-gm-l= abeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-m= aterial-gm-labeled-checkbox-undetermined { background-clip: padding-box; ba= ckground-color: var(--gm3-sys-color-on-surface-variant,#444746); border-col= or: var(--gm3-sys-color-on-surface-variant,#444746); opacity: 0.38; } .docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox= -checked + .docs-material-gm-labeled-checkbox-circle { background-color: va= r(--gm3-sys-color-primary,#0b57d0); opacity: 0.04; } .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkb= ox-checked + .docs-material-gm-labeled-checkbox-circle { background-color: = var(--gm3-sys-color-primary,#0b57d0); opacity: 0.06; } .docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbo= x-checked + .docs-material-gm-labeled-checkbox-circle { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); opacity: 0.1; } .docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label= { color: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: pointer; display= : block; font: 0.875rem / 1rem Roboto, RobotoDraft, Helvetica, Arial, sans-= serif; padding: 3px 0px; width: auto; overflow-wrap: break-word; } .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabl= ed .docs-material-gm-labeled-checkbox-label { cursor: default; opacity: 0.3= 8; } .docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-descr= iption { color: var(--gm3-sys-color-on-surface-variant,#444746); font-famil= y: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; p= adding: 1px 0px; width: 100%; } .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabl= ed .docs-material-gm-labeled-checkbox-description { opacity: 0.38; } .docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-descr= iption-hide { display: none; } @media screen and (forced-colors: active) { .docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-check= box-checked + .docs-material-gm-labeled-checkbox-circle, .docs-material-gm-= labeled-checkbox-active .docs-material-gm-labeled-checkbox-circle, .docs-ma= terial-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-check= ed + .docs-material-gm-labeled-checkbox-circle, .docs-material-gm-labeled-c= heckbox-focused .docs-material-gm-labeled-checkbox-circle { background-colo= r: highlight; opacity: 0.38; z-index: -1; } .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-che= ckbox-checkbox, .docs-material-gm-labeled-checkbox-disabled .docs-material-= gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked { bo= rder-color: graytext; opacity: 1; } .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disa= bled .docs-material-gm-labeled-checkbox-description, .docs-material-gm-labe= led-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-l= abeled-checkbox-label { color: graytext; opacity: 1; } } .docs-material-gm-unlabeled-checkbox { align-items: flex-start; cursor: poi= nter; display: flex; max-width: 672px; outline: none; padding: 8px 0px; pos= ition: relative; width: 100%; } .docs-material-gm-unlabeled-checkbox.docs-material-gm-unlabeled-checkbox-di= sabled { cursor: default; } .docs-material-gm-unlabeled-checkbox-circle { width: 40px; height: 40px; bo= rder-radius: 9999px; cursor: pointer; margin-left: -10px; margin-top: -10px= ; position: absolute; } .docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-c= heckbox-circle { cursor: default; } .docs-material-gm-unlabeled-checkbox-checkbox { border: 2px solid var(--gm3= -sys-color-on-surface-variant,#444746); border-radius: 2px; box-sizing: bor= der-box; cursor: pointer; height: 18px; margin: 1px; outline: none; flex-sh= rink: 0; top: 4px; width: 18px; } .docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-ch= eckbox-checkbox, .docs-material-gm-unlabeled-checkbox-undetermined .docs-ma= terial-gm-unlabeled-checkbox-checkbox { background-color: var(--gm3-sys-col= or-primary,#0b57d0); border: 2px solid var(--gm3-sys-color-primary,#0b57d0)= ; } .docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-ch= eckbox-checkbox::before { content: url("data:image/svg+xml;base64,PHN2ZyB4b= Wxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhN= aW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0uMDQ= uNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLj= kxeiIvPjwvc3ZnPg=3D=3D"); display: block; line-height: 1rem; } .docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabel= ed-checkbox-checkbox::before { border-top: 2px solid rgb(255, 255, 255); co= ntent: ""; display: block; height: 0px; margin-left: 3px; margin-top: 6px; = width: 8px; } .docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-c= heckbox-checkbox { cursor: default; opacity: 0.38; } .docs-material-gm-unlabeled-checkbox-hover .docs-material-gm-unlabeled-chec= kbox-circle { background-color: var(--gm3-sys-color-on-surface-variant,#444= 746); opacity: 0.04; } .docs-material-gm-unlabeled-checkbox-focused .docs-material-gm-unlabeled-ch= eckbox-circle { background-color: var(--gm3-sys-color-on-surface-variant,#4= 44746); opacity: 0.06; } .docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-che= ckbox-circle { background-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); opacity: 0.1; } .docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-ch= eckbox-checked .docs-material-gm-unlabeled-checkbox-checkbox, .docs-materia= l-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-undete= rmined .docs-material-gm-unlabeled-checkbox-checkbox { background-clip: pad= ding-box; background-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; border-color: var(--gm3-sys-color-on-surface-variant,#444746); opacity: 0= .38; } .docs-material-gm-unlabeled-checkbox-hover.docs-material-gm-unlabeled-check= box-checked .docs-material-gm-unlabeled-checkbox-circle { background-color:= var(--gm3-sys-color-primary,#0b57d0); opacity: 0.04; } .docs-material-gm-unlabeled-checkbox-focused.docs-material-gm-unlabeled-che= ckbox-checked .docs-material-gm-unlabeled-checkbox-circle { background-colo= r: var(--gm3-sys-color-primary,#0b57d0); opacity: 0.06; } .docs-material-gm-unlabeled-checkbox-active.docs-material-gm-unlabeled-chec= kbox-checked .docs-material-gm-unlabeled-checkbox-circle { background-color= : var(--gm3-sys-color-primary,#0b57d0); opacity: 0.1; } @media screen and (forced-colors: active) and (prefers-color-scheme: light)= { .docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-= checkbox-checkbox::before { content: url("data:image/svg+xml;base64,PHN2ZyB= 4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89In= hNaW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9ImNhbnZhc3RleHQiI= GQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4y= NzMuMzIzLjkxeiIvPjwvc3ZnPg=3D=3D"); } .docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-c= heckbox-circle, .docs-material-gm-unlabeled-checkbox-focused .docs-material= -gm-unlabeled-checkbox-circle { background-color: highlight; opacity: 0.38;= z-index: -1; } .docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled= -checkbox-checkbox, .docs-material-gm-unlabeled-checkbox-disabled.docs-mate= rial-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-che= ckbox, .docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlab= eled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox { = border-color: graytext; opacity: 1; } } .docos-calltoactionview { min-height: 36px; } .docos-calltoactionview-container { background: var(--gm3-sys-color-surface= -container,#f0f4f9); padding: 8px; } .docs-gm .docos-calltoactionview-container { background: var(--gm3-sys-colo= r-surface,#fff); padding: 16px; } .docos-calltoactionview-header-image { max-width: 100%; margin-bottom: 18px= ; } .docos-comments-pe .docos-calltoactionview .docos-anchoreddocoview-minimize= d, .docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-calltoactionvie= w.docos-minimized-view:hover, .docs-gm.docos-comments-pe .docos-calltoactio= nview.docos-anchoreddocoview.docos-minimized-view { border-radius: 9999px; = } .docos-calltoactionview-header { align-items: center; color: var(--gm3-sys-= color-on-surface,#1f1f1f); display: flex; line-height: 1.25rem; font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 500; vertical-align: top; width: 100%; } .visual-treatment-meeting-notes .docos-calltoactionview-header { color: var= (--gm3-sys-color-on-surface,#1f1f1f); font-size: 1rem; } .docos-calltoactionview-header-icon { left: -3px; margin-right: 3px; positi= on: relative; } .docs-material .docs-icon.docos-calltoactionview-header-icon-container { he= ight: 24px; width: 24px; } .docos-calltoactionview-body { padding: 12px 0px; } .visual-treatment-meeting-notes .docos-calltoactionview-body { color: var(-= -gm3-sys-color-on-surface,#1f1f1f); } .visual-treatment-meeting-notes-attach-files .docos-calltoactionview-body a= { display: inline-block; font-size: 0.875rem; line-height: 1.25rem; overfl= ow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .visual-treatment-meeting-notes-attach-files .docos-calltoactionview-collap= sible { font-size: 0px; line-height: 0; } .docos-calltoactionview-collapsible { font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height:= 1.25rem; overflow: hidden; } .docos-calltoactionview-body a { color: var(--gm3-sys-color-primary,#0b57d0= ); } .docos-calltoactionview-checkbox-container { border-bottom: 1px solid var(-= -gm3-sys-color-outline-variant,#c4c7c5); margin-bottom: 16px; padding-botto= m: 16px; padding-top: 4px; } .docos-calltoactionview-checkbox-container .docs-material-gm-checkbox { cur= sor: pointer; } .docos-calltoactionview-dont-show-again-checkbox { margin-bottom: 10px; } .docos-calltoactionview-dont-show-again-label { color: var(--gm3-sys-color-= on-surface,#1f1f1f); padding-left: 10px; position: relative; top: 2px; } .docos-calltoactionview-show-less, .docos-calltoactionview-show-more { colo= r: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; font-size: 0.6875= rem; outline: none; padding-top: 4px; } .docos-calltoactionview-show-less:hover, .docos-calltoactionview-show-more:= hover { text-decoration: underline; } .docos-calltoactionview-buttons-message-text { font-size: 0.75rem; line-hei= ght: 1rem; margin-bottom: 10px; padding-right: 10px; } .docos-calltoactionview-text-default-buttons-container { display: flex; jus= tify-content: flex-end; } .docos-calltoactionview-text-default-buttons-container div.docs-material-bu= tton { margin-left: 12px; } .docs-grille-gm3 .docos-calltoactionview { background: var(--gm3-sys-color-= surface-container-low,#f8fafd); border: 1px solid var(--gm3-sys-color-outli= ne-variant,#c4c7c5); border-radius: 12px; } .docs-grille-gm3 .docos-docoview-active .docos-calltoactionview { border-wi= dth: medium; border-style: none; border-color: currentcolor; border-image: = none; } .docs-grille-gm3 .docos-calltoactionview-container { background: var(--gm3-= sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 .docos-anchoreddocoview:hover .docos-calltoactionview-cont= ainer { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08);= } .docs-grille-gm3 .docos-anchoreddocoview:active .docos-calltoactionview-con= tainer { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1);= } .docs-grille-gm3 .docos-docoview-active .docos-calltoactionview-container, = .docs-grille-gm3 .docos-docoview-active:hover .docos-calltoactionview-conta= iner { background: var(--gm3-sys-color-surface,#fff); } .docos-comments-pe .docos-calltoactionview:active .docos-calltoactionview-c= ontainer, .docos-comments-pe .docos-calltoactionview:hover .docos-calltoact= ionview-container, .docos-comments-pe .docos-docoview-active .docos-calltoa= ctionview-container { background: var(--gm3-sys-color-surface-container-low= ,#f8fafd); } .docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .doc= os-calltoactionview:hover { border: 1px solid var(--gm3-sys-color-outline,#= 747775); } .docs-grille-gm3 .docos-calltoactionview-body, .docs-grille-gm3 .docos-call= toactionview-dont-show-again-label, .docs-grille-gm3 .docos-calltoactionvie= w-show-less, .docs-grille-gm3 .docos-calltoactionview-show-more { color: va= r(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", = Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-grille-gm3 .docos-calltoactionview-body a { color: var(--gm3-sys-colo= r-primary,#0b57d0); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview { backgro= und-color: var(--gm3-sys-color-surface,#fff); border-radius: 12px; box-shad= ow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); overflow= : hidden; } .docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .vis= ual-treatment-ai-refinement-suggestion.docos-calltoactionview:hover { borde= r-width: medium; border-style: none; border-color: currentcolor; border-ima= ge: none; } .docs-grille-gm3 .visual-treatment-ai-refinement-suggestion.docos-calltoact= ionview { border-width: medium; border-style: none; border-color: currentco= lor; border-image: none; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-body, .visual-treatment-ai-refinement-suggestion.docos-callt= oactionview .docos-calltoactionview-container { padding: 0px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-banner-label { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.00625re= m; line-height: 1rem; background-color: var(--gm3-sys-color-primary-contain= er,#d3e3fd); color: var(--gm3-sys-color-on-primary-container,#0842a0); padd= ing: 10px 16px 10px 20px; width: 100%; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-and-buttons { padding: 16px; } .docos-anchoreddocoview:not(.docos-docoview-active) .visual-treatment-ai-re= finement-suggestion.docos-calltoactionview .docos-calltoactionview-text-and= -buttons { background: var(--gm3-sys-color-surface-container,#f0f4f9); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header { display: flex; gap: 12px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-text { font-family: "Google Sans", Roboto, Arial, san= s-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-h= eight: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-subtext { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625re= m; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant,#444746= ); margin-top: 2px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-buttons-container { display: flex; gap: 4px; margin-l= eft: auto; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-body { margin-top: 16px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container { justify-content: flex-start= ; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept .docs-material-button { height: auto; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept { border: 1px solid var(--gm3-sys-color-outline,#7477= 75); color: var(--gm3-sys-color-primary,#0b57d0); border-radius: 9999px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept .docs-material-button-content { display: flex; gap: 8= px; height: 20px; padding: 10px 16px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept-text { font-family: "Google Sans", Roboto, Arial, san= s-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-h= eight: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept-icon .docs-icon { height: 20px; margin: 0px; width: 2= 0px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-accept-icon { line-height: normal; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docs-ico= n.docos-calltoactionview-header-icon-container { height: 32px; width: 32px;= } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-icon { left: 0px; margin-right: 0px; position: relati= ve; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container div.docs-material-button { he= ight: auto; margin: 16px 0px 0px; padding: 0px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container .docs-material-button-ripple-= element { display: none; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container div.docs-material-button-focu= sed { color: var(--gm3-sys-color-primary,#0b57d0); background: rgba(var(--g= m3-sys-color-primary-rgb,11,87,208),.1); border: 1px solid var(--gm3-sys-co= lor-primary,#0b57d0); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container div.docs-material-button-acti= ve { border: 1px solid var(--gm3-sys-color-outline,#747775); color: var(--g= m3-sys-color-primary,#0b57d0); background: rgba(var(--gm3-sys-color-primary= -rgb,11,87,208),.1); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-text-default-buttons-container div.docs-material-button-hove= r { border: 1px solid var(--gm3-sys-color-outline,#747775); color: var(--gm= 3-sys-color-primary,#0b57d0); background: rgba(var(--gm3-sys-color-primary-= rgb,11,87,208),.08); box-shadow: none; } .docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-cal= ltoactionview .docos-calltoactionview-text-default-buttons-container div.do= cs-material-button { display: block; } .docos-calltoactionview-header-button { display: none; } .docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-cal= ltoactionview .docos-calltoactionview-header-button, .visual-treatment-ai-r= efinement-suggestion.docos-calltoactionview:hover .docos-calltoactionview-h= eader-button { display: block; margin: 0px; } .docos-calltoactionview-overflowmenubutton.docs-material-menu-button-flat-d= efault { display: none; padding: 0px 4px; } .docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-cal= ltoactionview .docos-calltoactionview-overflowmenubutton.docs-material-menu= -button-flat-default, .visual-treatment-ai-refinement-suggestion.docos-call= toactionview:hover .docos-calltoactionview-overflowmenubutton.docs-material= -menu-button-flat-default { display: inline-block; margin: 0px; } .docos-calltoactionview-overflowmenubutton.docs-suggestion-button.docs-mate= rial-menu-button-flat-default-hover { background-image: none; background-po= sition: initial; background-size: initial; background-repeat: initial; back= ground-attachment: initial; background-origin: initial; background-clip: in= itial; border-radius: 9999px; height: 32px; width: 32px; background-color: = rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); border: 1px= solid transparent !important; } .docos-calltoactionview-overflowmenubutton.docs-suggestion-button.docs-mate= rial-menu-button-flat-default-active, .docos-calltoactionview-overflowmenub= utton.docs-suggestion-button.docs-material-menu-button-flat-default-focused= { background-image: none; background-position: initial; background-size: i= nitial; background-repeat: initial; background-attachment: initial; backgro= und-origin: initial; background-clip: initial; border-radius: 9999px; heigh= t: 32px; width: 32px; background-color: rgba(var(--gm3-sys-color-on-surface= -variant-rgb,68,71,70),.1); border: 1px solid transparent !important; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-text-container-inner { display: flex; gap: 6px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-info-container { align-items: center; background: var= (--gm3-sys-color-surface-container-low,#f8fafd); border-radius: 16px; displ= ay: flex; padding-left: 5px; padding-right: 8px; } .docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-cal= ltoactionview .docos-calltoactionview-header-info-container { background: v= ar(--gm3-sys-color-surface-container,#f0f4f9); } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-info-icon-container { height: 10px; width: 10px; } .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-ca= lltoactionview-header-info { font-family: "Google Sans", Roboto, Arial, san= s-serif; font-weight: 500; letter-spacing: 0.00625rem; color: var(--gm3-sys= -color-on-surface-variant,#444746); font-size: 10px; line-height: 13px; } .docos-anchoreddocoview:not(.docos-docoview-active) .docos-calltoactionview= -buttons-container-show-only-in-highlighted-state { display: none; } .goog-menu .goog-menuitem.docos-calltoactionview-overflowmenuitem { padding= -left: 15px; font-weight: 400; } .docos-contact-row { height: 32px; color: var(--gm3-sys-color-on-surface,#1= f1f1f); padding: 4px 8px; font-family: Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; } .docs-gm .docos-contact-row { height: 36px; padding: 6px 8px; } .docos-contact-row .docos-avatar { float: left; left: auto; position: relat= ive; padding-right: 8px; } .docs-gm .docos-contact-row .docos-avatar { padding-right: 0px; margin-righ= t: 8px; margin-top: 2px; } .docos-contact-row-email, .docos-contact-row-name { text-overflow: ellipsis= ; white-space: nowrap; overflow: hidden; } .docos-contact-row-email { color: var(--gm3-sys-color-on-surface-variant,#4= 44746); font-size: 0.9em; } .docs-gm .docos-contact-row-name { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; } .docs-gm .docos-ac-highlighted { font-weight: 700; } .docs-gm .docos-contact-row-email { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fo= nt-size: 0.75rem; font-weight: 400; line-height: 1rem; } .docos-delete-dialog { font-size: 0.875rem; white-space: normal; width: 472= px; } .docos-delete-dialog .docos-delete-dialog-subtitle { width: 424px; } .docos-delete-dialog .docs-material-button-content { font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .docos-draft-emoji-reaction-view.docos-anchoreddocoview { border: = unset; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0)= ,.15); background: unset; border-radius: 28px; } .docos-draft-emoji-reaction-view-post, .docs-gm .docos-draft-emoji-reaction= -view.docos-anchoreddocoview { width: 282px; } .docos-draft-emoji-slide-in-animation { animation-duration: 0.3s; animation= -name: draft-emoji-slide-in; animation-timing-function: ease-in-out; animat= ion-iteration-count: 1; } @keyframes draft-emoji-slide-in {=20 0% { width: 20%; opacity: 0; } } .docos-emoji-counter-button-container { display: flex; align-items: center;= height: 100%; } .docos-emoji-counter-button-icon { background-size: contain; height: 24px; = width: 24px; } .docs-grille-gm3 .docos-docoview-active .docos-emoji-reaction-doco-view-emo= jis .docs-material-button-flat-primary.docos-emoji-counter-button-contains-= invalid-attribution, .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs= -material-button-flat-primary.docos-emoji-counter-button-contains-invalid-a= ttribution, .docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material= -button-flat-primary.docos-emoji-counter-button-contains-invalid-attributio= n { border: 2px solid var(--gm3-sys-color-error,#b3261e); } .docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enab= led { font-family: "Noto Color Emoji", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; font-size: 20px; height: 32px; } .docos-emoji-counter-button-count { align-items: center; display: flex; fon= t-size: 0.875rem; } .docos-emoji-counter-button-icon-container { display: flex; flex-direction:= row; } .docos-emoji-counter-button-container > * { padding: 0px 3px; } .docos-emoji-counter-button-user-involved.docs-material-button-flat-primary= .docos-emoji-counter-button-container { color: var(--gm3-sys-color-primary= ,#0b57d0); font-weight: 500; } :not(.docos-emoji-counter-button-user-involved).docs-material-button-flat-p= rimary .docos-emoji-counter-button-container { color: var(--gm3-sys-color-o= n-surface-variant,#444746); font-weight: 400; } .docos-emoji-counter-button-offline .docos-emoji-counter-button-icon-contai= ner { font-size: 18px; } .docos-emoji-counter-button-tooltip { background-color: var(--gm3-sys-color= -surface,#fff); border-radius: 8px; box-shadow: 1px 0 8px 1px rgba(var(--gm= 3-sys-color-shadow-rgb,0,0,0),.15); color: var(--gm3-sys-color-on-surface-v= ariant,#444746); display: flex; font-size: 13px; font-weight: 400; line-hei= ght: 1.25rem; margin-top: 7px; max-width: 258px; padding: 4px; text-align: = center; width: auto; } .docos-emoji-counter-button-tooltip .jfk-tooltip-arrowdown .jfk-tooltip-arr= owimplafter, .docos-emoji-counter-button-tooltip .jfk-tooltip-arrowup .jfk-= tooltip-arrowimplafter { border-color: var(--gm3-sys-color-surface,#fff) tr= ansparent; left: -6px; } .docs-grille-gm3 .docos-emoji-counter-button-icon { height: 32px; } .docs-grille-gm3 .docos-emoji-counter-button-icon.docos-emoji-counter-butto= n-emoji-font-enabled { align-items: center; display: flex; justify-content:= center; width: 100%; } .docs-grille-gm3 .docos-emoji-counter-button-post.docs-material-button { he= ight: 24px; padding: 0px 5px; } .docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-butt= on-icon { height: 20px; } .docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-butt= on-icon.docos-emoji-counter-button-emoji-font-enabled { font-size: 1rem; } .docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-butt= on-container > * { padding: 0px 1px; } .docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview { backgroun= d: unset; border: unset; border-radius: 16px; max-width: 282px; width: fit-= content; min-width: auto; } .docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview:hover { box= -shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .docos-emoji-reaction-doco-view.docos-docoview-active, .docs-gm .d= ocos-emoji-reaction-doco-view.docos-docoview-active:hover { box-shadow: uns= et; } .docos-emoji-reaction-doco-view-emojis { border: 1px solid rgba(var(--gm3-s= ys-color-shadow-rgb,0,0,0),.15); border-radius: 16px; height: fit-content; = } .docos-docoview-active .docos-emoji-reaction-doco-view-emojis, .docos-emoji= -reaction-single-button .docos-emoji-reaction-doco-view-emojis:not(:hover) = { border-color: transparent; } .docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-emoji-reaction-doc= o-view.docos-minimized-view:hover, .docs-gm.docos-comments-pe .docos-emoji-= reaction-doco-view .docos-anchoreddocoview-minimized, .docs-gm.docos-commen= ts-pe .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimize= d-view { border-radius: 9999px; } .docos-docoview-active .docos-emoji-reaction-doco-view-emojis :not(.docs-ma= terial-button-focused).docs-material-button-flat-primary { border-color: tr= ansparent; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,= 0,0),.15); } .docos-emoji-reaction-doco-view-emojis .goog-container-horizontal { display= : flex; flex-wrap: wrap; justify-content: center; margin: 1.5px; max-width:= 200px; } .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {= background-color: var(--gm3-sys-color-surface,#fff); border: 1px solid rgb= a(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); display: flex; border-radius:= 16px; margin: 1.5px; opacity: 0; width: fit-content; } .docos-docoview-active .docos-emoji-reaction-doco-view-emojis .docs-materia= l-button-disabled.docs-material-button-flat-primary { background-image: rad= ial-gradient(var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-primary-= container,#d3e3fd)); cursor: inherit; } .docos-emoji-reaction-doco-view-emojis .docs-material-button-hover.docs-mat= erial-button-flat-primary { background: linear-gradient(rgba(var(--gm3-sys-= color-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-p= rimary-container-rgb,8,66,160),.08)),rgb(var(--gm3-sys-color-primary-contai= ner,#d3e3fd)); } .docos-emoji-reaction-doco-view-emojis .docs-material-button-disabled.docs-= material-button-flat-primary { cursor: pointer; } .docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-m= aterial-button-flat-primary { box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-= color-shadow-rgb,0,0,0),.15); line-height: 2rem; padding: 0px 8px; } .docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-m= aterial-button-no-focus-border.docs-material-button-flat-primary { padding:= 1px 9px; } .docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-container {= display: flex; } .docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-controls { = display: flex; flex-direction: row-reverse; justify-content: space-between;= padding: 0px 4px; margin-top: 4px; gap: 4px; } .docos-emoji-reaction-doco-view .docs-material-button-raised-default { back= ground-color: var(--gm3-sys-color-surface,#fff); color: rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.26); border-radius: 16px; box-shadow: 0 1px= 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); display: flex; ju= stify-content: center; height: 32px; margin: 0px; padding: 0px; width: 32px= ; } .docos-emoji-reaction-doco-view .docs-material-button-disabled.docs-materia= l-button-raised-default { background-color: rgba(var(--gm3-sys-color-on-sur= face-rgb,31,31,31),.04); color: rgba(var(--gm3-sys-color-on-surface-rgb,31,= 31,31),.54); } .docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .goog-container-hor= izontal { border-width: medium; border-style: none; border-color: currentco= lor; border-image: none; margin: 0px; gap: 3px; } .docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis { border-width: med= ium; border-style: none; border-color: currentcolor; border-image: none; } .docos-comments-pe .docos-docoview-active.docos-minimized-view-mode.docos-e= moji-reaction-doco-view { max-width: 168px; width: fit-content; } .docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-vi= ew-emojis .goog-container { justify-content: left; } .docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-vi= ew-container { flex-direction: column; } .docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-vi= ew-controls { justify-content: flex-end; margin-top: 4px; padding: 0px; wid= th: 68px; } .docs-grille-gm3 .docos-emoji-reaction-doco-view .docos-anchoreddocoview-in= ternal { overflow: visible; } .docs-grille-gm3.docs-gm .docos-comments-pe .docos-docoview-active.docos-em= oji-reaction-doco-view:hover .docos-anchoreddocoview-internal, .docs-grille= -gm3.docs-gm .docos-comments-pe .docos-emoji-reaction-doco-view .docos-anch= oreddocoview-internal { background: none; } .docs-grille-gm3.docs-gm .docos-comments-pe .docos-emoji-container:not(.doc= os-minimized-view-mode) .docos-emoji-reaction-doco-view { width: max-conten= t; } .docs-grille-gm3.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddoco= view:hover { background: none; box-shadow: none; } .docs-grille-gm3 .docos-emoji-counter-button-count { font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-grille-gm3 .docos-emoji-counter-button-user-involved .docos-emoji-cou= nter-button-count { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat= -primary, .docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-mat= erial-button-focused.docs-material-button-flat-primary { border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; pad= ding: 0px; } .docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-material-butt= on-flat-primary { background: var(--gm3-sys-color-surface-container,#f0f4f9= ); } .docs-grille-gm3.docs-body-pageless .docos-emoji-reaction-doco-view-emojis = .docs-material-button-flat-primary { background: var(--gm3-sys-color-surfac= e-container-low,#f8fafd); } .docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview.doc= os-docoview-active, .docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-= anchoreddocoview.docos-docoview-active:hover { background: unset; } .docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .doc= s-material-button-content { background: var(--gm3-sys-color-surface,#fff); = } .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-cont= ent, .docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button= -content { height: 100%; padding: 0px 8px; width: 100%; } .docs-grille-gm3 .docos-emoji-reaction-doco-view-controls { margin-top: 1px= ; } .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat= -primary:hover .docs-material-button-content, .docs-grille-gm3 .docos-emoji= -reaction-doco-view .docs-material-button-hover .docs-material-button-conte= nt, .docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-= hover .docs-material-button-content, .docs-grille-gm3 .docos-replyview-emoj= is-wrapper .docs-material-button-hover { background: rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.08); } .docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .doc= s-material-button-focused .docs-material-button-content, .docs-grille-gm3 .= docos-emoji-reaction-doco-view .docs-material-button:active .docs-material-= button-content, .docs-grille-gm3 .docos-replyview-emoji-controls .docs-mate= rial-button-focused .docs-material-button-content, .docs-grille-gm3 .docos-= replyview-emojis-wrapper .docs-material-button-focused { background: rgba(v= ar(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-grille-gm3 .docos-docoview-active .docos-emoji-reaction-doco-view-emo= jis .docs-material-button-flat-primary, .docs-grille-gm3 .docos-emoji-react= ion-doco-view .docs-material-button-raised-default { border-width: medium; = border-style: none; border-color: currentcolor; border-image: none; box-sha= dow: 0 1px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px= rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat= -primary:hover, .docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-mate= rial-button-raised-default.docs-material-button-focused, .docs-grille-gm3 .= docos-emoji-reaction-doco-view .docs-material-button-raised-default.docs-ma= terial-button-hover, .docs-grille-gm3 .docos-emoji-reaction-doco-view.docos= -docoview .docs-material-button-flat-primary:active { padding: 0px; } .docs-grille-gm3 .docos-docoview-active .docs-material-button-raised-defaul= t .docs-icon { margin: 0px 0px 1px; } .docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .doc= s-material-button-disabled .docs-material-button-content { background-color= : var(--gm3-sys-color-surface-variant,#e1e3e1); background-image: none; } .docos-comments-pe .docos-emoji-container:hover .docos-emoji-minimized { ba= ckground-color: linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,= 31,31),.08),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08)),var(--g= m3-sys-color-surface-container-highest,#dde3ea); } .gutter-mode-switcher-container { background: var(--gm3-sys-color-surface-c= ontainer-low,#f8fafd); border-radius: 9999px; cursor: pointer; height: 24px= ; position: absolute; right: 16px; top: 24px; width: 24px; z-index: 501; } .gutter-mode-switcher-container:hover { background: linear-gradient(rgba(va= r(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08),rgba(var(--gm3-sys-= color-on-surface-variant-rgb,68,71,70),.08)),var(--gm3-sys-color-surface-co= ntainer-low,#f8fafd); } .gutter-mode-switcher-container:active, .gutter-mode-switcher-container:foc= us { background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-varian= t-rgb,68,71,70),.1),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,7= 0),.1)),var(--gm3-sys-color-surface-container-low,#f8fafd); } .gutter-mode-switcher-expand .docs-icon { margin: 0px 0px 0px -1px; } .gutter-mode-switcher-minimize .docs-icon { margin: 0px 0px 0px 1px; } .gutter-mode-switcher .docs-icon { height: 24px; width: 24px; } .docos-icon { overflow: hidden; vertical-align: middle; user-select: none; = } .docos-icon-img::before { content: url("//ssl.gstatic.com/docs/common/d-ico= ns31.png"); } .docos-icon-img-hdpi::before { transform: scale(0.5); transform-origin: 0px= 0px; display: inline-block; image-rendering: -webkit-optimize-contrast; } .docos-icon-img-container { position: absolute; } .docos-icon-thumb-black { top: -88px; left: -4px; } .docos-icon-thumb-green { top: -106px; left: -4px; } .docos-icon-thumb-size { height: 18px; width: 18px; } .docos-icon-bell { top: -25px; left: -25px; } .docos-icon-bell-size { height: 13px; width: 11px; } .docos-icon-insert-comment { top: -48px; left: -1px; } .docos-icon-accept-checkmark-black { left: 0px; top: 0px; } .docos-icon-accept-checkmark-white { top: -140px; left: -49px; } .docos-icon-accept-checkmark-size { height: 21px; width: 21px; } .docs-gm .docos-icon-accept-checkmark-black { left: -42px; top: -24px; } .docs-gm .docos-icon-accept-checkmark-white { top: 0px; left: -42px; } .docs-gm .docos-icon-accept-checkmark-size, .docs-grille-gm3 .docos .docos-= icon-accept-checkmark-size { height: 24px; width: 24px; } .docos-icon-reject-suggestion-cross { top: -44px; left: -21px; } .docos-icon-reject-suggestion-cross-size { height: 21px; width: 21px; } .docs-gm .docos-icon-reject-suggestion-cross-size { height: 24px; width: 24= px; } .docos-icon-insert-comment-size { height: 14px; width: 18px; } .docos-icon-overflow-three-dots { left: -25px; top: 0px; } .docos-icon-overflow-three-dots-size { height: 21px; width: 14px; } .docs-gm .docos-icon-overflow-three-dots { left: 0px; top: -164px; } .docs-grille-gm3 .docos-icon-overflow-three-dots { top: -165px; } .docs-gm .docos-icon-overflow-three-dots-size { height: 24px; width: 14px; = } .docs-gm .docos-comments-pe .docos-icon-overflow-three-dots-size { margin: = 0px 1px 2px 0px; width: 22px; } .docos-comments-pe .docos-overflowmenu-outer .docs-icon, .docos-comments-pe= .docos-xeditor .docos-overflowmenu-outer > .docos-docomenu-dropdown { opac= ity: 1; } .docos-icon-explore { top: -64px; left: -2px; } .docos-icon-explore-size { height: 21px; width: 21px; } .docos-hc-gecko .docos-icon-img { filter: invert(100%); } .docos-icon-instant-docos-ltr { top: -48px; left: 12px; height: 14px; width= : 18px; position: absolute; clip: rect(48px, 20px, 72px, 0px); } .docos-icon-instant-docos-rtl { top: -48px; left: 60px; height: 14px; width= : 18px; position: absolute; clip: rect(48px, -28px, 63px, -48px); } .docos-hc-gecko .jfk-checkbox-checked .jfk-checkbox-checkmark::before { con= tent: url("//ssl.gstatic.com/docs/common/d-icons31.png"); position: absolut= e; left: -50px; top: -124px; width: 15px; height: 15px; clip: rect(125px, 6= 5px, 140px, 51px); } .docs-material > .docos-new-comment-icon > .docos-icon-add-comment { top: -= 125px; left: -4px; } .docs-material > .docos-icon-add-comment-size { height: 18px; width: 18px; = } .docs-material .docos-icon-instant-docos-ltr { top: -125px; left: 11px; hei= ght: 18px; width: 18px; clip: rect(125px, 20px, 145px, 0px); } .docs-material .docos-icon-instant-docos-rtl { top: -125px; left: 59px; hei= ght: 18px; width: 18px; clip: rect(125px, -28px, 145px, -48px); } .docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon= -img { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img, = .docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img::= before { opacity: 0.38; } .docos-icon-close { top: -364px; left: -30px; } .docos-icon-close-size { height: 18px; width: 18px; } .docos-icon-info { top: -364px; left: -48px; } .docos-icon-info-size { height: 18px; width: 18px; } .docs-grille-gm3 .docs-suggestion-button:not(.jfk-button-disabled) .docs-ma= terial .docs-icon-img, .docs-grille-gm3 .docs-suggestion-button:not(.jfk-bu= tton-disabled) .docs-material .docs-icon-img::before { color: var(--gm3-sys= -color-primary,#0b57d0); } .docos-comments-pe .docos-reject-suggestion:not(.jfk-button-disabled) .docs= -material .docs-icon-img, .docos-comments-pe .docos-reject-suggestion:not(.= jfk-button-disabled) .docs-material .docs-icon-img::before { color: var(--g= m3-sys-color-on-surface-variant,#444746); } .docos-input { position: relative; outline: none; overflow-x: hidden; zoom:= 1; } .docos .docos-input.docos-input-nohide { display: block !important; } .docos-input-contenteditable { cursor: text; text-align: start; overflow-wr= ap: break-word; } .docos-input-contenteditable:empty::before { color: var(--gm3-sys-color-on-= surface-variant,#444746); content: attr(placeholder)/attr(placeholder); dis= play: block; pointer-events: none; } .docos-input-reply-gen-placeholder.docos-input-contenteditable:empty::befor= e { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .docos-input-contenteditable p { margin: 0px; } .docos-input-textarea { box-sizing: border-box; color: var(--gm3-sys-color-= on-surface-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; font-size: 13px; margin: 0px; overflow: hidden; padding: = 4px; resize: none; width: 100%; border: 1px solid var(--gm3-sys-color-outli= ne-variant,#c4c7c5); outline-width: 0px !important; } .docs-gm .docos-input-textarea { border: 1px solid var(--gm3-sys-color-outl= ine-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; color: va= r(--gm3-sys-color-on-surface,#1f1f1f); font-size: 0.875rem; line-height: 1.= 25rem; min-height: 36px; outline: transparent solid 0px; padding: 8px; } .docs-gm .docos-input-textarea:focus { box-shadow: none; padding: 7px; bord= er: 2px solid var(--gm3-sys-color-primary,#0b57d0) !important; } .docos-input-textarea:disabled { background: linear-gradient(rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.1),rgba(var(--gm3-sys-color-on-surface= -rgb,31,31,31),.1)),var(--gm3-sys-color-surface,#fff) !important; } :first-child + html .docos-input-textarea { width: 95%; } .docos-input-buttons { display: none; zoom: 1; } .docos-input-buttons-post { font-weight: 500; } .docos-input-typing > .docos-input-textarea, .docs-gm .docos-input-typing >= .docos-input-textarea { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-gm .docs-docos-activity-sidebar .docos-input-typing > .docos-input-te= xtarea, .docs-gm.docos-xeditor .docos-input-typing > .docos-input-textarea = { background-color: var(--gm3-sys-color-surface,#fff); } .docos-input-typing > .docos-input-buttons { display: block; } .docos-input-assign-to-text { color: var(--gm3-sys-color-on-surface-variant= ,#444746); font-style: italic; padding: 5px 0px 3px; overflow-wrap: break-w= ord; } .docos-input-assignment-panel { padding: 6px 8px 4px; background-color: var= (--gm3-sys-color-surface-container-low,#f8fafd); border-style: solid; borde= r-width: 0px 1px 1px; border-color: var(--gm3-sys-color-outline-variant,#c4= c7c5); margin-bottom: 8px; cursor: pointer; } .docs-gm .docos-input-assignment-panel { padding: 6px 8px 11px 0px; backgro= und-color: var(--gm3-sys-color-surface,#fff); border-top: 1px solid transpa= rent; border-right: 1px solid transparent; border-left: 1px solid transpare= nt; border-image: none; border-bottom: 1px solid var(--gm3-sys-color-outlin= e-variant,#c4c7c5); margin-bottom: 18px; cursor: pointer; } .docos-input-assignment-box { margin: 2px 10px 0px 0px; float: left; width:= 11px; } .docos-anchoreddocoview .docos-input-assignee-text { margin-top: 1px; } .docos-input-assignee-text { text-align: left; white-space: nowrap; overflo= w: hidden; text-overflow: ellipsis; font-size: 13px; font-family: Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; color: var(--gm3-sys-color-on-sur= face-variant,#444746); font-weight: 400; display: inline-block; width: calc= (100% - 51px); } .docos-input-assignee-text.docos-input-assignee-text-no-chevron { width: ca= lc(100% - 23px); } .docs-gm .docos-input-assignee-text { margin-top: 6px; margin-left: 8px; wh= ite-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.= 875rem; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; col= or: var(--gm3-sys-color-on-surface,#1f1f1f); font-weight: 400; display: inl= ine-block; width: calc(100% - 57px); } .docs-gm .docos-input-assignee-text.docos-input-assignee-text-no-chevron { = width: calc(100% - 29px); } .docos-streamdocoview .docos-input-assignee-select { margin-top: 0px; } .docos-assignee-select-focus { border-radius: 2px; border: 1px solid var(--= gm3-sys-color-primary,#0b57d0) !important; } .docos-input-assignee-select { border-width: medium; border-style: none; bo= rder-color: currentcolor; border-image: none; background: none; box-shadow:= none; cursor: pointer; float: right; width: 24px; height: 15px; margin: 2p= x; } .docs-gm .docos-anchoreddocoview .docos-input-assignee-select { margin-top:= 6px; } .docos-input-assignee-select .goog-menu-button-caption { padding: 0px; } .docos-input-assignee-select .goog-menu-button-inner-box { margin: 0px; } .docos-assignee-select-item { padding: 0px; border-width: 0px; } .docos-assignee-select-item.goog-menuitem-highlight { background-color: var= (--gm3-sys-color-surface-container,#f0f4f9); } .goog-menu.goog-menu-vertical.docos-assignee-select-menu { padding: 4px 0px= ; max-height: 222px; overflow-y: auto; box-sizing: border-box; } .goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu { padding:= 8px 0px; } .goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu .docos-ass= ignee-select-item, .goog-menu.goog-menu-vertical.docs-gm.docos-assignee-sel= ect-menu .docos-assignee-select-item.goog-menu-item-highlight { border-widt= h: medium; border-style: none; border-color: currentcolor; border-image: no= ne; padding: 0px; } .docos-input-assignment-panel .goog-menu-button-dropdown { width: 24px; bac= kground: url("https://ssl.gstatic.com/images/icons/material/system/2x/arrow= _drop_down_black_24dp.png") 50% center / 24px auto no-repeat; opacity: 0.54= ; box-sizing: border-box; } .docos-input-assignment-panel .goog-menu-button-dropdown:hover { opacity: 0= .87; } .docos-input-assignment-panel .goog-menu-button-inner-box, .docos-input-ass= ignment-panel .goog-menu-button-outer-box { border-style: none; padding: 0p= x; } .docs-grille-gm3 .docos-input-contenteditable:empty::before { color: var(--= gm3-sys-color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docos-input-contenteditable:empty::before, .docs-grille-gm3 .docos-input= -contenteditable:empty::before { color: graytext; } } .docs-grille-gm3 .docos-input-assignment-panel { background-color: inherit;= } .docos-spinner { height: 100px; overflow: hidden; position: relative; } .docos-quantum-spinner { height: 28px; left: 50%; margin-left: -14px; posit= ion: absolute; top: 36px; width: 28px; } .docos-mention { font-weight: 500; } .docos-mention-current-user { align-items: center; background-color: var(--= gm3-sys-color-primary-container,#d3e3fd); border-radius: 4px; color: var(--= gm3-sys-color-on-primary-container,#0842a0); padding: 2px 4px; top: 0px; wi= dth: max-content; } .docs-gm .docos-unseen a.docos-mention-current-user { background: var(--gm3= -sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docos-ai-agent-mention { color: var(--gm3-sys-color-primary,#0b57d0); } .docos-ai-agent-mention:hover { text-decoration: underline; } .docos-comments-pe .docos-minimized-view { width: max-content; } .docos-comments-pe .docos-anchoreddocoview-minimized .docs-icon { height: 2= 4px; margin: 4px; width: 24px; } .docos-comments-pe .docos-anchoreddocoview-minimized, .docs-gm.docos-commen= ts-pe .docos-anchoreddocoview.docos-minimized-view, .docs-gm.docos-comments= -pe .docos-anchoreddocoview.docos-minimized-view:hover { background: var(--= gm3-sys-color-surface-container-highest,#dde3ea); border-radius: 9999px 999= 9px 9999px 8px; cursor: pointer; display: block; height: 32px; min-width: 3= 2px; max-width: 64px; width: max-content; } .docos-anchoreddocoview.docos-minimized-view:focus-visible .docos-anchoredd= ocoview-minimized { outline: 2px solid var(--gm3-sys-color-secondary,#00639= b); outline-offset: 2px; } .docos-comments-pe .docos-anchoreddocoview-minimized.docos-anchoreddocoview= -minimized-with-suggestion-icon { position: relative; } .docos-comments-pe .docos-anchoreddocoview-minimized.docos-anchoreddocoview= -minimized-with-suggestion-icon .docs-minimizeddocoview-suggestion-badge { = bottom: -1px; right: -1px; z-index: 5; align-items: center; background: var= (--gm3-sys-color-surface-container-highest,#dde3ea); border-radius: 9999px;= display: flex; height: 14px; justify-content: center; position: absolute; = width: 14px; } .docos-comments-pe .docos-anchoreddocoview-minimized.docos-anchoreddocoview= -minimized-with-suggestion-icon .docs-minimizeddocoview-suggestion-badge .d= ocs-icon { flex: 0 0 auto; margin: 0px; position: relative; transform: scal= e(0.8) translateY(1.75px); } .docs-minimizeddocoview-avatar { border: 3px solid var(--gm3-sys-color-surf= ace-container-highest,#dde3ea); margin: 3px; position: relative; } @media (forced-colors: active) { .docos-comments-pe .docos-anchoreddocoview-minimized-with-suggestion-icon= .docs-minimizeddocoview-suggestion-badge { background: canvas; border: 1px= solid canvastext; box-sizing: border-box; } } @media (forced-colors: active) and (prefers-color-scheme: dark) { .docos-comments-pe .docos-anchoreddocoview-minimized-with-suggestion-icon= .docs-minimizeddocoview-suggestion-badge .docs-icon-img { filter: invert(1= 00%); } } .docos-for-you:not([data-is-hovered]) .docs-material .docos-anchoreddocovie= w-minimized, .docos-for-you:not([data-is-hovered]) .docs-material .docos-an= choreddocoview-minimized:hover { box-shadow: inset 0 0 0 2px var(--gm3-sys-= color-primary,#0b57d0); } .docos-comments-pe .docos-anchoreddocoview-minimized > img:first-child { z-= index: 4; } .docos-anchoreddocoview-minimized > img:nth-child(2) { margin-left: -12px; = z-index: 3; } .docos-anchoreddocoview-minimized > img:nth-child(3):last-child { margin-le= ft: -14px; } .docos-anchoreddocoview-minimized > img:nth-child(3) { margin-left: -21px; = z-index: 2; } .docos-anchoreddocoview-minimized > img:nth-child(4) { margin-left: -22px; = z-index: 1; } .docos-comments-pe .docos-emoji-minimized { align-items: center; background= : var(--gm3-sys-color-surface-container-highest,#dde3ea); border-radius: 99= 99px; display: flex; font-family: "Noto Color Emoji"; font-size: 18px; heig= ht: 32px; justify-content: center; width: 32px; } .docos-comments-pe .docos-emoji-container .docos-emoji-minimized.docos-emoj= i-counter { font-size: 0.875rem; font-family: "Google Sans", Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; } .docos-comments-pe .docos-anchoreddocoview-minimized .docos-emoji-container= { background: none; display: flex; flex-flow: wrap; gap: 4px; min-width: 6= 8px; } .docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view.doc= os-emoji-container, .docs-gm.docos-comments-pe .docos-emoji-container.docos= -anchoreddocoview .docos-anchoreddocoview-internal, .docs-gm.docos-comments= -pe .docos-emoji-container.docos-anchoreddocoview .docos-anchoreddocoview-m= inimized, .docs-grille-gm3.docs-gm .docos-comments-pe .docos-emoji-containe= r.docos-anchoreddocoview .docos-anchoreddocoview-internal:hover { backgroun= d: none; } .docos-comments-pe .docos-minimized-view-mode[data-is-hovered=3D"true"]:not= (.docos-docoview-active) { transition: border-radius 0.3s cubic-bezier(0.17= , 0.67, 0.01, 1) 0.1s, right 0.3s 0.1s, left 0.3s 0.1s, width 0.3s 0.1s, he= ight 0.3s 0.1s, max-width 0.3s 0.1s; } .docos-comments-pe .docos-minimized-view-mode[data-is-hovered=3D"true"].doc= os-anchoreddocoview:not(.docos-docoview-active) { overflow: hidden; } .docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .doc= os-anchoreddocoview-content, .docos-comments-pe .docos-minimized-view-mode[= data-is-hovered=3D"true"] .docos-anchoreddocoview-minimized { transition: o= pacity 0.1s cubic-bezier(0.17, 0.67, 0.01, 1); } .docos-comments-pe .docos-minimized-view-mode[data-is-hovered=3D"true"] .do= cos-replyview-reply-count, .docos-minimized-view-mode:not(.docos-docoview-a= ctive)[data-is-hovered=3D"true"] .docos-anchoreddocoview-content, .docos-mi= nimized-view-mode[data-is-hovered=3D"true"] .docos-anchoreddocoview-minimiz= ed { opacity: 0; } .docos-anchoreddocoview-content.docos-docoview-replycontainer { opacity: 1;= } .docos-minimized-view-mode[data-is-hovered=3D"true"] .docos-anchoreddocovie= w-internal { width: inherit; } .docos-emoji-minimized.docos-emoji-minimized-invalid-attribution { border: = 2px solid var(--gm3-sys-color-error,#b3261e); height: 28px; width: 28px; } .docos-navigation-bar { background-color: var(--gm3-sys-color-surface,#fff)= ; border-bottom-width: medium; border-bottom-style: none; border-bottom-col= or: currentcolor; border-top: 1px solid var(--gm3-sys-color-outline-variant= ,#c4c7c5); display: flex; flex-direction: column; overflow: auto; padding: = 4px; } .docos-navigation-bar-buttons { align-items: center; display: flex; justify= -content: space-between; } .docos-open-all-comments-button.docs-material-button { background-image: no= ne; border-radius: 4px; box-shadow: none; box-sizing: border-box; font-fami= ly: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= weight: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem;= line-height: 1rem; align-items: center; color: var(--gm3-sys-color-tertiar= y,#146c2e); cursor: pointer; display: flex; margin: 0px; padding: 8px; text= -transform: none; border: 1px solid transparent !important; } .docos-open-all-comments-button.docs-material-button-flat-default.docs-mate= rial-button.docs-material-button-hover { background: rgba(var(--gm3-sys-col= or-tertiary-rgb,20,108,46),.04); color: var(--gm3-sys-color-tertiary,#146c2= e); } .docos-open-all-comments-button.docs-material-button-flat-default.docs-mate= rial-button.docs-material-button-focused { background: rgba(var(--gm3-sys-c= olor-tertiary-rgb,20,108,46),.1); color: var(--gm3-sys-color-tertiary,#146c= 2e); } .docos-open-all-comments-button.docs-material-button-flat-default.docs-mate= rial-button.docs-material-button-active { background: rgba(var(--gm3-sys-co= lor-tertiary-rgb,20,108,46),.1); } .docos-open-all-comments-button.docs-material-button-flat-default.docs-mate= rial-button.docs-material-button-no-focus-border { line-height: 1rem; } .docos-open-all-comments-button > .docs-material-button-ripple-element { ba= ckground-color: rgba(var(--gm3-sys-color-tertiary-rgb,20,108,46),.1); } .docos-navigation-bar-iterators { align-items: center; display: flex; } .docos-navigation-bar-next, .docos-navigation-bar-previous { margin: 0px; } .docos-navigation-bar-next .docs-icon, .docos-navigation-bar-previous .docs= -icon { left: -3px; margin: 0px; top: -3px; } .docos-navigation-bar-next:hover, .docos-navigation-bar-previous:hover { ba= ckground: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); cursor: p= ointer; } .docos-navigation-bar-next:focus, .docos-navigation-bar-previous:focus { ba= ckground: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1); } .docos-navigation-bar-next:active, .docos-navigation-bar-previous:active { = background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1); } .docs-grille-gm3 .docos-navigation-bar { background: var(--gm3-sys-color-su= rface-container,#f0f4f9); } .docs-grille-gm3.docs-body-pageless .docos-navigation-bar { background: var= (--gm3-sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 .docos-docosview-active .docos-navigation-bar, .docs-grill= e-gm3 .docos-docosview:hover .docos-navigation-bar { background: var(--gm3-= sys-color-surface-container-high,#e9eef6); } .docs-grille-gm3.docs-body-pageless .docos-docosview-active .docos-navigati= on-bar, .docs-grille-gm3.docs-body-pageless .docos-docosview:hover .docos-n= avigation-bar { background: var(--gm3-sys-color-surface-container-high,#e9e= ef6); } .docs-grille-gm3 .docos-open-all-comments-button, .docs-grille-gm3 .docos-o= pen-all-comments-button.docs-material-button.docs-material-button-focused, = .docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-= material-button-hover { border-radius: 9999px; color: var(--gm3-sys-color-p= rimary,#0b57d0); padding: 10px 12px; } .docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-= material-button-hover { background: rgba(var(--gm3-sys-color-primary-rgb,11= ,87,208),.08); } .docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-= material-button-active, .docs-grille-gm3 .docos-open-all-comments-button.do= cs-material-button.docs-material-button-focused { background: rgba(var(--gm= 3-sys-color-primary-rgb,11,87,208),.12); } .docs-grille-gm3 .docos-open-all-comments-button > .docs-material-button-ri= pple-element { display: none; } .docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button { ba= ckground: none; border-radius: 9999px; height: 32px; width: 32px; border: 1= px solid transparent !important; } .docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-hove= r { background-image: none; background-position: initial; background-size: = initial; background-repeat: initial; background-attachment: initial; backgr= ound-origin: initial; background-clip: initial; border-radius: 9999px; heig= ht: 32px; width: 32px; background-color: rgba(var(--gm3-sys-color-on-surfac= e-variant-rgb,68,71,70),.08); border: 1px solid transparent !important; } .docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-acti= ve, .docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-= focused { background-image: none; background-position: initial; background-= size: initial; background-repeat: initial; background-attachment: initial; = background-origin: initial; background-clip: initial; border-radius: 9999px= ; height: 32px; width: 32px; background-color: rgba(var(--gm3-sys-color-on-= surface-variant-rgb,68,71,70),.1); border: 1px solid transparent !important= ; } .docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button .doc= s-icon { left: -5px; top: -4px; } .docos-notificationdialog-content { width: 500px; } @media screen and (max-width: 560px) { .docos-notificationdialog-content { width: 100%; } } .docos-notificationdialog-label { display: inline-block; margin-bottom: 12p= x; padding: 0px 3px 0px 8px; vertical-align: middle; } .docos-notificationdialog-control { margin-bottom: 12px; min-height: 24px; = min-width: 24px; padding-left: 3px; } .docos-notificationdialog-header { font-weight: 500; margin-bottom: 12px; } .docos-notificationdialog-help { font-size: 1.5rem; position: absolute; rig= ht: 20px; } .docos-overflowmenu-outer { display: inline-block; } .docs-gm .docos-overflowmenu-outer > .docos-docomenu-dropdown { background:= none; border-radius: 9999px; height: 32px; width: 32px; align-items: cente= r; cursor: pointer; display: flex; justify-content: center; left: -1px; mar= gin: auto; position: relative; transition: opacity 0.25s cubic-bezier(0.4, = 0, 0.2, 1); border: 1px solid transparent !important; } .docs-gm .docos-overflowmenu-outer > .docos-docomenu-dropdown:hover { backg= round-image: none; background-position: initial; background-size: initial; = background-repeat: initial; background-attachment: initial; background-orig= in: initial; background-clip: initial; border-radius: 9999px; height: 32px;= width: 32px; background-color: rgba(var(--gm3-sys-color-on-surface-variant= -rgb,68,71,70),.08); box-shadow: none; border: 1px solid transparent !impor= tant; } .docs-gm .docos-overflowmenu-outer > .docos-docomenu-dropdown:active, .docs= -gm .docos-overflowmenu-outer > .docos-docomenu-dropdown:focus { background= -image: none; background-position: initial; background-size: initial; backg= round-repeat: initial; background-attachment: initial; background-origin: i= nitial; background-clip: initial; border-radius: 9999px; height: 32px; widt= h: 32px; background-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,= 68,71,70),.1); box-shadow: none; border: 1px solid transparent !important; = } .docos-overflowmenu-outer .goog-toolbar-menu-button-inner-box, .docos-overf= lowmenu-outer .goog-toolbar-menu-button-outer-box { padding: 0px; } .docos-overflowmenu-outer .docos-icon { margin-top: 1px; } .docos-overflowmenu-outer .goog-toolbar-menu-button-dropdown { display: non= e; } .docos-overflowmenu .goog-menuitem, .docs-gm .docos-overflowmenu.goog-menu = .goog-menuitem { padding-right: 15px; padding-left: 15px; } .drive-quantum-spinner.active { animation: 1568ms linear 0s infinite normal= none running container-rotate; } .drive-quantum-spinner.active .spinner-layer.spinner-blue { animation: 5332= ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill= -rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both runnin= g blue-fade-in-out; } .drive-quantum-spinner.active .spinner-layer.spinner-red { animation: 5332m= s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfill-= rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running= red-fade-in-out; } .drive-quantum-spinner.active .spinner-layer.spinner-yellow { animation: 53= 32ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfi= ll-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both runn= ing yellow-fade-in-out; } .drive-quantum-spinner.active .spinner-layer.spinner-green { animation: 533= 2ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running fill-unfil= l-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both runni= ng green-fade-in-out; } .drive-quantum-spinner.active .spinner-circle-clipper.spinner-left .spinner= -circle { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal= both running left-spin; } .drive-quantum-spinner.active .spinner-circle-clipper.spinner-right .spinne= r-circle { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite norma= l both running right-spin; } .docos-quantum-spinner.active { animation: 1568ms linear 0s infinite normal= none running container-rotate; } .docos-readonly .hide-on-readonly, .show-on-readonly { display: none !impor= tant; } .docos-readonly .show-on-readonly { display: inline-block !important; } .docos-comments-pe .docos-readonly .show-on-readonly { color: var(--gm3-sys= -color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; max-width: 300px; overflow: hidden;= padding: 0px 0px 0px 16px; -webkit-box-orient: vertical; -webkit-line-clam= p: 2; display: -webkit-box !important; } .docos-resolve-highlight { border: 1px solid rgba(var(--gm3-sys-color-on-su= rface-rgb,31,31,31),.2); } .docos-resolve-animation { transition: 0.27s ease-out; transform: scale(0.3= ); transform-origin: center top; opacity: 0.3; } .docos-replyview-deleted > #docos-shadow-wrapper { align-self: start; } #docos-shadow-wrapper { position: relative; } #docos-shadow { align-content: center; background: rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.7); color: var(--gm3-sys-color-inverse-on-surfac= e,#f2f2f2); position: absolute; z-index: 700; left: 0px; top: 0px; } .docos-shadow-contents > :focus { outline: transparent solid 1px; } #docos-shadow, .docos-shadow-table { height: 100%; width: 100%; } #docos-shadow-description { font-weight: 500; } #docos-shadow-confirm, #docos-shadow-delete { margin: 2px 7px; } .docs-grille-gm3 #docos-shadow .jfk-button-focused, .docs-grille-gm3 #docos= -shadow .jfk-button-hover { background: var(--gm3-sys-color-surface,#fff); = } .docos-smart-reply { display: flex; justify-content: space-between; text-al= ign: center; margin-right: 6px; } .docos-comments-pe .docos-smart-reply { margin-right: 0px; } .docos.docs-gm .docos-smart-reply-button.jfk-button.jfk-button.jfk-button {= align-items: center; display: flex; height: auto; justify-content: center;= padding: 3px 12px; white-space: normal; width: 100%; } .docos-smart-reply .docos-smart-reply-button:last-child { margin-right: 0px= ; } .docos-smart-reply-button-caption { display: inline; } .docs-grille-gm3 .docos.docs-gm .docos-smart-reply .docos-smart-reply-butto= n.jfk-button.jfk-button { border-radius: 16px; height: auto; min-height: 36= px; padding: 3px 12px; } .docos-streamdocoview { border-top: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; font-size: 0.875rem; padding: 18px 0px 7px; position: relative; outli= ne: none; zoom: 1; } .docs-gm .docos-streamdocoview { font-family: Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; padding: 16px; } .docos-streamdocoview .docos-find-match { background-color: rgba(var(--gm3-= sys-color-tertiary-container-rgb,196,238,208),.5); } .docos-streamdocoview .docos-selected-find-match { background-color: var(--= gm3-sys-color-tertiary-container,#c4eed0); } .docs-gm.docs-hc-gecko .docos-streamdocoview .docos-find-match { background= -color: highlight; color: highlighttext; } .docos-xeditor .docos-streamdocoview, .docs-docos-activity-sidebar .docos-s= treamdocoview { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7= c5); border-radius: 8px; margin: 16px; } .docs-gm.docos-xeditor .docos-streamdocoview { border-width: medium; border= -style: none; border-color: currentcolor; border-image: none; box-sizing: b= order-box; outline: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= padding: 0px; } .docos-comments-pe .docos-streamdocoview { -webkit-font-smoothing: antialia= sed; } .docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview { bor= der: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docos-xeditor .docos-streamdocoview:hover, .docs-docos-activity-sidebar .d= ocos-streamdocoview:hover { background-color: var(--ws-sys-color-extended-y= ellow-tonal,#fff2b4); border: 1px solid transparent; box-shadow: 0 1px 3px = 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview:hover= { border: 1px solid transparent; } .docs-gm .docos-streamdocoview-avatar { left: 16px; } .docs-gm.docos-xeditor .docos-streamdocoview-avatar { left: 0px; margin-top= : 2px; } .docos-xeditor .docos-streamreplyview .docos-overflowmenu-outer { position:= absolute; top: 0px; right: 0px; } .docos-xeditor .docos-overflowmenu-outer > .docos-docomenu-dropdown { backg= round-color: transparent; opacity: 0.7; } .docs-spinner.docos-start-chat-loading-spinner { width: 20px; height: 20px;= padding-left: 10px; } .docos-start-chat-loading-spinner > .docs-quantum-spinner.active { height: = 20px; width: 20px; } .docos-start-chat-loading-spinner .spinner-blue, .docos-start-chat-loading-= spinner .spinner-green, .docos-start-chat-loading-spinner .spinner-red, .do= cos-start-chat-loading-spinner .spinner-yellow { border-color: rgb(66, 133,= 244); } .docos:not(.docs-gm) .docos-streamdocoview:last-child { padding-bottom: 0px= ; } .docos:not(.docs-gm) .docos-streamdocoview:last-child .docos-streamdocoview= -controls { padding-bottom: 0px; } .docos-streamdocoview .docos-docoview-rootreply { min-height: 48px; } .docos-stream-filtered-for-you .docos-streamdocoview .docos-docoview-rootre= ply { min-height: auto; } .docos-streamrootreplyview { margin-right: 12px; min-height: 51px; padding:= 0px 6px; position: relative; top: -3px; } .docos-xeditor .docos-streamrootreplyview { margin-right: 0px; } .docs-gm .docos-streamrootreplyview { margin-bottom: 8px; padding: 0px; top= : 0px; } .docos:not(.docs-gm) .docos-docoview-resolved .docos-streamrootreplyview { = background-color: var(--gm3-sys-color-surface-container-low,#f8fafd); } .docos:not(.docs-gm) .docos-docoview-active .docos-streamrootreplyview { ba= ckground-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); } .docos-comments-pe .docos-streamdocoview.docos-docoview-resolved .docos-sho= w-more, .docs-gm .docos-streamdocoview.docos-docoview-resolved { background= -color: var(--gm3-sys-color-surface-container,#f0f4f9); } .docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-= resolved { background-color: var(--gm3-sys-color-surface-container,#f0f4f9)= ; border: 1px solid transparent; box-shadow: none; } .docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-= resolved:hover { background-color: var(--gm3-sys-color-surface-container,#f= 0f4f9); border: 1px solid transparent; box-shadow: 0 1px 3px 1px rgba(var(-= -gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-doc= oview-resolved.docos-docoview-active { background-color: var(--gm3-sys-colo= r-surface-container,#f0f4f9); border: 1px solid transparent; box-shadow: 0 = 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docos.docs-gm .docos-streamdocoview.docos-docoview-active { background-col= or: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); } .docos.docs-gm .docos-streamdocoview.docos-docoview-active-experiment { bac= kground-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .d= ocs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-docov= iew-active { background-color: var(--ws-sys-color-extended-yellow-tonal,#ff= f2b4); border: 1px solid transparent; box-shadow: 0 4px 8px 3px rgba(var(--= gm3-sys-color-shadow-rgb,0,0,0),.15); } .docos.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview= .docos-docoview-active { border: 1px solid transparent; } .docos-streamdocoview-content { margin-left: 60px; position: relative; } .docs-gm .docos-streamdocoview-content { margin-left: 40px; } .docs-gm.docos-xeditor .docos-streamdocoview-content { margin-left: 0px; pa= dding: 15px; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp { align-i= tems: start; display: flex; flex-direction: column; flex-grow: 1; justify-c= ontent: center; overflow: hidden; text-overflow: ellipsis; white-space: now= rap; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-st= reamdocoview-author { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-= family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-weight: 500; font-size: 0.875rem; height: 18px; letter-spacing: 0.00625= rem; line-height: 1.25rem; margin: 0px; max-width: 70%; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview-authorname-= timestamp .docos-streamdocoview-author { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); max-width: none; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-st= reamdocoview-timestamp { align-items: center; color: var(--gm3-sys-color-on= -surface-variant,#444746); display: flex; font-family: Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; line-h= eight: 1rem; letter-spacing: 0.00625rem; margin: 0px; } .docs-gm.docos-xeditor .docos-comments-pe .docos-streamdocoview-authorname-= timestamp .docos-streamdocoview-timestamp { color: var(--gm3-sys-color-on-s= urface-variant,#444746); display: inline-block; font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; text-overflow: ellipsis= ; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp > * { ove= rflow: hidden; text-overflow: ellipsis; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp > * { ali= gn-self: stretch; } .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-au= thor-with-badge .docos-streamdocoview-author { max-width: none; } .docos-xeditor .docos-streamrootreplyview .docos-replyview-static { padding= -top: 5px; } .docos-streamdocoview-authorname { font-weight: 500; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .badging-enabled-doco .docos-streamdocoview-authorname { align-ite= ms: center; display: inline-flex; flex-direction: row; } .docs-gm .docos-streamdocoview .docos-new-tag { flex: 0 0 auto; align-items= : center; background-color: var(--gm3-sys-color-primary,#0b57d0); border-ra= dius: 8px; color: var(--gm3-sys-color-on-primary,#fff); height: 16px; justi= fy-content: center; margin: auto 0px; overflow: hidden; transform-origin: l= eft center; transition: transform 0.2s ease-out, color 0.1s ease-in, border= -radius 0.2s; line-height: 16px; } .docs-gm.docos-xeditor .docos-streamdocoview .docos-new-tag { margin-left: = 4px; } .docs-gm .docos-streamdocoview:not(:hover) .docos-new-tag { border-radius: = 9999px; color: var(--gm3-sys-color-surface,#fff); transform: scale(0.375); = width: 6px; } .docs-gm .docos-streamdocoview-authorname span + .docos-new-tag { margin-le= ft: 4px; } .docs-gm .docos-streamdocoview:not(:hover) .docos-new-message { color: tran= sparent; } .docos-streamdocoview-body { color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; overflow-wrap: break-word; top: -7px; zoom: 1; } .docos-comments-pe .docos-streamdocoview-body, .docos-comments-pe .docos-st= reamreplyview-body { color: var(--gm3-sys-color-on-surface-variant,#444746)= ; font: 400 14px / 20px "Google Sans", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; } .docos-xeditor .docos-replyview-body-container { padding-top: 5px; } .docos-streamdocoview-comments-off, .docos-streamdocoview-timestamp { color= : var(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.75rem; padd= ing: 0px; } .docos-streamdocoview-reopen-control, .docos-streamdocoview-timestamp { rig= ht: 2px; } .docos-streamdocoview-bullet { color: var(--gm3-sys-color-surface-variant,#= e1e3e1); font-size: 0.75rem; line-height: 100%; padding: 0px 2px; } .docos-streamdocoview-controls { font-family: "Google Sans", Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; font-weight: 500; padding: 4px 0px; } .docos-streamdocoview-timestamp:hover { text-decoration: underline; cursor:= pointer; } .docs-gm.docos-xeditor .docos-streamdocoview-timestamp:hover { text-decorat= ion: none; cursor: inherit; } .docos-streamdocoview-input-pane { padding-right: 6px; margin-left: 30px; } .docs-gm .docos-streamdocoview-input-pane { margin-left: 40px; padding-righ= t: 0px; } .docos-xeditor .docos-availability-banner-container { margin-left: -40px; } .docos-streamdocoview-input-pane .docos-input-textarea { background-color: = var(--gm3-sys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-pr= imary-container,#d3e3fd); height: 23px; font-size: 0.75rem; } .docs-gm .docos-streamdocoview-input-pane .docos-input-textarea { border: 1= px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; = box-sizing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); fon= t-size: 0.875rem; line-height: 1.25rem; min-height: 36px; outline: transpar= ent solid 0px; padding: 8px; height: unset; } .docs-gm .docos-streamdocoview-input-pane .docos-input-textarea:focus { box= -shadow: none; padding: 7px; border: 2px solid var(--gm3-sys-color-primary,= #0b57d0) !important; } .docos-streamdocoview-input-pane.docos-input-typing .docos-input-textarea {= background-color: var(--gm3-sys-color-surface,#fff); } .docos-streamdocoview-edit-pane .docos-input-textarea { height: 36px; } .docos-comments-pe .docos-streamdocoview .docos-streamdocoview-edit-pane, .= docos-comments-pe .docos-streamdocoview .docos-streamreplyview-edit-pane { = margin: 12px 0px 8px -40px; } .docos-streamdocoview-inputcontainer, .docos-streamdocoview-replycontainer = { margin: 4px 12px 3px 0px; } .docs-gm .docos-streamdocoview-inputcontainer, .docs-gm .docos-streamdocovi= ew-replycontainer { margin: 0px; } .docos-streamdocoview-inputcontainer { background-color: var(--gm3-sys-colo= r-surface-container,#f0f4f9); border-radius: 0px 0px 8px 8px; padding: 6px = 0px 2px 6px; position: relative; zoom: 1; } .docs-gm .docos-streamdocoview-inputcontainer { background-color: var(--gm3= -sys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline-var= iant,#c4c7c5); border-radius: 4px; padding: 16px; } .docs-gm .docs-docos-activity-sidebar .docos-streamdocoview-inputcontainer,= .docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer { background: = inherit; border: 1px solid transparent; left: -40px; margin: 0px; padding: = 0px; width: 110%; } .docos-docoview-resolved .docos-streamdocoview-inputcontainer { background-= color: var(--gm3-sys-color-surface-container-low,#f8fafd); } .docs-gm .docos-docoview-resolved .docos-streamdocoview-inputcontainer { ba= ckground-color: var(--gm3-sys-color-surface,#fff); } .docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-strea= mdocoview-inputcontainer, .docs-gm.docos-xeditor .docos-docoview-resolved .= docos-streamdocoview-inputcontainer { background: inherit; left: -40px; wid= th: 110%; } .docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamdocoview-input= container, .docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer { le= ft: 0px; width: 100%; } .docos-streamdocoview-details { position: absolute; right: 0px; top: 0px; } .docos-revisionhistory .docos-stream-emoji-details > :not(.docos-overflowme= nu-outer), .docos-revisionhistory .docos-streamdocoview-details > :not(.doc= os-overflowmenu-outer) { display: none !important; } .docos-xeditor .docos-streamdocoview-details .docos-accept-suggestion, .doc= os-xeditor .docos-streamdocoview-details .docos-reject-suggestion { height:= 28px; margin: 0px; position: relative; top: auto; right: auto; display: in= line-block; vertical-align: middle; } .docos-streamdocoview.docos-docoview-resolved .docos-streamdocoview-details= { right: 4px; } .docos-xeditor .docos-streamdocoview.docos-docoview-resolved .docos-streamd= ocoview-details { right: 0px; } .docos-streamdocoview .docos-actionmenu-outer { position: absolute; right: = -12px; top: 3px; } .docos-streamdocoview-reopen-control { display: inline; } .docos-streamdocoview-reopen-control > .docos-docoview-reopen { font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.75rem; font-weight: 500; color: var(--gm3-sys-color-primary,#0b57d0);= } .docos-streamdocoview-comment-control > .docos-docoview-comment, .docos-str= eamdocoview-resolve-control > .docos-docoview-resolve { color: var(--gm3-sy= s-color-on-surface-variant,#444746); line-height: 100%; } .docos-streamdocoview-comment-control > .docos-docoview-comment:hover, .doc= os-streamdocoview-reopen-control > .docos-docoview-reopen:hover, .docos-str= eamdocoview-resolve-control > .docos-docoview-resolve:hover { text-decorati= on: underline; cursor: pointer; } .docos-docoview-active .docos-docoview-comment, .docos-docoview-active .doc= os-docoview-resolve, .docos-streamrootreplyview:hover .docos-docoview-comme= nt, .docos-streamrootreplyview:hover .docos-docoview-resolve { color: var(-= -gm3-sys-color-primary,#0b57d0); } .docos-xeditor .docos-streamdocoview:hover .docos-streamdocoview-header-con= tainer { background-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4= ); } .docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-streamdoc= oview-header-container { background-color: var(--ws-sys-color-extended-yell= ow-tonal,#fff2b4); } .docos-xeditor .docos-docoview-resolved.docos-streamdocoview .docos-streamd= ocoview-header-container, .docos-xeditor .docos-docoview-resolved.docos-str= eamdocoview.docos-docoview-active { background-color: var(--gm3-sys-color-s= urface-container,#f0f4f9); } .docos-xeditor .docos-docoview-resolved.docos-docoview-active.docos-streamd= ocoview .docos-streamdocoview-header-container, .docos-xeditor .docos-docov= iew-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-contai= ner { background-color: var(--gm3-sys-color-surface-container-highest,#dde3= ea); } .docos-xeditor .streamdocoview-header-quote-container { display: inline-fle= x; min-width: 0px; flex: 1 1 0%; } .docos-xeditor .streamdocoview-header-orphaned-quote { display: none; } .docos-xeditor .streamdocoview-header-orphaned-location { color: var(--gm3-= sys-color-on-surface,#1f1f1f); } .docos-xeditor .docos-docoview-active .streamdocoview-header-orphaned-locat= ion { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-weight: 700; } .docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .= streamdocoview-header-orphaned-quote, .docos-xeditor .streamdocoview-orphan= ed-header { display: block; width: 90%; } .docos-xeditor .streamdocoview-header { display: flex; } .docos-xeditor .streamdocoview-header-expandable .streamdocoview-header { w= idth: 90%; } .docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .= streamdocoview-header { display: block; } .docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .= streamdocoview-header div { display: inline; } .docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .= streamdocoview-header .streamdocoview-header-location { overflow: hidden; w= hite-space: nowrap; } .docos-xeditor .streamdocoview-header-quote-expand .streamdocoview-header .= streamdocoview-header-quote { overflow-wrap: break-word; white-space: norma= l; } .docos-xeditor .streamdocoview-header-divider-container { display: inline-f= lex; align-items: center; } .docos-xeditor .streamdocoview-header-divider-container .streamdocoview-hea= der-divider { padding: 0px 5px; } .docos-xeditor .docos-comments-pe .streamdocoview-header-divider-container = .streamdocoview-header-divider { padding: 0px 3px; } .docos-xeditor .streamdocoview-header-location-container { align-items: cen= ter; display: inline-flex; font-weight: 500; min-width: 0px; } .docos-xeditor .streamdocoview-header-location-container.header-with-quote = { max-width: 50%; } .docos-xeditor .streamdocoview-header .streamdocoview-header-quote, .docos-= xeditor .streamdocoview-header-location-container .streamdocoview-header-pr= efix-location { line-height: 20px; max-height: 20px; overflow: hidden; text= -overflow: ellipsis; white-space: nowrap; } .docos-xeditor .streamdocoview-header-location-container .streamdocoview-he= ader-prefix-divider { margin-right: 5px; } .docos-comments-pe .docos-xeditor .streamdocoview-header-location-container= .streamdocoview-header-prefix-divider { margin: 0px 3px; } .docos-xeditor .streamdocoview-header-quote-buttons-container { cursor: poi= nter; display: none; position: absolute; right: 0px; top: 0px; } .docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quo= te-buttons-container { display: block; } .docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quo= te-collapse-button, .docos-xeditor .streamdocoview-header-quote-expand.stre= amdocoview-header-expandable .streamdocoview-header-quote-expand-button { d= isplay: none; } .docos-xeditor .streamdocoview-header-quote-expand.streamdocoview-header-ex= pandable .streamdocoview-header-quote-collapse-button { display: block; } .docos-comments-pe .streamdocoview-header-quote-collapse-button .docs-icon,= .docos-comments-pe .streamdocoview-header-quote-expand-button .docs-icon {= height: 20px; width: 20px; } .docs-grille-gm3 .docos-streamdocoview { border-radius: 12px; } .docs-gm.docos-xeditor .docos-streamdocoview:hover, .docs-grille-gm3 .docs-= gm .docos-streamdocoview.docos-docoview-resolved:hover { background-color: = transparent; border-width: medium; border-style: none; border-color: curren= tcolor; border-image: none; box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-= shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0= ,0),.15); outline: none; } .docs-gm.docos.docos-xeditor .docos-streamdocoview.docos-docoview-active { = background-color: transparent; border-width: medium; border-style: none; bo= rder-color: currentcolor; border-image: none; box-shadow: 0 1px 3px rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-co= lor-shadow-rgb,0,0,0),.15); outline: none; } .docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview= -active, .docs-grille-gm3 .docs-docos-activity-sidebar .docos .docos-stream= docoview.docos-docoview-resolved.docos-docoview-active { background-color: = var(--gm3-sys-color-inverse-surface,#303030); box-shadow: 0 1px 3px rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-co= lor-shadow-rgb,0,0,0),.15); outline: none; } .docs-grille-gm3 .docos-stream-emoji-header-container, .docs-grille-gm3 .do= cos-stream-emoji-header-container .docos-stream-emoji-quote-caption, .docs-= grille-gm3 .streamdocoview-header, .docs-grille-gm3 .streamdocoview-header-= orphaned-location { font: 500 12px / 16px "Google Sans", Roboto, RobotoDraf= t, Helvetica, Arial, sans-serif; } .docos-xeditor .docos-streamdocoview-header-container { outline: none; posi= tion: relative; } .docos-xeditor .docos-streamdocoview-header-container, .docs-grille-gm3 .do= cos-stream-emoji-header-container { background: var(--gm3-sys-color-inverse= -on-surface,#f2f2f2); border-top-left-radius: 12px; border-top-right-radius= : 12px; margin: 0px; padding: 6px 16px; } .docos-comments-pe .docos-stream-emoji-header-container, .docos-comments-pe= :not(docos-docoview-resolved) .docos-streamdocoview.docos-docoview-active = .docos-stream-emoji-header-container, .docos-comments-pe :not(docos-docovie= w-resolved) .docos-streamdocoview:hover .docos-stream-emoji-header-containe= r { background: transparent; } .docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-header-c= ontainer { background: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); } .docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamd= ocoview-header-container { background: var(--ws-sys-color-extended-yellow-t= onal,#fff2b4); } .docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolv= ed, .docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-re= solved:hover { background: var(--gm3-sys-color-inverse-on-surface,#f2f2f2);= } .docs-grille-gm3 .docos-docoview-resolved.docos-docoview-active.docos-strea= mdocoview .docos-streamdocoview-header-container, .docs-grille-gm3 .docos-d= ocoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-co= ntainer { background-color: var(--gm3-sys-color-surface-container-high,#e9e= ef6); } .docos-comments-pe .docos-xeditor .docos-docoview-resolved.docos-streamdoco= view .docos-streamdocoview-header-container, .docos-comments-pe .docos-xedi= tor .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocovi= ew-header-container, .docos-comments-pe .docos-xeditor .docos-streamdocovie= w-header-container, .docos-comments-pe .docos-xeditor .docos-streamdocoview= .docos-docoview-active .docos-streamdocoview-header-container, .docos-comme= nts-pe .docos-xeditor .docos-streamdocoview:hover .docos-streamdocoview-hea= der-container { background: none; } .docs-grille-gm3 .docs-gm .docos-streamdocoview-content { padding: 14px; } .docos-comments-pe .docs-gm .docos-streamdocoview-content { padding: 16px; = } .docos-xeditor .docos-streamdocoview-content .docos-assigneeview { border-r= adius: 12px 12px 0px 0px; margin: 1px; padding: 10px 16px; } .docos-xeditor .docos-streamdocoview-header-container + .docos-streamdocovi= ew-content .docos-assigneeview { border-radius: 0px; } .docs-grille-gm3 .docos-stream-emoji-details, .docs-grille-gm3 .docos-strea= mdocoview-details { opacity: 0; transition: opacity 0.25s cubic-bezier(0.4,= 0, 0.2, 1); } .docs-grille-gm3 .docos-streamdocoview-details, .docs-grille-gm3 .docos-str= eamdocoview-details div[role=3D"button"] { align-items: center; display: fl= ex; justify-content: center; } .docs-grille-gm3 .docos-streamdocoview .docos-overflowmenu-outer, .docs-gri= lle-gm3 .docos-streamdocoview-details:focus-within, .docs-grille-gm3 .docos= -streamdocoview.docos-docoview-active .docos-stream-emoji-details, .docs-gr= ille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-= details, .docs-grille-gm3 .docos-streamdocoview:focus .docos-stream-emoji-d= etails, .docs-grille-gm3 .docos-streamdocoview:focus .docos-streamdocoview-= details, .docs-grille-gm3 .docos-streamdocoview:hover .docos-stream-emoji-d= etails, .docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-= details { opacity: 1; } .docs-grille-gm3 .docs-gm .docos-streamdocoview-input-pane .docos-input-tex= tarea { border-radius: 16px; padding: 8px 7px 8px 16px; } .docos-comments-pe .docs-gm .docos-streamdocoview-input-pane .docos-input-t= extarea { border-color: var(--gm3-sys-color-outline,#747775); } .docs-grille-gm3 .streamdocoview-header-quote-buttons-container .docs-mater= ial-button { border-radius: 9999px; display: flex; height: 32px; justify-co= ntent: center; width: 32px; } .docos-comments-pe .streamdocoview-header-quote-buttons-container .docs-mat= erial-button { align-items: center; height: 28px; margin-top: 2px; width: 2= 8px; } .docos-comments-pe .docos-streamdocoview-content .docos-collapsed-replyview= { height: 86px; overflow: hidden; } .docos-comments-pe .docos-streamdocoview .docos-show-more { padding-top: 4p= x; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= -internal-container, .docos-comments-pe .docs-gm.docos-xeditor .docos-strea= mdocoview, .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview = .docos-show-more { background: var(--gm3-sys-color-surface-container-high,#= e9eef6); } .docos-comments-pe .docos-streamdocoview:hover .docos-showrepliesbutton-col= lapsed-internal-container, .docos-comments-pe .docs-gm.docos-xeditor .docos= -streamdocoview:hover, .docos-comments-pe .docs-gm.docos-xeditor .docos-str= eamdocoview:hover .docos-show-more { background: linear-gradient(rgba(var(-= -gm3-sys-color-on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-su= rface-rgb,31,31,31),.08)),var(--gm3-sys-color-surface-container-high,#e9eef= 6); } .docos-comments-pe .docos-streamdocoview:focus .docos-showrepliesbutton-col= lapsed-internal-container, .docos-comments-pe .docs-gm.docos-xeditor .docos= -streamdocoview:focus, .docos-comments-pe .docs-gm.docos-xeditor .docos-str= eamdocoview:focus .docos-show-more { background: linear-gradient(rgba(var(-= -gm3-sys-color-on-surface-rgb,31,31,31),.1),rgba(var(--gm3-sys-color-on-sur= face-rgb,31,31,31),.1)),var(--gm3-sys-color-surface-container-high,#e9eef6)= ; } .docos-comments-pe .docos-streamdocoview.docos-docoview-resolved .docos-sho= wrepliesbutton-collapsed-internal-container, .docos-comments-pe .docs-gm.do= cos-xeditor .docos-streamdocoview.docos-docoview-resolved, .docos-comments-= pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved .do= cos-show-more, .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocov= iew.docos-docoview-resolved.docos-docoview-active { background: var(--gm3-s= ys-color-surface-container-highest,#dde3ea); } .docos-comments-pe .docos-streamdocoview.docos-docoview-resolved:hover .doc= os-showrepliesbutton-collapsed-internal-container, .docos-comments-pe .docs= -gm.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:hover, .doc= os-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-= resolved:hover .docos-show-more { background: linear-gradient(rgba(var(--gm= 3-sys-color-on-surface-rgb,31,31,31),.08),rgba(var(--gm3-sys-color-on-surfa= ce-rgb,31,31,31),.08)),var(--gm3-sys-color-surface-container-highest,#dde3e= a); } .docos-comments-pe .docos-streamdocoview.docos-docoview-resolved:focus .doc= os-showrepliesbutton-collapsed-internal-container, .docos-comments-pe .docs= -gm.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:focus, .doc= os-comments-pe .docs-gm.docos-xeditor .docos-docoview-resolved.docos-stream= docoview:focus .docos-show-more { background: linear-gradient(rgba(var(--gm= 3-sys-color-on-surface-rgb,31,31,31),.1),rgba(var(--gm3-sys-color-on-surfac= e-rgb,31,31,31),.1)),var(--gm3-sys-color-surface-container-highest,#dde3ea)= ; } .docos-comments-pe .docos.docs-gm.docos-xeditor .docos-streamdocoview.docos= -docoview-active, .docos-comments-pe .docos.docs-gm.docos-xeditor .docos-st= reamdocoview.docos-docoview-active .docos-show-more { background: var(--gm3= -sys-color-surface,#fff); } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview, .docos-com= ments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolv= ed, .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-d= ocoview-resolved.docos-docoview-active, .docos-comments-pe .docs-gm.docos-x= editor .docos-streamdocoview.docos-docoview-resolved:hover, .docos-comments= -pe .docs-gm.docos-xeditor .docos-streamdocoview:hover, .docos-comments-pe = .docs-gm.docos-xeditor.docos .docos-streamdocoview.docos-docoview-active { = border: 1px solid transparent; box-shadow: none; outline: none; } .docos-comments-pe .docos-stream-view .docos-replyview-reply-count { displa= y: inline-block; margin: 10px 0px 0px -8px; } .docos-comments-pe .docos-streamrootreplyview-content .docos-replyview-repl= y-count { display: inline-block; margin-left: -48px; } .docos-comments-pe .docos-search-active .docos-showrepliesbutton-container,= .docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) = .docos-streamdocoview .docos-new-tag.docos-new-tag-preview, .docos-comments= -pe .docos-xeditor .docos-docoview-active .docos-replyview-reply-count, .do= cos-comments-pe .docos-xeditor .docos-streamdocoview-inputcontainer, .docos= -comments-pe .docos-xeditor .docos-streamreplyview { display: none; } .docos-comments-pe .docos-search-active .docos-streamdocoview .docos-stream= replyview, .docos-comments-pe .docos-xeditor .docos-docoview-active .docos-= streamdocoview-inputcontainer, .docos-comments-pe .docos-xeditor .docos-doc= oview-active .docos-streamreplyview, .docos-comments-pe .docos-xeditor .doc= os-stream-filtered-for-you .docos-streamdocoview-latest-for-you { display: = block; } .docos-comments-pe .docos-search-active .docos-streamdocoview .docos-stream= replyview.docos-replyview-deleted, .docos-comments-pe .docos-search-active = .docos-streamdocoview .docos-streamreplyview.docos-replyview-deleted + .doc= os-streamreplyview:not(.docos-replyview-deleted), .docos-comments-pe .docos= -xeditor .docos-docoview-active .docos-streamreplyview.docos-replyview-dele= ted, .docos-comments-pe .docos-xeditor .docos-docoview-active .docos-stream= replyview.docos-replyview-deleted + .docos-streamreplyview:not(.docos-reply= view-deleted) { border-top: 1px dashed var(--gm3-sys-color-outline-variant,= #c4c7c5); } .docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamdocov= iew:not(:has(.docos-streamreplyview.docos-replyview-deleted:first-child)) .= docos-streamrootreplyview.docos-replyview-deleted, .docos-comments-pe .doco= s-xeditor .docos-stream-filtered-for-you .docos-streamdocoview:not(:has(.do= cos-streamreplyview.docos-replyview-deleted:first-child)) .docos-streamroot= replyview.docos-replyview-deleted, .docos-comments-pe.docos-search-active .= docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-delete= d:first-child)) .docos-streamrootreplyview.docos-replyview-deleted { border= -bottom: 1px dashed var(--gm3-sys-color-outline-variant,#c4c7c5); } .docos-comments-pe .docos-xeditor .docos-stream-emoji-header-container, .do= cos-comments-pe .docos-xeditor .docos-streamdocoview-header-container { col= or: var(--gm3-sys-color-on-surface-variant,#444746); margin: 8px 0px 4px; p= adding: 8px 16px; } .docos-comments-pe .docos-streamdocoview .docos-approver-badge-container, .= docos-comments-pe .docos-streamreplyview-content .docos-replyview-body-cont= ainer, .docos-comments-pe .docos-xeditor .docos-streamrootreplyview-content= .docos-replyview-static { margin-left: -40px; } .docos-comments-pe .docos-xeditor .docos-streamrootreplyview.docos-replyvie= w-deleted .docos-streamrootreplyview-content .docos-replyview-static { marg= in-left: 0px; } .docos-comments-pe .docos-stream-emoji-header-container + .docos-streamdoco= view-content, .docos-comments-pe .docos-streamdocoview-header-container:not= (.streamdocoview-header-container-hidden) + .docos-streamdocoview-content {= padding-top: 4px; } .docos-comments-pe .docos-streamdocoview-inputcontainer .docos-streamreplyv= iew-avatar { display: none; } .docs-gm .docos-comments-pe .docos-streamdocoview-input-pane { margin-left:= 0px; margin-top: 8px; } .docos-comments-pe .docos-streamrootreplyview { margin-bottom: 0px; } .docos-comments-pe .docos-streamreplyview-timestamp-and-button-container { = display: flex; gap: 8px; } .docos-comments-pe .docos-streamdocoview-details, .docos-comments-pe .docos= -streamreplyview .docos-overflowmenu-outer { flex-shrink: 0; margin-left: a= uto; overflow: hidden; position: relative; width: 0px; } .docos-comments-pe .docos-docoview-active .docos-streamdocoview-details, .d= ocos-comments-pe .docos-docoview-active .docos-streamreplyview .docos-overf= lowmenu-outer, .docos-comments-pe .docos-streamdocoview:hover .docos-stream= docoview-details, .docos-comments-pe .docos-streamdocoview:hover.docos-stre= amreplyview .docos-overflowmenu-outer { overflow: visible; width: auto; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview .docos-new-= tag { margin-left: 6px; position: relative; vertical-align: bottom; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview .docos-new-= tag.docos-new-tag-preview { margin-left: 0px; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docov= iew-active .docos-new-tag.docos-new-tag-preview, .docos-comments-pe .docs-g= m.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-showrepl= iesbutton { display: none; } .docos-comments-pe .docos-streamdocoview .docos-overflowmenu .goog-menuitem= { white-space: normal; width: 120px; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton { margin:= 20px 0px 0px; position: relative; width: 100%; } .docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed= { width: 100%; } .docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .= docos-replyview-reply-count { display: none; } .docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .= docos-streamreplyview:nth-last-child(-n+2) { display: block; } .docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .= docos-streamreplyview.docos-replyview-deleted:nth-last-child(-n+2), .docos-= comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-s= treamreplyview.docos-replyview-deleted:nth-last-child(-n+2) + .docos-stream= replyview:not(.docos-replyview-deleted) { border-top: 1px dashed var(--gm3-= sys-color-outline-variant,#c4c7c5); } .docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .= docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-delete= d:first-child)) .docos-streamrootreplyview.docos-replyview-deleted { border= -bottom: 1px dashed var(--gm3-sys-color-outline-variant,#c4c7c5); } .docos-comments-pe .docos-streampane-container:not(.docos-search-active) .d= ocos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamdocoview:= not(.docos-docoview-active):has(.docos-streamreplyview:nth-child(3)) .docos= -streamreplyview.docos-replyview-deleted:nth-last-child(2), .docos-comments= -pe .docos-streampane-container:not(.docos-search-active) .docos-stream-vie= w:not(.docos-stream-filtered-for-you) .docos-streamdocoview:not(.docos-doco= view-active):has(.docos-streamreplyview:nth-child(3)) .docos-streamrootrepl= yview.docos-replyview-deleted { border: 0px; } .docos-comments-pe .docos-xeditor .docos-stream-filtered-for-you .docos-str= eamdocoview:not(.docos-docoview-active):has(.docos-streamreplyview:nth-chil= d(3)) .docos-streamrootreplyview.docos-replyview-deleted { border: 0px; } .docos-docoview-active:has(.docos-streamreplyview.docos-replyview-deleted:l= ast-child) .docos-streamdocoview-inputcontainer { border-top: 1px dashed va= r(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 0px; } .docos-comments-pe.docos-stream-view .docos-showrepliesbutton-container { m= argin-left: -40px; } .docos-comments-pe.docos-stream-view:has(.docos-streamrootreplyview.docos-r= eplyview-deleted) .docos-showrepliesbutton-container { margin-left: 0px; or= der: 3; width: 100%; } .docos-comments-pe.docos-stream-view .docos-showrepliesbutton-collapsed-int= ernal { cursor: pointer; } .docs-stream-emoji-container { display: flex; align-items: center; } .docos-stream-emoji-reply-author { margin: 0px; } .docos-stream-emoji-content .docos-stream-emoji-reply-author .docos-author = { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; fon= t-size: 0.875rem; height: 18px; letter-spacing: 0.00625rem; line-height: 1.= 25rem; margin: 0px; max-width: 80%; } .docos-stream-emoji-content .docos-stream-emoji-reply-author .docos-author.= docos-stream-emoji-author-unverified { color: var(--gm3-sys-color-error,#b3= 261e); font-weight: 700; } .docos-stream-emoji-reply-emoji { height: 18px; width: 18px; margin-right: = 10px; } .docos-stream-emoji-reply-emoji.docos-stream-emoji-emoji-font-enabled { fon= t-family: "Noto Color Emoji", Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; font-size: 17px; margin-top: -1px; } .docos-stream-emoji-content { padding-left: 40px; } .docos-stream-emoji-subheading { display: flex; } .docos-emoji-view-avatar { left: 16px; } .docos-comments-pe .docos-stream-emoji-reaction-container > .goog-container= { display: flex; flex-direction: column; gap: 20px; } .docos-comments-pe .docos-stream-emoji-doco-view-action-container { padding= -bottom: 16px; } .docos-stream-emoji-delete-button { margin-left: auto; } .docos-stream-emoji-delete-button .docs-material-button { border: 1px solid= transparent; border-radius: 9999px; line-height: 30px; opacity: 0; padding= : 0px 5px; transition-property: opacity, box-shadow; transition-duration: 0= .25s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .docos-stream-emoji-delete-button .docs-material-button.docs-material-butto= n-disabled { background: none; } @media screen and (forced-colors: active) { .docos-stream-emoji-delete-button .docs-material-button.docs-material-but= ton-disabled { border: 1px solid; color: graytext; } } .docs-stream-emoji-container:focus-within .docos-stream-emoji-delete-button= .docs-material-button, .docs-stream-emoji-container:hover .docos-stream-em= oji-delete-button .docs-material-button { opacity: 1; } .docs-stream-emoji-container:focus-within .docos-stream-emoji-delete-button= .docs-material-button.docs-material-button-disabled, .docs-stream-emoji-co= ntainer:hover .docos-stream-emoji-delete-button .docs-material-button.docs-= material-button-disabled { opacity: 0.38; } .docos-comments-pe .docos-xeditor .docos-stream-emoji-header-container .doc= os-stream-emoji-quote, .docos-comments-pe .docos-xeditor .docos-stream-emoj= i-header-container .docos-stream-emoji-quote-caption { line-height: 1.25rem= ; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weig= ht: 500; font-style: normal; font-size: 0.875rem; } .docos-stream-emoji-header-container { background-color: var(--gm3-sys-colo= r-surface-container,#f0f4f9); display: flex; flex-direction: row; align-ite= ms: center; padding: 10px 16px; border-top-left-radius: 8px; border-top-rig= ht-radius: 8px; margin: -1px; } .docos-stream-emoji-doco-view-action-container { display: flex; flex-direct= ion: row; position: relative; padding-bottom: 15px; } .docos-stream-emoji-origin { color: var(--gm3-sys-color-on-surface-variant,= #444746); font-size: 0.6875rem; font-style: italic; text-align: left; white= -space: pre-wrap; } .stream-emoji-doco-view-header-divider { padding: 0px 5px; } :not(docos-docoview-resolved) .docos-streamdocoview:hover .docos-stream-emo= ji-header-container { background-color: var(--ws-sys-color-extended-yellow-= tonal,#fff2b4); } :not(docos-docoview-resolved) .docos-streamdocoview.docos-docoview-active .= docos-stream-emoji-header-container { background-color: var(--ws-sys-color-= extended-yellow-tonal,#fff2b4); } .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active .docos-= stream-emoji-header-container, .docos-streamdocoview.docos-docoview-resolve= d:hover .docos-stream-emoji-header-container { background: linear-gradient(= rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08),rgba(var(--g= m3-sys-color-on-surface-variant-rgb,68,71,70),.08)),var(--gm3-sys-color-sur= face-container,#f0f4f9); } .docos-comments-pe .docos-stream-emoji-header-container:empty { padding: 0p= x; } .docos-comments-pe .docos-stream-emoji-quote-caption { min-width: fit-conte= nt; } .docos-docoview-resolved.docos-stream-emoji-doco-view, .docos-docoview-reso= lved.docos-streamdocoview.docos-docoview-active .docos-stream-emoji-doco-vi= ew { background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-varian= t-rgb,68,71,70),.1),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,7= 0),.1)),var(--gm3-sys-color-surface-container,#f0f4f9); } .docos-comments-pe .docos-docoview-resolved.docos-streamdocoview.docos-doco= view-active .docos-stream-emoji-doco-view { background: inherit; } .docos-stream-emoji-details { position: absolute; right: 0px; top: 0px; } .docos-docoview-resolved.docos-streamdocoview .docos-stream-emoji-doco-view= .docos-stream-emoji-resolve-button { display: none; } .docos-streamdocoview .docos-stream-emoji-doco-view .docos-stream-emoji-res= olve-button { margin: 0px 8px 0px 0px; width: 28px; height: 28px; vertical-= align: middle; } .docos-overflowmenu-outer .goog-toolbar-menu-button-outer-box { min-width: = 14px; } .docos-stream-emoji-doco-view-total-reacted { font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-si= ze: 0.875rem; height: 18px; letter-spacing: 0.00625rem; line-height: 1.25re= m; } .docs-grille-gm3 .docos-stream-emoji-details { display: flex; } .docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {= align-items: center; display: flex; justify-content: center; } .docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {= background: none; border-radius: 9999px; height: 32px; width: 32px; border= : 1px solid transparent !important; } .docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.j= fk-button-hover { background-image: none; background-position: initial; bac= kground-size: initial; background-repeat: initial; background-attachment: i= nitial; background-origin: initial; background-clip: initial; border-radius= : 9999px; height: 32px; width: 32px; background-color: rgba(var(--gm3-sys-c= olor-on-surface-variant-rgb,68,71,70),.08); border: 1px solid transparent != important; } .docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.j= fk-button-focused { background-image: none; background-position: initial; b= ackground-size: initial; background-repeat: initial; background-attachment:= initial; background-origin: initial; background-clip: initial; border-radi= us: 9999px; height: 32px; width: 32px; background-color: rgba(var(--gm3-sys= -color-on-surface-variant-rgb,68,71,70),.1); border: 1px solid transparent = !important; } .docos-streampane .docos-input-button-row { padding-bottom: 6px; } .docos-streampane .docos-input-post { margin: 0px 4px 0px 0px; } .docos-streampane .docos-input-cancel { background: none; } .docos-streampane-container { line-height: 140%; outline: none; } .docos-streampane-content { position: relative; } .docs-docos-activity-sidebar-content .docos-streampane-content { position: = static; } .docos-streampane-readonlytext { color: var(--gm3-sys-color-on-surface,#1f1= f1f); padding: 12px 0px 12px 20px; } .docos-revisionhistory .docos-streampane-content .docos-streampane-readonly= text { display: none !important; } .docos-streampane-bannertext { background-color: var(--ws-sys-color-extende= d-yellow-tonal,#fff2b4); border-top: 1px solid var(--gm3-sys-color-outline-= variant,#c4c7c5); border-bottom: 1px solid var(--gm3-sys-color-outline-vari= ant,#c4c7c5); color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); = font-weight: 500; padding: 12px 20px; position: relative; } .docos-streampane-bannerlink, .docos-streampane-bannerlink:visited { color:= var(--gm3-sys-color-primary,#0b57d0); font-weight: 400; margin-left: 8px; = } .docos-comments-pe .docos-streampane-bannerlink, .docos-comments-pe .docos-= streampane-bannerlink:visited { color: var(--gm3-sys-color-primary,#0b57d0)= ; } .docs-gm .docos-streampane-bannertext { border-top: 0px; box-sizing: border= -box; height: 62px; } .docos-comments-pe .docos-streampane-bannertext { color: var(--gm3-sys-colo= r-on-surface-variant,#444746); display: flex; font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 400; overflo= w: hidden; padding: 2px 16px; -webkit-font-smoothing: antialiased; } .docos-comments-pe .docos-streampane-bannertext-content { margin: auto; } .docos-streampane-entryarea { margin: 6px 29px 10px 20px; position: relativ= e; zoom: 1; } .docos-streampane-entryarea-content { margin-left: 61px; position: relative= ; zoom: 1; } .docos-streampane-username { font-size: 0.75rem; font-weight: 500; margin-b= ottom: 3px; top: -3px; } .docos-streampane-title { font-size: 1.2em; margin: 20px 5px 2px; } .docos-streampane-input-pane { top: -4px; } .docos-streampane-input-pane .docos-input-post { font-weight: 500; } .docos-streampane-input-pane .docos-input-textarea { font-size: 0.75rem; he= ight: 30px; } .docos-streamdocoview-inputcontainer .docos-input-acl-fixer-message, .docos= -streamdocoview-inputcontainer .docos-input-assignment-message, .docos-stre= amdocoview-inputcontainer .docos-input-at-reply-message, .docos-streamdocov= iew-inputcontainer .docos-input-static-message { color: var(--gm3-sys-color= -on-surface-variant,#444746); line-height: normal; margin-top: 8px; } .docos-comments-pe .docos-streamdocoview-inputcontainer .docos-input-acl-fi= xer-message, .docos-comments-pe .docos-streamdocoview-inputcontainer .docos= -input-assignment-message, .docos-comments-pe .docos-streamdocoview-inputco= ntainer .docos-input-at-reply-message, .docos-comments-pe .docos-streamdoco= view-inputcontainer .docos-input-static-message { color: var(--gm3-sys-colo= r-on-surface-variant,#444746); } .docos-streampane-error { background-color: var(--gm3-sys-color-error,#b326= 1e); border: 1px solid var(--gm3-sys-color-error,#b3261e); border-radius: 4= px; color: var(--gm3-sys-color-on-error,#fff); margin: 6px; padding: 6px; t= ext-align: center; } .docos-streampane-header { align-items: center; display: flex; background-c= olor: var(--gm3-sys-color-surface-container-low,#f8fafd); max-height: 52px;= overflow: hidden; padding: 10px 29px 10px 20px; } .docs-gm .docos-streampane-header { background-color: var(--gm3-sys-color-s= urface,#fff); border-bottom: 1px solid var(--gm3-sys-color-outline-variant,= #c4c7c5); } .docs-gm .docos-streampane-header-round-top-corners { border-radius: 8px 8p= x 0px 0px; } .docs-docos-activity-sidebar .docs-gm .docos-streampane-header { padding: 1= 2px; } .docos-comments-pe.docs-docos-activity-sidebar .docos-streampane-header { b= order-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); heigh= t: 48px; padding: 0px 12px; } .docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button, = .docs-gm.docos-xeditor .docos-search-button, .docs-gm.docos-xeditor .docos-= subscription-settings-button { margin-right: 4px; width: 40px; } .docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .= docs-material-button, .docs-gm.docos-xeditor .docos-search-button .docs-mat= erial-button, .docs-gm.docos-xeditor .docos-subscription-settings-button .d= ocs-material-button { border-radius: 9999px; height: 40px; margin: 0px; pad= ding: 4px; width: 40px; } .docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .= docs-material-button.docs-material-button-focused, .docs-gm.docos-xeditor .= docos-search-button .docs-material-button.docs-material-button-focused, .do= cs-gm.docos-xeditor .docos-subscription-settings-button .docs-material-butt= on.docs-material-button-focused { line-height: 2rem; outline: none; } .docos-search-button .docs-material-button-active.docs-material-button-flat= -default, .docos-search-button .docs-material-button-focused.docs-material-= button-flat-default, .docos-search-button .docs-material-button-hover.docs-= material-button-flat-default, .docos-subscription-settings-button .docs-mat= erial-button-active.docs-material-button-flat-default, .docos-subscription-= settings-button .docs-material-button-focused.docs-material-button-flat-def= ault, .docos-subscription-settings-button .docs-material-button-hover.docs-= material-button-flat-default { background-color: var(--gm3-sys-color-surfac= e-container-high,#e9eef6); border-width: medium; border-style: none; border= -color: currentcolor; border-image: none; } .docos-comments-pe .docos-search-button .docs-material-button-hover.docs-ma= terial-button-flat-default, .docos-comments-pe .docos-subscription-settings= -button .docs-material-button-hover.docs-material-button-flat-default { bac= kground-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.0= 8); } .docos-comments-pe .docos-search-button .docs-material-button-active.docs-m= aterial-button-flat-default, .docos-comments-pe .docos-search-button .docs-= material-button-focused.docs-material-button-flat-default, .docos-comments-= pe .docos-subscription-settings-button .docs-material-button-active.docs-ma= terial-button-flat-default, .docos-comments-pe .docos-subscription-settings= -button .docs-material-button-focused.docs-material-button-flat-default { b= ackground-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),= .1); } .docos-comments-pe .docos-subscription-settings-button .docs-material-butto= n-disabled.docs-material-button-flat-default { background: none; } .docs-gm.docos-xeditor .docos-search-button .docs-material-button-content {= top: 5px; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button, .docs-gm.d= ocos-xeditor .docos-new-comment-button { align-items: center; border-radius= : 9999px; display: flex; height: 32px; justify-content: center; margin: 0px= ; min-width: 32px; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button, .docs-gm.d= ocos-xeditor .docos-new-comment-button { padding: 4px; } .docos-streampane-content .docos-comment-text { display: inline-block; floa= t: left; } .docos-xeditor .docos-comment-title-container { align-items: center; displa= y: flex; margin-right: auto; order: -1; } .docos-xeditor .docos-streampane-content .docos-comment-text.docos-comment-= header-title { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-siz= e: 1rem; font-weight: 500; line-height: 24px; } .docos-streampane-header .docos-filter-settings { padding: 0px 0px 0px 10px= ; } .docs-docos-activity-sidebar .docos-streampane-header .docos-filter-setting= s { padding: 0px; width: 160px; } .docos-streampane-header .goog-flat-menu-button, .docos-streampane-header .= jfk-button { border-color: transparent; background-color: transparent; back= ground-image: none; } .docos-streampane-header .goog-flat-menu-button-active, .docos-streampane-h= eader .goog-flat-menu-button-focused, .docos-streampane-header .goog-flat-m= enu-button-hover, .docos-streampane-header .goog-flat-menu-button-open, .do= cos-streampane-header .jfk-button-active, .docos-streampane-header .jfk-but= ton-focused, .docos-streampane-header .jfk-button-hover { border-color: var= (--gm3-sys-color-outline-variant,#c4c7c5); background-color: var(--gm3-sys-= color-surface-container-low,#f8fafd); background-image: -o-linear-gradient(= top,var(--gm3-sys-color-surface-container-low,#f8fafd),var(--gm3-sys-color-= surface-container,#f0f4f9)); } .docos-streampane-header .goog-flat-menu-button-dropdown { visibility: hidd= en; } .docos-streampane-header .goog-flat-menu-button-active .goog-flat-menu-butt= on-dropdown, .docos-streampane-header .goog-flat-menu-button-focused .goog-= flat-menu-button-dropdown, .docos-streampane-header .goog-flat-menu-button-= hover .goog-flat-menu-button-dropdown, .docos-streampane-header .goog-flat-= menu-button-open .goog-flat-menu-button-dropdown { visibility: visible; } .docos-streampane-header .goog-flat-menu-button-disabled .docos-ns-caption-= icon { opacity: 0.3; } .docs-gm .docs-docos-activity-sidebar .docos-ns-caption, .docs-gm.docos-xed= itor .docos-ns-caption { align-items: center; display: flex; } .docs-gm .docs-docos-activity-sidebar .docos-ns-caption-icon, .docs-gm.doco= s-xeditor .docos-ns-caption-icon { margin: 0px; } .docos-streampane-header .jfk-button-disabled .docos-new-comment-icon { opa= city: 0.15; } .docos-streampane-searchbar-container { align-items: center; border-bottom:= 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box-sizing: border= -box; display: none; justify-content: space-between; max-height: 0px; overf= low: hidden; padding: 0px 20px; transition: max-height 0.3s ease-in-out, pa= dding 0.3s ease-in-out; width: 100%; } .docos-comments-pe .docos-streampane-searchbar-container { border-bottom-wi= dth: medium; border-bottom-style: none; border-bottom-color: currentcolor; = transition: width 0.25s ease-in-out; width: 15%; } .docos-comments-pe .docs-gm.docos-xeditor .docos-search-button { width: uns= et; } .docos-comments-pe .docs-gm.docos-xeditor .docos-search-button .docos-searc= h-comments-icon-path { fill: var(--gm3-sys-color-on-surface-variant,#444746= ); } .docos-streampane-searchbar-open { display: flex; } .docos-streampane-searchbar-expanded { max-height: 100px; padding: 10px 20p= x; } .docos-comments-pe .docos-streampane-searchbar-expanded { margin-right: 16p= x; padding: 0px; position: absolute; right: 0px; width: 288px; } .docos-streampane-search-input { background-color: transparent; } .docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-inp= ut { color: var(--gm3-sys-color-on-surface-variant,#444746); font: 400 16px= / 24px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-inp= ut:placeholder-shown { text-overflow: ellipsis; } .docos-comments-pe .docos-streampane-searchbar-expanded ~ .docos-filter-set= tings { display: none; } .docos-streampane-searchbar { width: 75%; } .docos-comments-pe .docos-streampane-searchbar { width: 100%; } .docos-streampane-searchbar .docos-streampane-search-input { border: 1px so= lid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 8px; box-s= izing: border-box; height: auto; padding: 8px 10px; width: 100%; } .docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-inp= ut { border-radius: 28px; box-shadow: none; padding: 8px 40px; } .docos-streampane-searchbar .docos-streampane-search-input:focus { border-c= olor: var(--gm3-sys-color-primary,#0b57d0); border-width: 3px; } .docos-streampane-searchbar-clear-button, .docos-streampane-searchbar-close= -button { margin-right: 8px; } .docos-comments-pe .docos-streampane-searchbar-clear-button, .docos-comment= s-pe .docos-streampane-searchbar-close-button { position: absolute; } .docos-comments-pe .docos-streampane-searchbar-clear-button { right: -7px; = } .docos-comments-pe .docos-streampane-searchbar-clear-button .docs-icon { ma= rgin: 0px 0px 0px -1px; } .docos-comments-pe .docos-streampane-searchbar-close-icon-size.docs-icon { = height: 24px; margin-left: -3px; width: 24px; } .docos-streampane-searchbar-clear-button .docs-material-button-flat-default= .docs-material-button-hover, .docos-streampane-searchbar-close-button .docs= -material-button-flat-default.docs-material-button-hover { background-color= : transparent; } .docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-= button-flat-default.docs-material-button, .docos-comments-pe .docos-streamp= ane-searchbar-close-button .docs-material-button-flat-default.docs-material= -button { border-radius: 9999px; height: 32px; width: 32px; } .docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-= button-flat-default.docs-material-button-hover, .docos-comments-pe .docos-s= treampane-searchbar-close-button .docs-material-button-flat-default.docs-ma= terial-button-hover { background-color: rgba(var(--gm3-sys-color-on-surface= -variant-rgb,68,71,70),.08); } .docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-= button-flat-default.docs-material-button-active, .docos-comments-pe .docos-= streampane-searchbar-clear-button .docs-material-button-flat-default.docs-m= aterial-button-focused, .docos-comments-pe .docos-streampane-searchbar-clos= e-button .docs-material-button-flat-default.docs-material-button-active, .d= ocos-comments-pe .docos-streampane-searchbar-close-button .docs-material-bu= tton-flat-default.docs-material-button-focused { background-color: rgba(var= (--gm3-sys-color-on-surface-variant-rgb,68,71,70),.1); } .docos-streampane-searchbar-close-button .docs-material-button-ripple-eleme= nt { display: none; } .docos-streampane-searchbar-close-icon-size { width: 18px; height: 18px; ma= rgin: 1px 2px 2px 1px; } .docs-icon.docs-material.docos-streampane-subscription-settings-icon-size {= width: 24px; height: 24px; margin: 1px 2px 2px 1px; } .docos-enable-docs-header .docos-stream-view { position: relative; overflow= : auto; } .docos-enable-docs-header .docos-stream-view-height { max-height: 369px; } .docos-enable-docs-header:not(.docs-gm) .docos-stream-view > .docos-streamd= ocoview:first-child { border-top-color: transparent; } .docos-comments-pe.docos-stream-view > .docos-streamdocoview:first-child { = margin-top: 8px; } .docs-docos-activity-sidebar-content .docos-stream-view { bottom: 1px; max-= height: none; overflow: hidden auto; position: absolute; top: 116px; width:= 100%; } .docos-comments-pe .docs-docos-activity-sidebar-content .docos-stream-view = { top: 160px; } .docs-docos-activity-sidebar-content .docos-readonly:not(.docos-revisionhis= tory) .docos-stream-view { margin-top: 40px; } .docs-docos-activity-sidebar-content .docos-stream-view.streamview-height-o= n-banner { top: 170px; } .docos-comments-pe .docs-docos-activity-sidebar-content .docos-stream-view.= streamview-height-on-banner, .docos-comments-pe.streamview-height-on-banner= ~ .docos-streampane-all-filtered-out-state, .docos-comments-pe.streamview-= height-on-banner ~ .docos-streampane-zero-state { top: 231px; } .docos-new-comment-icon { display: inline-block; vertical-align: middle; ma= rgin: 4px 5px 5px 2px; opacity: 0.65; } .docs-gm .docos-new-comment-icon { opacity: 1; } .docs-gm .docos-new-comment-button { box-shadow: none; background-color: rg= b(255, 255, 255); background-image: none; cursor: pointer; border-radius: 2= px; border-width: medium; border-style: none; border-image: none; font-fami= ly: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= size: 0.875rem; font-weight: 500; line-height: 1rem; padding: 2px 6px 1px; = border-color: transparent !important; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button, .docs-gm.d= ocos-xeditor .docos-new-comment-button { background-color: transparent; col= or: transparent; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-= focused, .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jf= k-button-hover, .docs-gm.docos-xeditor .docos-new-comment-button.jfk-button= -focused, .docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover= { background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-variant-= rgb,68,71,70),.08),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70= ),.08)),var(--gm3-sys-color-surface,#fff); border-radius: 9999px; } .docs-gm .docos-new-comment-button.jfk-button-focused, .docs-gm .docos-new-= comment-button.jfk-button-hover { box-shadow: none; background-color: var(-= -gm3-sys-color-primary-container,#d3e3fd); background-image: none; cursor: = pointer; border-radius: 2px; border-width: 1px; border-color: transparent != important; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-= hover, .docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover { = background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-variant-rgb= ,68,71,70),.08),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.= 08)),var(--gm3-sys-color-surface,#fff); border-radius: 9999px; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-= focused, .docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-focuse= d { background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-variant= -rgb,68,71,70),.1),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70= ),.1)),var(--gm3-sys-color-surface,#fff); border-radius: 9999px; } .docs-gm .docos-new-comment-button.jfk-button-active { box-shadow: none; ba= ckground-color: var(--gm3-sys-color-primary-container,#d3e3fd); background-= image: none; cursor: pointer; border-radius: 2px; border-width: 1px; border= -color: transparent !important; } .docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-= active, .docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-active = { background: linear-gradient(rgba(var(--gm3-sys-color-on-surface-variant-r= gb,68,71,70),.1),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),= .1)),var(--gm3-sys-color-surface,#fff); outline: none; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default, .d= ocs-gm .docos-streampane-content .docos-comment-text { align-items: center;= color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans"= ; font-size: 0.875rem; font-weight: 500; line-height: 1.75rem; text-transfo= rm: none; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default { a= lign-items: center; border: 1px solid var(--gm3-sys-color-outline-variant,#= c4c7c5); border-radius: 28px; color: var(--gm3-sys-color-on-surface-variant= ,#444746); display: flex; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.fil= ter-applied { background-color: var(--gm3-sys-color-primary-container,#d3e3= fd); border-width: medium; border-style: none; border-color: currentcolor; = border-image: none; color: var(--gm3-sys-color-primary,#0b57d0); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.fil= ter-applied .docs-icon { display: inline-block; margin-bottom: 4px; margin-= right: 0px; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault.filter-applied .docs-icon { margin: 0px 4px 2px -8px; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default .do= cs-icon { display: none; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-cap= tion { margin-left: 4px; } .docs-gm .docs-docos-activity-sidebar .docos-filter-settings .docs-material= -menu-button-flat-default-caption { overflow: hidden; text-overflow: ellips= is; white-space: nowrap; width: 100px; } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-act= ive, .docs-gm .docos-filter-settings .docs-material-menu-button-flat-defaul= t-focused, .docs-gm .docos-filter-settings .docs-material-menu-button-flat-= default-hover { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-f= lat-default-active, .docs-gm .docos-filter-settings .filter-applied.docs-ma= terial-menu-button-flat-default-focused, .docs-gm .docos-filter-settings .f= ilter-applied.docs-material-menu-button-flat-default-hover { color: var(--g= m3-sys-color-primary,#0b57d0); } .docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-f= lat-default-hover { background-color: linear-gradient(rgba(var(--gm3-sys-co= lor-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d= 3e3fd); } .docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-f= lat-default-focused { background-color: linear-gradient(rgba(var(--gm3-sys-= color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-pr= imary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d= 3e3fd); } .docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-f= lat-default-active { background-color: linear-gradient(rgba(var(--gm3-sys-c= olor-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3= e3fd); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hov= er { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-foc= used { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1); b= order: 1px solid var(--gm3-sys-color-outline,#747775); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-act= ive { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.16); b= order: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-dro= pdown-icon { fill: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-gm .docos-filter-settings .filter-applied .docs-material-menu-button-= flat-default-dropdown-icon { fill: var(--gm3-sys-color-primary,#0b57d0); } .docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-act= ive .docs-material-menu-button-flat-default-dropdown-icon, .docs-gm .docos-= filter-settings .docs-material-menu-button-flat-default-focused .docs-mater= ial-menu-button-flat-default-dropdown-icon, .docs-gm .docos-filter-settings= .docs-material-menu-button-flat-default-hover .docs-material-menu-button-f= lat-default-dropdown-icon { fill: var(--gm3-sys-color-on-surface,#1f1f1f); = } .docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-f= lat-default-active .docs-material-menu-button-flat-default-dropdown-icon, .= docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-fl= at-default-focused .docs-material-menu-button-flat-default-dropdown-icon, .= docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-fl= at-default-hover .docs-material-menu-button-flat-default-dropdown-icon { fi= ll: var(--gm3-sys-color-primary,#0b57d0); } .docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default-focu= sed { filter: invert(100%); } .docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default { ou= tline: transparent solid 1px; } .docos-streampane-content .docos-comment-text { padding: 2px 0px; } .docs-gm .docos-new-comment-button.jfk-button-disabled { background-color: = var(--gm3-sys-color-surface,#fff); color: rgba(var(--gm3-sys-color-on-surfa= ce-rgb,31,31,31),.38); cursor: default; } .docs-gm .docos-streampane-container .streampane-dragger { cursor: grab; bo= rder-color: var(--gm3-sys-color-outline-variant,#c4c7c5); border-style: sol= id; border-width: 1px 0px 0px; height: 8px; width: 100%; } .docs-gm .docos-streampane-container .streampane-dragger-icon { height: 4px= ; margin: 2px auto 0px; width: 20px; } .docs-gm .docos-streampane-container .streampane-dragger:hover { background= : linear-gradient(rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70)= ,.08),rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08)),var(-= -gm3-sys-color-surface,#fff); cursor: grab; } .docos-streampane-all-filtered-out-state-content { color: var(--gm3-sys-col= or-on-surface-variant,#444746); padding-top: 24px; text-align: center; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault { background: transparent; border: 1px solid var(--gm3-sys-color-out= line,#747775); border-radius: 8px; color: var(--gm3-sys-color-on-surface-va= riant,#444746); padding: 0px 8px 0px 16px; -webkit-font-smoothing: antialia= sed; } .docos-comments-pe .docos-xeditor .docos-filter-settings { width: auto; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-dropdown { float: right; margin: 4px 0px 0px 8px; } .docos-comments-pe.docs-docos-activity-sidebar .docos-filter-settings .docs= -material-menu-button-flat-default-caption { max-width: 70px; min-width: 40= px; width: auto; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault.filter-applied { background-color: var(--gm3-sys-color-secondary-con= tainer,#c2e7ff); color: var(--gm3-sys-color-on-secondary-container,#004a77)= ; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault.filter-applied .docs-icon-img { color: var(--gm3-sys-color-on-second= ary-container,#004a77); } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-active, .docos-comments-pe .docos-filter-settings .docs-material-men= u-button-flat-default-focused, .docos-comments-pe .docos-filter-settings .d= ocs-material-menu-button-flat-default-hover { color: var(--gm3-sys-color-on= -surface,#1f1f1f); } .docos-comments-pe .docos-filter-settings .filter-applied.docs-material-men= u-button-flat-default-active, .docos-comments-pe .docos-filter-settings .fi= lter-applied.docs-material-menu-button-flat-default-focused, .docos-comment= s-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-= default-hover { color: var(--gm3-sys-color-on-secondary-container,#004a77);= } .docos-comments-pe .docos-filter-reset-button.docs-material-button-hover, .= docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu= -button-flat-default-hover, .filter-applied.docs-material-menu-button-flat-= default-hover ~ .docos-filter-reset-button { background: linear-gradient(rg= ba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.08),rgba(var(-= -gm3-sys-color-on-secondary-container-rgb,0,74,119),.08)),var(--gm3-sys-col= or-secondary-container,#c2e7ff); } .docos-comments-pe .docos-filter-reset-button.docs-material-button-active, = .docos-comments-pe .docos-filter-reset-button.docs-material-button-focused,= .docos-comments-pe .docos-filter-settings .filter-applied.docs-material-me= nu-button-flat-default-active, .docos-comments-pe .docos-filter-settings .f= ilter-applied.docs-material-menu-button-flat-default-focused, .filter-appli= ed.docs-material-menu-button-flat-default-active ~ .docos-filter-reset-butt= on, .filter-applied.docs-material-menu-button-flat-default-focused ~ .docos= -filter-reset-button { background: linear-gradient(rgba(var(--gm3-sys-color= -on-secondary-container-rgb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secon= dary-container-rgb,0,74,119),.1)),var(--gm3-sys-color-secondary-container,#= c2e7ff); } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-hover { background: rgba(var(--gm3-sys-color-on-surface-variant-rgb,= 68,71,70),.08); } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-active, .docos-comments-pe .docos-filter-settings .docs-material-men= u-button-flat-default-focused { background: rgba(var(--gm3-sys-color-on-sur= face-variant-rgb,68,71,70),.1); } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-dropdown-icon { fill: var(--gm3-sys-color-on-surface-variant,#444746= ); height: 18px; width: 18px; } .docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-d= efault-active .docs-material-menu-button-flat-default-dropdown-icon, .docos= -comments-pe .docos-filter-settings .docs-material-menu-button-flat-default= -focused .docs-material-menu-button-flat-default-dropdown-icon, .docos-comm= ents-pe .docos-filter-settings .docs-material-menu-button-flat-default-hove= r .docs-material-menu-button-flat-default-dropdown-icon { fill: var(--gm3-s= ys-color-on-surface,#1f1f1f); } .docos-comments-pe .docos-filter-settings .filter-applied .docs-material-me= nu-button-flat-default-dropdown-icon, .docos-comments-pe .docos-filter-sett= ings .filter-applied.docs-material-menu-button-flat-default-active .docs-ma= terial-menu-button-flat-default-dropdown-icon, .docos-comments-pe .docos-fi= lter-settings .filter-applied.docs-material-menu-button-flat-default-focuse= d .docs-material-menu-button-flat-default-dropdown-icon, .docos-comments-pe= .docos-filter-settings .filter-applied.docs-material-menu-button-flat-defa= ult-hover .docs-material-menu-button-flat-default-dropdown-icon { fill: var= (--gm3-sys-color-on-secondary-container,#004a77); } .docos-sidebar-filter-container { display: flex; margin: 16px; } .docos-comments-pe .docos-sidebar-filter-container { margin: 16px 12px; pos= ition: relative; z-index: 2; } .docos-comments-pe .docos-sidebar-filter-container .gm3-menu .goog-menuitem= { padding: 10px 30px 10px 20px; } .docos-comments-pe .docos-streamdocoview-resolved-separator { color: var(--= gm3-sys-color-on-surface-variant,#444746); display: none; font: 500 14px / = 20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; left= : 2px; position: absolute; top: -34px; } .docos-comments-pe .docos-first-resolved-seen-doco .docos-streamdocoview-re= solved-separator { display: block; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docov= iew-resolved.docos-first-resolved-seen-doco { margin: 46px 16px 16px; } .docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docov= iew-resolved { margin: 16px; } .docos-streampane-tab-bar-container { width: 100%; } .docos-streampane-tabbar { display: flex; } .docos-streampane-tabbar .docs-tabbar-tab { border-bottom-width: medium; bo= rder-bottom-style: none; border-bottom-color: currentcolor; max-width: 130p= x; padding: 0px 16px; } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected { border= -color: transparent; position: relative; } .docos-streampane-tabbar .docs-tabbar-tab .docs-tabbar-tablabel { color: va= r(--gm3-sys-color-on-surface-variant,#444746); font: 400 14px / 20px "Googl= e Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; text-transform:= unset; } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected .docs-ta= bbar-tablabel { color: var(--gm3-sys-color-primary,#0b57d0); } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected .docs-ta= bbar-tablabel::after { background: var(--gm3-sys-color-primary,#0b57d0); bo= ttom: 0px; content: ""; height: 3px; left: 10%; position: absolute; border-= radius: 9999px 9999px 0px 0px; width: 80%; } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-hover { backgroun= d: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08); } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-active, .docos-st= reampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-focused { background: rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),.1); } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected.docs-tab= bar-tab-hover { background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208)= ,.08); } .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected.docs-tab= bar-tab-active, .docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-s= elected.docs-tabbar-tab-focused { background: rgba(var(--gm3-sys-color-prim= ary-rgb,11,87,208),.1); } .docos-streampane-tabbar-focused { outline: none; } .docos-filter-settings-container { position: relative; } .docos-filter-reset-button.docs-material-button { background: var(--gm3-sys= -color-secondary-container,#c2e7ff); border-radius: 9999px; height: 24px; p= osition: absolute; right: 4px; top: 4px; width: 24px; } .docos-filter-reset-button .docs-material-button-content { bottom: 4px; rig= ht: 6px; } .docos-filter-reset-button .docs-material-button-content .docs-icon-img { c= olor: var(--gm3-sys-color-on-secondary-container,#004a77); } .docs-docos-activity-sidebar-catch-me-up-button-container { font-family: "G= oogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: = 1rem; font-weight: 500; line-height: 24px; position: relative; left: auto; = color: var(--gm3-sys-color-on-surface-variant,#444746); display: flex; padd= ing: 0px 16px; } .docs-docos-activity-sidebar-catch-me-up-button-container .docs-gm3-outline= d-button.docs-gm3-button-focused, .docs-docos-activity-sidebar-catch-me-up-= button-container .docs-gm3-outlined-button.docs-gm3-button-hover { color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); } .docs-ai-catch-me-up-button.docs-gm3-outlined-button, .docs-ai-catch-me-up-= button.docs-gm3-outlined-button.docs-gm3-button-focused { background-color:= var(--gm3-sys-color-surface,#fff); border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; color: var(--gm3-sys-col= or-on-surface-variant,#444746); height: 32px; padding: 6px 24px; } .docs-ai-catch-me-up-button.docs-gm3-outlined-button.docs-gm3-button-hover = { background: linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradien= t01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sy= s-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-grad= ient01,#e9eef6)); border-width: medium; border-style: none; border-color: c= urrentcolor; border-image: none; } .docs-ai-catch-me-up-button.docs-gm3-outlined-button.docs-gm3-button-active= { background: linear-gradient(135deg, rgb(194, 207, 230), rgb(179, 205, 23= 0), rgb(198, 203, 230), rgb(194, 207, 230)); border-width: medium; border-s= tyle: none; border-color: currentcolor; border-image: none; } .docos-ns-caption-icon { display: inline-block; vertical-align: middle; mar= gin: 4px 5px 5px 2px; } .docs-gm .docos-ns-caption-icon { margin-left: 0px; } .docos-gm-notification-icon-path, .docos-new-comment-icon-path { fill: var(= --gm3-sys-color-primary,#0b57d0); } .docs-gm .docs-docos-activity-sidebar .docos-gm-notification-icon-path, .do= cs-gm .docs-docos-activity-sidebar .docos-new-comment-icon-path, .docs-gm .= docs-docos-activity-sidebar .docos-search-comments-icon-path, .docs-gm.doco= s-xeditor .docos-gm-notification-icon-path, .docs-gm.docos-xeditor .docos-n= ew-comment-icon-path, .docs-gm.docos-xeditor .docos-search-comments-icon-pa= th { fill: var(--gm3-sys-color-on-surface-variant,#444746); } .jfk-button-disabled .docos-new-comment-icon-path { fill: var(--gm3-sys-col= or-surface-container,#f0f4f9); } .docos-ns-caption { text-align: left; } .docs-gm .docos-ns-caption { height: 27px; } .docos-ns-caption-text { display: inline-block; height: 17px; } .docs-gm .docos-ns-caption-text { line-height: 1rem; height: 16px; } .docos-ns-caption-placeholder { visibility: hidden; } .docos-comments-pe .docos-streampane-all-filtered-out-state, .docos-streamp= ane-zero-state { align-items: center; background-color: var(--gm3-sys-color= -surface,#fff); bottom: 1px; display: flex; flex-direction: column; font-fa= mily: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; justify-content: s= pace-between; max-height: none; position: absolute; text-align: center; top= : 116px; width: 100%; } .docos-comments-pe .docos-streampane-all-filtered-out-state, .docos-comment= s-pe .docos-streampane-zero-state { background-color: var(--gm3-sys-color-s= urface-container,#f0f4f9); justify-content: center; overflow: hidden; top: = 160px; } .docos-streampane-zero-state-header-image { height: 200px; margin-top: 2vh;= width: 300px; } .docos-streampane-zero-state-content-add-comment { margin-bottom: 16px; } .docos-streampane-zero-state-content-add-comment { color: var(--gm3-sys-col= or-on-surface,#1f1f1f); font-size: 0.875rem; font-weight: 400; letter-spaci= ng: 0.00625rem; line-height: 1.25rem; width: 158px; } .docos-comments-pe .docos-streampane-zero-state-content-add-comment { color= : var(--gm3-sys-color-on-surface-variant,#444746); font: 400 14px / 20px "G= oogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docos-comments-pe .docos-streampane-zero-state-content-for-you-container .= docos-streampane-zero-state-content-for-you-message { display: block; } .docos-comments-pe .docos-streampane-zero-state-content-for-you-container .= docos-streampane-zero-state-content-default-message, .docos-comments-pe .do= cos-streampane-zero-state-content-for-you-container .docos-streampane-zero-= state-footer, .docos-streampane-zero-state-content-for-you-message { displa= y: none; } .docos-streampane-zero-state-add-comment-button.docs-material-button-fill-p= rimary.docs-material-button { text-transform: none; } .docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-= button.docs-material-button { border: 1px solid transparent; border-radius:= 9999px; box-sizing: border-box; cursor: pointer; font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; = font-weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; wh= ite-space: nowrap; background: var(--gm3-sys-color-primary,#0b57d0); color:= var(--gm3-sys-color-on-primary,#fff); } .docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-= button.docs-material-button-hover { color: var(--gm3-sys-color-on-primary,#= fff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),= 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); background: = linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),r= gba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-col= or-primary,#0b57d0); } .docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-= button.docs-material-button-active, .docos-comments-pe .docos-xeditor .doco= s-streampane-zero-state-add-comment-button.docs-material-button-focused, .d= ocos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-bu= tton.docs-material-button-hover.docs-material-button-focused { color: var(-= -gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--gm3= -sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-prim= ary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); } .docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-= button.docs-material-button-disabled { background: rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.12); color: rgba(var(--gm3-sys-color-on-surface-= rgb,31,31,31),.38); cursor: default; } .docos-comments-pe .docos-streampane-zero-state-add-comment-button.docs-mat= erial-button-disabled.docs-material-button-focused { background: rgba(var(-= -gm3-sys-color-on-surface-rgb,31,31,31),.08); } .docos-comments-pe .docos-streampane-zero-state-footer { bottom: 0px; margi= n: 15px; position: absolute; } .docos-comments-pe .docos-streampane-zero-state-footer-edu-explained { disp= lay: inline; } .docos-comments-pe .docos-streampane-zero-state-footer-edu, .docos-comments= -pe .docos-streampane-zero-state-footer-edu-explained { color: var(--gm3-sy= s-color-on-surface-variant,#444746); } .docos-comments-pe .docos-streampane-zero-state-footer-edu-learn-more { dis= play: inline-block; margin-left: 2px; } .docos-streampane-zero-state-footer { letter-spacing: 0.00625rem; font-size= : 0.75rem; } .docos-streampane-zero-state-footer-edu { color: var(--gm3-sys-color-on-sur= face-variant,#444746); font-weight: 500; line-height: 18px; margin-bottom: = 2px; } .docos-streampane-zero-state-footer-edu-explained { color: var(--gm3-sys-co= lor-on-surface-variant,#444746); font-weight: 400; font-size: 0.75rem; line= -height: 18px; width: 191px; } .docos-comments-pe .docos-streampane-all-filtered-out-message { color: var(= --gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; margin-bottom: 24px; } .docos-comments-pe .docos-streampane-all-filtered-out-state, .docos-comment= s-pe .docos-streampane-zero-state-content { align-items: center; display: f= lex; flex-direction: column; margin-bottom: 80px; } .docos-revisionhistory .docos-streampane-content .docos-streampane-zero-sta= te-add-comment-button, .docos-revisionhistory .docos-streampane-content .do= cos-streampane-zero-state-content-default-message, .docos-revisionhistory .= docos-streampane-content .docos-streampane-zero-state-content-for-you-messa= ge, .docos-streampane-zero-state-content-no-comments-revision-message { dis= play: none; } .docos-revisionhistory .docos-streampane-zero-state-content-no-comments-rev= ision-message { display: block; } .docos-streamreplyview { background-color: var(--gm3-sys-color-surface-cont= ainer,#f0f4f9); color: var(--gm3-sys-color-on-surface-variant,#444746); fon= t-size: 0.75rem; padding: 6px 6px 0px; position: relative; margin-bottom: 3= px; min-height: 24px; } .docos-streamreplyview, .docos-streamrootreplyview { outline: none; } .docs-gm .docos-streamreplyview { background-color: var(--gm3-sys-color-sur= face,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= border-radius: 4px; font-size: 0.875rem; margin-bottom: 8px; padding: 16px= ; } .docs-gm .docs-docos-activity-sidebar .docos-streamreplyview, .docs-gm.doco= s-xeditor .docos-streamreplyview { background: inherit; border: 1px solid t= ransparent; left: -40px; margin: 0px; padding: 8px 0px; width: 110%; } .docs-gm .docos-comments-pe.docs-docos-activity-sidebar .docos-streamreplyv= iew:not(.docos-replyview.docos-replyview-deleted) { padding-bottom: 0px; pa= dding-top: 20px; } .docos-comments-pe.docs-docos-activity-sidebar .docos-docoview-active .doco= s-streamreplyview:not(.docos-replyview-deleted) + .docos-replyview-deleted,= .docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview:not(.= docos-docoview-active) .docos-streamreplyview:not(.docos-replyview-deleted)= :nth-last-child(2) + .docos-replyview-deleted, .docos-comments-pe.docs-doco= s-activity-sidebar .docos-streamreplyview.docos-replyview-deleted:first-chi= ld { margin-top: 20px; } .docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview:has(.d= ocos-streamrootreplyview.docos-replyview-deleted) .docos-streamreplyview.do= cos-replyview-deleted:first-child { margin-top: 0px; } .docos-comments-pe.docs-docos-activity-sidebar .docos-streamreplyview.docos= -replyview-deleted { padding: 0px; } .docs-gm.docos-xeditor .docos-streamreplyview { left: 0px; width: 100%; } .docs-gm.docos-xeditor .docos-streamrootreplyview-content { position: relat= ive; } .docs-gm.docos-xeditor .docos-streamrootreplyview.docos-replyview-deleted .= docos-streamrootreplyview-content { padding-left: 0px; } .docos-streamrootreplyview .docos-replyview-suggestion-badge { left: 19px; = top: 21px; align-items: center; background: var(--gm3-sys-color-surface-con= tainer-highest,#dde3ea); border-radius: 9999px; display: flex; height: 14px= ; justify-content: center; position: absolute; width: 14px; } .docos-streamrootreplyview .docos-replyview-suggestion-badge .docs-icon { f= lex: 0 0 auto; margin: 0px; position: relative; transform: scale(0.8) trans= lateY(1.75px); } .docos-docoview-resolved .docos-streamreplyview { background-color: var(--g= m3-sys-color-surface-container-low,#f8fafd); } .docs-gm .docos-docoview-resolved .docos-streamreplyview { background-color= : var(--gm3-sys-color-surface,#fff); } .docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-strea= mreplyview, .docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamre= plyview { background: inherit; } .docos-streamreplyview-avatar { left: 6px; } .docs-gm .docos-streamreplyview-avatar { left: 16px; } .docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar, .docs-= gm.docos-xeditor .docos-streamreplyview-avatar { left: 0px; } .docs-gm.docos-xeditor .docos-streamrootreplyview-content { padding-left: 4= 0px; } .docos-streamreplyview-content { padding-left: 30px; } .docs-gm .docos-streamreplyview-content { padding-left: 40px; } .docos-streamreplyview-author { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); font-weight: 500; } .docos:not(.docs-gm) .docos-streamreplyview-author { left: -2px; margin: 0p= x 4px; right: -2px; } .docs-gm .badging-enabled-doco .docos-streamreplyview-author { align-items:= center; display: inline-flex; flex-direction: row; } .docs-gm .docos-streamreplyview-author { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); letter-spacing: 0.00625rem; font-family: "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: = 0.875rem; line-height: 1.25rem; padding-right: 8px; } .docs-gm .docos-streamreplyview .docos-new-tag { flex: 0 0 auto; align-item= s: center; background-color: var(--gm3-sys-color-primary,#0b57d0); border-r= adius: 8px; color: var(--gm3-sys-color-on-primary,#fff); height: 16px; just= ify-content: center; margin: auto 0px; overflow: hidden; transform-origin: = left center; transition: transform 0.2s ease-out, color 0.1s ease-in, borde= r-radius 0.2s; line-height: 16px; } .docs-gm .docos-streamreplyview:not(:hover) .docos-new-tag { border-radius:= 9999px; color: var(--gm3-sys-color-surface,#fff); transform: scale(0.375);= width: 6px; } .docs-gm .docos-streamreplyview span + .docos-new-tag { margin-left: 4px; } .docs-gm .docos-streamreplyview:not(:hover) .docos-new-message { color: tra= nsparent; } .docos-streamreplyview-body { color: var(--gm3-sys-color-on-surface,#1f1f1f= ); margin: 0px; top: -4px; width: 100%; overflow-wrap: break-word; } .docos-streamreplyview-timestamp, .docos-streamreplyview:not(.docos-replyvi= ew-deleted) .docos-streamreplyview-text { position: relative; top: -3px; } .docos-streamreplyview-text { width: 100%; } .docos-streamreplyview-origin { padding-bottom: 4px; font-style: italic; } .docos-streamreplyview-origin, .docos-streamreplyview-timestamp { color: va= r(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.6875rem; white-= space: pre; } .docos-comments-pe .docos-streamreplyview-origin { color: var(--gm3-sys-col= or-on-surface-variant,#444746); font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; margin-left: -40px; } .docos-replyview-origin.docos-streamreplyview-origin { white-space: pre-wra= p; } .docos-streamdocoview .docos-streamreplyview .docos-replyview-control { dis= play: inline; top: -3px; } .docos-streamreplyview-edit-pane .docos-input-textarea { height: 23px; } .docos-streamdocoview .docos-replyview-quote { border-left: 1px solid var(-= -gm3-sys-color-outline-variant,#c4c7c5); font-style: italic; font-size: 0.7= 5rem; padding: 3px 10px; position: relative; zoom: 1; overflow-wrap: break-= word; } .docs-gm .docos-streamdocoview .docos-replyview-quote { margin: 8px 0px; pa= dding: 0px 8px 0px 16px; border-left-width: 3px; } .docs-gm .docos-streamdocoview .docos-replyview-quote { border-left-color: = var(--gm3-sys-color-primary,#0b57d0); } .docos-replyview-quote-caption { font-size: 0.6875rem; font-weight: 500; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); margin-right: 2px; pa= dding: 0px; } .docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar, .docs-= gm.docos-xeditor .docos-streamreplyview-avatar { font-size: 0.75rem; overfl= ow-wrap: break-word; } .docs-gm .docos-replyview-quote-caption { color: var(--gm3-sys-color-on-sur= face,#1f1f1f); letter-spacing: 0.8px; line-height: 1.25rem; font-family: Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; text-tra= nsform: uppercase; } .docos-replyview-quote-collapsed { overflow: hidden; height: 18px; padding-= left: 3px; } .docs-gm .docos-replyview-quote-collapse { height: 21px; padding-left: 0px;= } .docos-replyview-quote-expand { background: var(--gm3-sys-color-surface,#ff= f); padding: 3px 5px 0px; position: absolute; right: 0px; top: 0px; } .docs-gm .docos-replyview-quote-expand { padding: 0px 5px 0px 8px; } .docos-replyview-quote-collapse, .docos-replyview-quote-expand { color: var= (--gm3-sys-color-primary,#0b57d0); visibility: hidden; } .docs-gm .docos-replyview-quote-collapse, .docs-gm .docos-replyview-quote-e= xpand { color: var(--gm3-sys-color-primary,#0b57d0); } .docos-docoview-active .docos-replyview-quote-collapse, .docos-docoview-act= ive .docos-replyview-quote-expand { visibility: visible; } .docos-docoview-active .docos-replyview-quote-expand { background: var(--ws= -sys-color-extended-yellow-tonal,#fff2b4); } .docos-replyview-quote-collapse:hover, .docos-replyview-quote-expand:hover = { cursor: pointer; text-decoration: underline; } .docos-streamreplyview .docos-action-text, .docos-streamrootreplyview .doco= s-action-text { color: var(--gm3-sys-color-on-surface-variant,#444746); fon= t-style: italic; overflow-wrap: break-word; } .docs-gm .docos-streamreplyview .docos-action-text, .docs-gm .docos-streamr= ootreplyview .docos-action-text { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); opacity: 0.7; } .docos-comments-pe .docos-streamreplyview .docos-action-text, .docos-commen= ts-pe .docos-streamrootreplyview .docos-action-text { opacity: 1; } .docos-streamrootreplyview .docos-action-text { display: inline-block; } .docos-streamdocoview-content .docos-input-assignment-panel { margin-top: -= 5px; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted { border-rad= ius: 0px; margin: 0px; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-strea= mdocoview-authorname-timestamp, .docos-streamrootreplyview.docos-replyview-= deleted .docos-avatar, .docos-streamrootreplyview.docos-replyview-deleted .= docos-replyview-suggestion-badge, .docos-streamrootreplyview.docos-replyvie= w-deleted .docos-streamdocoview-authorname-timestamp { display: none; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-colla= psible-replyview { margin: 0px; } .docos-streamrootreplyview.docos-replyview-deleted .docos-collapsible-reply= view { width: 87%; padding: 0px; order: 1; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-strea= mreplyview-content { display: grid; padding: 0px; width: 100%; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-strea= mreplyview-content .docos-streamreplyview-text:has(.docos-replyview-tombsto= ne) { min-height: 66px; } .docos-streamrootreplyview.docos-replyview-deleted .docos-streamrootreplyvi= ew-content { display: flex; flex-wrap: wrap; width: 100%; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-reply= view-body-container { padding: 0px; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-strea= mreplyview-timestamp-and-button-container { padding: 0px; order: 2; } .docos-streamrootreplyview.docos-replyview-deleted .docos-streamreplyview-t= imestamp-and-button-container { order: 2; width: 13%; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-strea= mreplyview-attribution-warning { margin: 0px; } .docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-reply= view-tombstone { grid-column-start: 2; order: 1; } .docs-callout { align-items: center; border-radius: 8px; display: flex; fle= x-direction: row; padding: 12px; } .docs-callout-info { background: var(--gm3-sys-color-primary-container,#d3e= 3fd); } .docs-callout-info > .docs-icon-img { content: url("https://ssl.gstatic.com= /docs/common/material_common_sprite1060_blue.svg"); } .docs-callout-important { background: var(--ws-sys-color-extended-yellow-to= nal,#fff2b4); } .docs-callout-warning { background: var(--ws-sys-color-extended-yellow-fill= ,#fcbd00); } .docs-callout-important > .docs-icon-img, .docs-callout-warning > .docs-ico= n-img { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-callout > .docs-icon { flex-shrink: 0; height: 24px; width: 24px; } .docs-callout-message { color: var(--gm3-sys-color-on-surface,#1f1f1f); fon= t: 400 14px / 20px Roboto, sans-serif; letter-spacing: 0.00625rem; margin-l= eft: 12px; } .docos-ssd-tooltip { display: inline-block; max-width: 35ch; text-align: ce= nter; } .docos-ssd-content { box-sizing: border-box; text-align: left; width: 330px= ; } @media screen and (max-width: 560px) { .docos-ssd-content { width: 100%; } } .docos-ssd-content.goog-menu { border-radius: 8px; white-space: normal; } .docos-ssd-content .docs-callout { margin-bottom: 12px; } .docos-ssd-content [role=3D"heading"] { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font: 400 18px / 1.5rem "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; margin-bottom: 20px; } .docos-ssd-content p { color: var(--gm3-sys-color-on-surface-variant,#44474= 6); font: 500 0.6875rem / 1rem Roboto, RobotoDraft, Helvetica, Arial, sans-= serif; letter-spacing: 0.8px; margin-bottom: 16px; text-transform: uppercas= e; } .docos-ssd-radio-button-group .jfk-radiobutton { padding: 0px; display: blo= ck; } .docos-ssd-radio-button-group .jfk-radiobutton.jfk-radiobutton-disabled { o= pacity: 0.38; } .docos-ssd-radio-button-group .jfk-radiobutton + .jfk-radiobutton { margin-= top: 16px; } .docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton .jfk-radi= obutton-radio { border: 2px solid var(--gm3-sys-color-outline,#747775); hei= ght: 15px; width: 15px; } .docos-ssd-radio-button-group .jfk-radiobutton-radio { left: 3px; top: 50%;= transform: translateY(-50%) scale(1.2); } .docos-ssd-radio-button-group .jfk-radiobutton-hover:not(.jfk-radiobutton-d= isabled) .jfk-radiobutton-radio { cursor: pointer; } .docos-ssd-radio-button-group .jfk-radiobutton-radio::before { border-color= : transparent; border-radius: 9999px; border-style: solid; border-width: 6p= x; content: ""; height: 19px; left: -10.5px; position: absolute; top: -10.5= px; transform: scale(0.8333); width: 19px; } .docos-ssd-radio-button-group :not(.jfk-radiobutton-disabled):not(.jfk-radi= obutton-focused) .jfk-radiobutton-radio:hover::before { border-color: rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); } .docos-ssd-radio-button-group .jfk-radiobutton-focused .jfk-radiobutton-rad= io::before { border-color: var(--gm3-sys-color-primary-container,#d3e3fd); = } .docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked .= jfk-radiobutton-radio { border-color: var(--gm3-sys-color-primary,#0b57d0);= } .docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked.j= fk-radiobutton .jfk-radiobutton-radio::after { background-color: var(--gm3-= sys-color-primary,#0b57d0); border-color: var(--gm3-sys-color-primary,#0b57= d0); border-width: 2px; height: 7px; left: 2px; margin: 0px; top: 2px; widt= h: 7px; } .docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-label { mar= gin-left: 36px; } .docos-ssd-radio-button-group .jfk-radiobutton-label label { color: var(--g= m3-sys-color-on-surface,#1f1f1f); display: block; font: 500 0.875rem / 1.5r= em "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; letter= -spacing: 0.00625rem; } .docos-ssd-radio-button-group .jfk-radiobutton-checked .jfk-radiobutton-lab= el label { color: var(--gm3-sys-color-primary,#0b57d0); } .docos-ssd-radio-button-group .jfk-radiobutton-label span { color: var(--gm= 3-sys-color-on-surface-variant,#444746); font: 400 0.75rem / 1rem Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; letter-spacing: 0.00625rem; } .docos-ssd-content hr { border-right-width: medium; border-bottom-width: me= dium; border-left-width: medium; border-right-style: none; border-bottom-st= yle: none; border-left-style: none; border-right-color: currentcolor; borde= r-bottom-color: currentcolor; border-left-color: currentcolor; border-image= : none; border-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= margin: 16px 0px; } .docos-textarea { margin: 0px; padding: 2px; font-family: Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; resize: none; outline-width: 0px !importa= nt; } .docs-live-region-log.docs-palette { background-color: var(--gm3-sys-color-= surface-bright,#fff); border-radius: 4px; border-width: 0px; box-shadow: rg= ba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px= ; } .docs-live-region-log.docs-palette .mdc-elevation-overlay { opacity: 0; } .docs-live-region-log .docs-palette-title-bar { background-color: unset; bo= rder-top: unset; border-right: unset; border-left: unset; border-bottom: 1p= x solid var(--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-= color-on-surface,#1f1f1f); padding: 8px; } .docs-live-region-log .docs-palette-body { background-color: unset; border:= unset; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: flex; flex= -direction: column; gap: 8px; height: auto; max-height: 60vh; min-height: 2= 0vh; overflow-y: auto; padding: 8px; pointer-events: auto; resize: both; wi= dth: 312px; } .docs-live-region-log li { display: flex; flex-direction: column; list-styl= e: none; } .docs-live-region-log del { background-color: var(--gm3-sys-color-error-con= tainer,#f9dedc); padding: 2px 4px; } .docs-live-region-log ins { background-color: var(--gm3-sys-color-tertiary-= container,#c4eed0); padding: 2px 4px; text-decoration: none; } .docs-live-region-log-changes > :first-child { padding-top: 2px; } .docs-live-region-log-changes > :last-child { padding-bottom: 2px; } .docs-live-region-log-changes { display: flex; flex-direction: column; bord= er: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); font-family: Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-live-region-log-entry-title { display: flex; justify-content: space-b= etween; font-family: "Google Sans Text", Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 0.7rem; font-weight: 700; } .docs-live-region-log .docs-palette-left { font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; pointer-ev= ents: none; padding-top: 2px; } .docs-live-region-log .docs-palette-grippy { flex-grow: 1; } @media screen and (forced-colors: active) { .docs-live-region-log.docs-palette { border: 1px solid canvastext; } .docs-live-region-log .docs-palette-title-bar { border-bottom: 1px solid = canvastext; } .docs-live-region-log-changes > :not(:last-child) { border-bottom: 1px da= shed canvastext; } .docs-live-region-log-entry-title { color: graytext; } .docs-live-region-log .docs-palette-close-icon, .docs-live-region-log .do= cs-palette-grippy-icon { fill: buttontext; } .docs-live-region-log .docs-palette-close:focus .docs-palette-close-icon = { fill: highlight; } .docs-live-region-log .docs-palette-close:focus { outline: highlight soli= d 1px; } } .docs-bubble.docs-contributorview { background: var(--gm3-sys-color-surface= ,#fff); border-width: medium; border-style: none; border-color: currentcolo= r; border-image: none; border-radius: 8px; box-shadow: 0 2px 6px 2px color-= mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%,transparent); display: blo= ck; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; max-height: 260px; outline: none; padding: 0px 0px 4px; position: a= bsolute; width: 254px; z-index: 502; } .docs-contributorview.docs-hc-gecko { border: 1px solid transparent; } .docs-contributorview-content { max-height: 215px; overflow: hidden auto; } .docs-contributorview-title { color: var(--gm3-sys-color-on-surface,#1f1f1f= ); font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; padding: 17px 16px 7px; white-space: nowrap; } .docs-contributorview-header { display: flex; flex-direction: row; padding:= 5px 16px; white-space: nowrap; } .docs-contributorview-header:hover { background: color-mix(in srgb,var(--gm= 3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .docs-contributorview .docs-material-button.docs-material-button-flat-prima= ry { color: var(--gm3-sys-color-primary,#0b57d0); font-size: 0.75rem; text-= transform: none; } .docs-contributorview .docs-material-button-flat-primary.docs-material-butt= on-focused { border-style: solid; } .docs-contributorview-version-history-button { float: right; } .docs-contributorview-avatar-holder { max-width: 32px; } .docs-contributorview-avatar { border-radius: 9999px; height: 32px; width: = 32px; } .docs-contributorview-authortimestamp { overflow: hidden; padding: 0px 10px= ; } .docs-contributorview-timestamp { color: var(--gm3-sys-color-on-surface-var= iant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-ser= if; font-size: 0.75rem; } .docs-contributorview-author { align-items: center; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); display: flex; font: 500 14px "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; gap: 4px; height: 18px; } .docs-contributorview-author-name { max-width: 167px; overflow: hidden; tex= t-overflow: ellipsis; white-space: nowrap; } .docs-contributorview-message { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); overflow-wrap: break-word; padding: 10px 16px; text-overflow: ellipsis= ; white-space: normal; } .docs-contributorview-spinner { overflow: hidden; padding: 30px 16px 13px; = } .docs-contributorview-spinner-holder { float: left; height: 32px; margin: 0= px 0px 0px 16px; position: relative; } .docs-promo-title { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-we= ight: 500; } .docs-promo-content { color: var(--gm3-sys-color-on-surface-variant,#444746= ); cursor: pointer; } .docs-promo-dismiss-link { color: var(--gm3-sys-color-primary,#0b57d0); cur= sor: pointer; } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-b= ubble-arrowimplbefore, .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-= bubble-arrowup .jfk-bubble-arrowimplbefore { border-color: color-mix(in sRG= B,var(--gm3-sys-color-outline,#747775) 10%,transparent) transparent; } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-b= ubble-arrowimplbefore, .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-= bubble-arrowright .jfk-bubble-arrowimplbefore { border-color: transparent c= olor-mix(in sRGB,var(--gm3-sys-color-outline,#747775) 10%,transparent); } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-b= ubble-arrowimplafter { border-width: 10px 10px 0px; border-style: solid; bo= rder-image: none; border-color: var(--gm3-sys-color-surface-container-low,#= f8fafd) transparent; } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bub= ble-arrowimplafter { border-width: 0px 10px 10px; border-style: solid; bord= er-image: none; border-color: transparent var(--gm3-sys-color-surface-conta= iner-low,#f8fafd); } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-b= ubble-arrowimplafter { border-width: 10px 10px 10px 0px; border-style: soli= d; border-image: none; border-color: transparent var(--gm3-sys-color-surfac= e-container-low,#f8fafd); } .jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-= bubble-arrowimplafter { border-width: 10px 0px 10px 10px; border-style: sol= id; border-image: none; border-color: transparent var(--gm3-sys-color-surfa= ce-container-low,#f8fafd); } .jfk-bubble.docs-promo-bubble { background-color: var(--gm3-sys-color-surfa= ce-container-low,#f8fafd); border-width: medium; border-style: none; border= -color: currentcolor; border-image: none; border-radius: 2px; box-shadow: c= olor-mix(in sRGB,var(--gm3-sys-color-surface,#fff) 90%,transparent) 0 1px 0= inset,color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 5%,transparent) 0= -1px 0 inset,color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%,transp= arent) 0 15px 10px,color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 30%,t= ransparent) 0 8px 36px; padding: 0px; } .docs-gm-promo.jfk-bubble.docs-promo-bubble { background-color: var(--gm3-s= ys-color-primary,#0b57d0); border-radius: 8px; box-shadow: 0 2px 6px 2px rg= ba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); margin-top: 4px; } .docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-ar= rowimplbefore { border-color: transparent; } .docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-ar= rowdown .jfk-bubble-arrowimplafter, .docs-gm-promo.jfk-bubble.jfk-bubble-pr= omo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter { bord= er-color: var(--gm3-sys-color-primary,#0b57d0) transparent; } .docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-ar= rowleft .jfk-bubble-arrowimplafter, .docs-gm-promo.jfk-bubble.jfk-bubble-pr= omo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter { b= order-color: transparent var(--gm3-sys-color-primary,#0b57d0); } .docs-promo-text-container { width: 363px; overflow-wrap: break-word; } .docs-promo-text-container-ltr { float: right; } .docs-promo-container { box-sizing: border-box; padding: 24px 16px 0px; } .docs-gm-promo .docs-promo-container { padding: 16px; } .docs-promo-icon-container { width: 48px; height: 48px; margin-right: 16px;= float: left; } .docs-promo-header { color: var(--gm3-sys-color-on-surface,#1f1f1f); opacit= y: 0.87; font-size: 15px; font-weight: 500; } .docs-gm-promo .docs-promo-header { color: var(--gm3-sys-color-on-primary,#= fff); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; font-size: 1rem; font-weight: 500; opacity: 1; } .docs-promo-header-prefix { color: var(--ws-sys-color-extended-red-fill,#b3= 251e); } .docs-promo-body { color: var(--gm3-sys-color-on-surface-variant,#444746); = font-size: 13px; line-height: 1.25rem; padding-top: 20px; } .docs-gm-promo .docs-promo-body { color: var(--gm3-sys-color-on-primary,#ff= f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 400; padding: 4px 0px; } .docs-gm-promo .docs-promo-body a, .docs-gm-promo .docs-promo-body a:active= , .docs-gm-promo .docs-promo-body a:hover, .docs-gm-promo .docs-promo-body = a:link, .docs-gm-promo .docs-promo-body a:visited { color: inherit; } .docs-promo-action-row { font-weight: 500; padding-top: 20px; padding-right= : 8px; padding-bottom: 24px; position: relative; text-align: right; } .docs-gm-promo .docs-promo-action-row { padding: 0px; margin-top: 16px; } .docs-promo-action-row a, .docs-promo-action-row a:active, .docs-promo-acti= on-row a:hover, .docs-promo-action-row a:link, .docs-promo-action-row a:vis= ited { color: var(--gm3-sys-color-primary,#0b57d0); text-decoration: none; = } .docs-gm-promo .docs-promo-action-row a, .docs-gm-promo .docs-promo-action-= row a:active, .docs-gm-promo .docs-promo-action-row a:hover, .docs-gm-promo= .docs-promo-action-row a:link, .docs-gm-promo .docs-promo-action-row a:vis= ited { color: var(--gm3-sys-color-on-primary,#fff); } .docs-promo-action-container { color: var(--gm3-sys-color-primary,#0b57d0);= cursor: pointer; text-transform: uppercase; } .docs-gm-promo .docs-promo-action-container { color: var(--gm3-sys-color-on= -primary,#fff); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 0.875rem; font-weight: 500; margin: 0px 0px = 0px 20px; text-transform: none; } .docs-gm-promo .docs-promo-action-container:focus { outline-color: var(--gm= 3-sys-color-on-primary,#fff); } .docs-promo-action-button-right { margin-left: 12.5px; float: right; } .docs-promo-action-button-left { margin-right: 12.5px; } .docs-texteventtarget-iframe { border: 0px; width: 625px; height: 1px; over= flow: hidden; outline-style: none; pointer-events: none; } .docs-texteventtarget-iframe-negative-top { top: -10000px; } .docs-texteventtarget-iframe-visible { z-index: 100; } .docs-docos-activitybox { background: var(--gm3-sys-color-surface,#fff); bo= rder: solid 1px var(--gm3-sys-color-outline-variant,#c4c7c5); box-shadow: 0= 2px 4px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 20%,transparent= ); padding: 12px 0px; position: absolute; outline: none; right: 20px; top: = 46px; z-index: 900; } .docs-docos-activitybox-round-corners { border: unset; border-radius: 8px; = } .docos-streampanesize { height: 420px; width: 385px; } .docs-docos-activitybox-inner { height: 100%; overflow: auto; } .docs-docos-activitybox.docos-enable-new-header { padding: 0px !important; = height: auto !important; } .docs-docos-activitybox.docos-enable-new-header > .docs-docos-activitybox-i= nner { overflow: visible !important; } .docs-docos-caret-inner, .docs-docos-caret-outer { border-width: 0px 9px 9p= x; border-style: solid; border-color: currentcolor; border-image: none; dis= play: block; height: 0px; margin: 0px auto; position: relative; width: 0px;= z-index: 901; } .docs-docos-caret-inner { border-color: var(--gm3-sys-color-surface,#fff) t= ransparent; top: 1px; } .docs-docos-caret-outer { border-color: var(--gm3-sys-color-outline-variant= ,#c4c7c5) transparent; top: 9px; } .docos-enable-new-header > .docs-docos-caret-inner { border-color: var(--gm= 3-sys-color-outline-variant,#c4c7c5) transparent !important; } .docs-docos-activity-sidebar { border-radius: 16px; box-shadow: none; overf= low: hidden; width: 300px; margin: 6px 16px 16px; } .has-right-rail .docs-docos-activity-sidebar { margin-left: 0px; margin-rig= ht: 0px; } .docs-docos-activity-sidebar { margin: 6px 16px 0px; background-color: var(= --gm3-sys-color-surface,#fff); display: flex; flex-direction: column; outli= ne: none; position: absolute; right: 0px; top: 0px; width: 385px; } .docs-docos-activity-sidebar-header { border-top: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); justify-content: space-between; min-height: = 56px; } .docs-docos-activity-sidebar-header-title { font-family: "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; font-weigh= t: 500; line-height: 24px; position: relative; left: auto; } .docos-comments-pe .docs-docos-activity-sidebar-header-title { color: var(-= -gm3-sys-color-on-surface-variant,#444746); font: 400 22px / 28px "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-docos-activity-sidebar-header-action-container { align-items: center;= display: flex; } .docs-sidebar-gm-titlebar-icon-button.docs-sidebar-gm-close-button.docs-doc= os-activity-sidebar-close { align-items: center; display: flex; height: 32p= x; justify-content: center; margin: 0px; padding: 4px; right: 0px; } .docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-h= over { background-color: color-mix(in sRGB,var(--gm3-sys-color-on-surface-v= ariant,#444746) 8%,transparent); } .docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-a= ctive, .docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-b= utton-focused { background-color: color-mix(in srgb,var(--gm3-sys-color-on-= surface-variant,#444746) 10%,transparent); } .docos-comments-pe .docs-sidebar-gm-titlebar-icon-button .docs-icon { heigh= t: 24px; margin: 0px; width: 24px; } .docos-comments-pe.docs-docos-activity-sidebar { background-color: var(--gm= 3-sys-color-surface-container,#f0f4f9); margin-bottom: 16px; width: 320px; = } .docs-gm .docos-comments-pe .docos-streampane-header, .docs-gm .docos-comme= nts-pe .docs-docos-activity-sidebar-header { background-color: var(--gm3-sy= s-color-surface-container,#f0f4f9); } .docs-gm .docos-comments-pe .docs-docos-activity-sidebar-header { border-bo= ttom-width: medium; border-bottom-style: none; border-bottom-color: current= color; } .docs-docos-activity-sidebar-header { align-items: center; background-color= : var(--gm3-sys-color-surface,#fff); border-bottom: 1px solid var(--gm3-sys= -color-outline-variant,#c4c7c5); border-top-width: medium; border-top-style= : none; border-top-color: currentcolor; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); display: flex; font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 1rem; height: 56px; padding: 0px= 16px; z-index: 2; } .docos-shelly-icon { background-image: url("//ssl.gstatic.com/docs/common/d= -icons31.png"); background-repeat: no-repeat; height: 14px; width: 14px; } .docos-icon-close-pane { background-position: 0px -21px; } .docos-icon-close-pane:hover { background-position: -38px -45px; } .docos-icon-grippy { background-position: -38px -94px; width: 16px; height:= 4px; } .docos-icon-discussion-button { background-position: -22px -66px; width: 14= px; height: 15px; vertical-align: text-bottom; margin-right: 5px; } .docos-new-dot { background-color: var(--ws-sys-color-extended-yellow-fill,= #fcbd00); border-radius: 9999px; display: inline-block; float: right; heigh= t: 6px; margin-left: 10px; margin-top: 5px; position: absolute; width: 6px;= } @keyframes docos-new-dot-animation {=20 0% { transform: scale(0); } 70% { transform: scale(1.2); } 100% { transform: scale(1); } } .post-limit-error-dialog { max-width: 512px; box-sizing: border-box; } .post-limit-error-dialog .docs-material-gm-dialog-content { color: var(--gm= 3-sys-color-on-surface,#1f1f1f); font-size: 14px; } .docs-editwarnings-banner { align-items: center; background-color: var(--gm= 3-sys-color-primary-container,#d3e3fd); border-radius: 8px; box-sizing: bor= der-box; display: flex; height: 48px; margin: 0px 16px 4px; padding: 14px 1= 2px 14px 16px; } .docs-editwarnings-banner-text { color: var(--gm3-sys-color-on-primary-cont= ainer,#0842a0); font: 400 14px / 20px "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; } .docs-editwarnings-banner-text .docs-editwarnings-banner-header { font-weig= ht: 500; } .docs-editwarnings-banner-buttons { align-items: center; display: flex; mar= gin-left: auto; } .docs-editwarnings-settingdialog { color: var(--gm3-sys-color-on-surface-va= riant,#444746); font: 400 14px / 20px "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; max-width: 575px; } .docs-editwarnings-settingdialog > * { margin: 0px; } .docs-editwarnings-settingdialog > * + * { margin-top: 24px; } .docs-editwarnings-settingdialog .docs-editwarnings-settingdialog-web-only = { background-color: var(--gm3-sys-color-surface-variant,#e1e3e1); border-ra= dius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 14px 16= px; } .docs-emoji-picker-bubble { position: absolute; z-index: 1002; --ae-emojipi= cker-emoji-font-family: Noto Color Emoji; --ae-emojipicker-emoji-font-size-= scale: 0.85; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble { width: 280p= x; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-header { display: flex; font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem;= line-height: 1.5rem; } .smart-canvas-voting-chip-details-bubble-emoji { font-size: 1.5rem; padding= -right: 8px; } .smart-canvas-voting-chip-details-bubble-vote-list { align-items: center; d= isplay: flex; flex-grow: 1; line-height: 1rem; } .smart-canvas-voting-chip-details-bubble-action-bar { border-top: 1px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); } .smart-canvas-voting-chip-details-bubble-change-emoji { align-items: center= ; display: flex; justify-content: space-between; } .smart-canvas-voting-chip-details-bubble-emoji-shortcode { display: content= s; font-weight: 700; } .smart-canvas-voting-chip-details-bubble-disclaimer-container { align-items= : center; background-color: var(--gm3-sys-color-primary-container,#d3e3fd);= border-radius: 8px; display: flex; padding: 8px 12px; } .smart-canvas-voting-chip-details-bubble-hint-bar.docs-bubble-material-body= -hint-bar { background-color: var(--gm3-sys-color-surface,#fff); color: var= (--gm3-sys-color-on-primary-container,#0842a0); font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; justify-content: flex-s= tart; padding: 0px 16px 12px; } .smart-canvas-voting-chip-details-bubble-disclaimer-icon-container { align-= items: center; display: flex; height: 24px; justify-content: center; paddin= g-right: 10px; width: 24px; } .smart-canvas-voting-chip-details-bubble-voter-overflow { color: var(--gm3-= sys-color-primary,#0b57d0); display: contents; text-decoration: underline; = } .smart-canvas-voting-chip-details-bubble-voter-overflow:hover { cursor: poi= nter; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .docs-bubble-= material-body { padding: 12px 16px; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .docs-bubble-= material-body-action-bar { font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; height: 56px; padding: 12px 16px; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-change-emoji-button .docs-material-button { bor= der-radius: 32px; height: 32px; margin: 0px; padding: 0px; width: 32px; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-change-emoji-button .docs-material-button-hover= { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%= ,transparent); } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-change-emoji-button .docs-material-button-focus= ed { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) = 12%,transparent); border: 0px; } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-change-emoji-button .docs-material-button-activ= e { background: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 12%,= transparent); } .docs-bubble-material.smart-canvas-voting-chip-details-bubble .smart-canvas= -voting-chip-details-bubble-change-emoji-button { margin: 0px 0px 0px 12px;= } .unifiedPreviewBubbleRoot.docs-bubble { box-shadow: 0 1px 3px rgba(var(--gm= 3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-color-sh= adow-rgb,0,0,0),.15); } .voting-chip-item-button-preview { background: var(--gm3-sys-color-surface-= container-high,#e9eef6); border-radius: 8px; flex-shrink: 1; font-size: 0.8= 75rem; height: 20px; line-height: 1.25rem; padding: 0px 6px; } .voting-chip-item-button { align-items: center; display: flex; height: 44px= ; padding: 0px 16px; } .emoji-detail-sidebar { background-color: var(--gm3-sys-color-surface,#fff)= ; border-radius: 16px; box-shadow: none; overflow: hidden; margin: 6px 16px= 16px; } .has-right-rail .emoji-detail-sidebar { margin-left: 0px; margin-right: 0px= ; } .emoji-detail-sidebar { background-color: var(--gm3-sys-color-surface-conta= iner,#f0f4f9); display: flex; flex-direction: column; font-family: Roboto, = RobotoDraft, Helvetica, Arial, sans-serif; outline: none; position: absolut= e; width: 300px; } .emoji-detail-sidebar-header { align-items: center; border-bottom: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); border-top-width: medium; b= order-top-style: none; border-top-color: currentcolor; color: var(--gm3-sys= -color-on-surface,#1f1f1f); display: flex; font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; height: 56p= x; padding: 0px 16px; z-index: 2; background-color: var(--gm3-sys-color-sur= face-container,#f0f4f9); justify-content: space-between; } .emoji-detail-sidebar-header-text { font-weight: 500; } .emoji-detail-sidebar-header span { font-family: "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 500; = line-height: 24px; position: relative; left: auto; } .emoji-detail-sidebar-group-list { overflow-y: scroll; padding: 10px 20px; = } .emoji-detail-sidebar-group-container { font-size: 0.875rem; padding-bottom= : 15px; } .emoji-detail-sidebar-group-overview { padding-bottom: 5px; } .emoji-detail-sidebar-group-emoji { font-weight: 700; } .emoji-detail-sidebar-group-emoji-font-enabled { font-family: "Noto Color E= moji", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .emoji-detail-sidebar-body { overflow-y: auto; } .docs-body-pageless .emoji-detail-sidebar, .docs-hub .emoji-detail-sidebar = { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); backgroun= d-color: var(--gm3-sys-color-surface-container,#f0f4f9); } .emoji-detail-sidebar-attribution-warning { border-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); border-top-style: solid; border-top-width: 1px= ; margin: 8px 8px 0px; padding: 8px 8px 4px; } .emoji-detail-sidebar-attribution-warning-image { height: 16px; width: 16px= ; } .emoji-detail-sidebar-attribution-warning-text { font-family: Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; line-height: 1rem; margin: -16px 0px = 0px 16px; padding: 0px 0px 0px 4px; overflow-wrap: break-word; } .building-block-card-content-container { align-items: center; border-radius= : 8px; border: 1px solid transparent; display: flex; height: 40px; margin: = 8px 0px; padding: 4px; position: relative; } .building-block-card-content-container.docs-gm3-button-hover { background-c= olor: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,var(--gm3-s= ys-color-surface-container,#f0f4f9)); } .building-block-card-content-container.docs-gm3-button-focused { background= -color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,var(--gm= 3-sys-color-surface-container,#f0f4f9)); border: 1px solid var(--gm3-sys-co= lor-primary,#0b57d0); } .building-block-card-content-container.docs-gm3-button-focused.docs-gm3-but= ton-active { border: 1px solid transparent; } .building-block-card-name.disabled-name { color: var(--gm3-sys-color-outlin= e,#747775); } .building-block-card-name { margin: 0px 2px 0px 4px; max-width: 80%; overfl= ow: hidden; text-overflow: ellipsis; white-space: nowrap; } .building-block-card-checked-mark, .building-block-card-preview-icon { marg= in-left: auto; margin-right: 10px; } .building-block-card-icon { margin-left: 8px; } .building-block-card-icon.disabled-icon { opacity: 0.7; } .building-block-card-insert-text { background: var(--gm3-sys-color-primary,= #0b57d0); border-radius: 9999px; color: var(--gm3-sys-color-on-primary,#fff= ); padding: 2px 12px; margin-left: auto; margin-right: 8px; } .docs-gm .docs-tiled-sidebar.building-blocks-sidebar { background: var(--gm= 3-sys-color-surface-container,#f0f4f9); border: 1px solid var(--gm3-sys-col= or-surface-container,#f0f4f9); width: 320px; } .docs-gm .building-blocks-sidebar .docs-tiled-sidebar-header { background-c= olor: unset; border-bottom-width: medium; border-bottom-style: none; border= -bottom-color: currentcolor; } .building-blocks-sidebar .docs-tiled-sidebar-header.docs-tiled-sidebar-head= er-shadow { box-shadow: none; } .docs-gm .docs-tiled-sidebar.building-blocks-sidebar .building-blocks-promo= -image.kix-promo-image { border-radius: 8px; height: var(--kix-promo-image-= height,122px); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rg= b,0,0,0),.15); } .docs-gm .docs-tiled-sidebar.building-blocks-sidebar .docs-sidebar-header-t= ext { margin-left: 8px; } .building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-butto= n.docs-gm3-button.building-blocks-sidekick-entrypoint-button .docs-gm3-butt= on-focused:not(.docs-gm3-button-active), .building-blocks-sidebar .docs-til= ed-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-= sidekick-entrypoint-button.docs-gm3-button-focused:not(.docs-gm3-button-act= ive) { outline: none; } .building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-butto= n.docs-gm3-button.building-blocks-sidekick-entrypoint-button .docs-gm3-butt= on-focused:not(.docs-gm3-button-active):focus-visible, .building-blocks-sid= ebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.bu= ilding-blocks-sidekick-entrypoint-button.docs-gm3-button-focused:not(.docs-= gm3-button-active):focus-visible { outline: 2px solid var(--gm3-sys-color-s= econdary,#00639b); outline-offset: 2px; } .building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-butto= n.docs-gm3-button.building-blocks-sidekick-entrypoint-button { align-items:= center; display: flex; justify-content: center; margin: 14px 30px; } .building-blocks-promo-container { position: relative; height: calc(var(--p= romo-header-height, 20px) + var(--promo-header-margin, 8px)*2 + var(--promo= -subheader-height, 30px) + var(--promo-subheader-margin, 8px)*2 + var(--pro= mo-image-height, 143px)); margin: 0px 30px 16px; transition: height 0.5s; } .building-blocks-promo-container.kix-container { position: relative; height= : calc(var(--promo-header-line-height, 20px)*2 + var(--promo-header-margin,= 8px) + var(--promo-subheader-height, 30px) + var(--kix-promo-subheader-mar= gin-bottom, 16px) + var(--kix-promo-image-height, 122px)); margin: 0px 30px= 16px; transition: height 0.5s; } .building-blocks-promo-header { position: relative; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); display: flex; font-family: "Google Sans", Roboto,= RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-style= : normal; font-weight: 500; line-height: var(--promo-header-line-height,20p= x); letter-spacing: 0.00625rem; margin: var(--promo-header-margin,8px) 0; } .building-blocks-promo-subheader { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.75rem; font-style: normal; font-weight: 400; line-= height: var(--promo-subheader-line-height,16px); margin: var(--promo-subhea= der-margin,8px) 0; min-height: var(--promo-subheader-height,30px); } .building-blocks-promo-subheader.kix-promo-subheader { margin: var(--promo-= subheader-margin,8px) 0 var(--kix-promo-subheader-margin-bottom,16px); } .building-blocks-promo-image { height: var(--promo-image-height,143px); wid= th: var(--promo-image-width,244px); flex-shrink: 0; position: relative; } .building-blocks-promo-new-badge { color: var(--gm3-sys-color-primary,#0b57= d0); padding-right: 4px; } .building-blocks-sidebar.docs-tiled-sidebar-scroll { bottom: 24px; } .building-blocks-sidebar.docs-tiled-sidebar-content { position: absolute; t= op: 0px; } .building-blocks-sidebar .docs-tiled-sidebar-content .docs-tiled-sidebar-sc= roll.building-blocks-sidekick-scroll-top { top: calc(96px + var(--sidebar-b= utton-size, 48px)); } .building-blocks-sidebar .docs-tiled-sidebar-content .docs-tiled-sidebar-sc= roll { transition: top 0.5s; } .docs-body-pageless .docs-tiled-sidebar.building-blocks-sidebar { border: 1= px solid var(--gm3-sys-color-surface-container-low,#f8fafd); background-col= or: var(--gm3-sys-color-surface-container-low,#f8fafd); } .building-blocks-category-tile.docs-sidebar-tile { font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem;= line-height: 1.25rem; } .docs-gm .building-blocks-category-tile.docs-sidebar-tile.docs-sidebar-tile= -expanded { border-radius: 16px 16px 0px 0px; box-shadow: none; } .building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header = { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; font-size: 0.875rem; line-height: 1.25rem; background: var(--gm3-sys-= color-surface-container,#f0f4f9); color: var(--gm3-sys-color-on-surface-var= iant,#444746); font-weight: 500; } .building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header-= cursor:focus:not(.docs-sidebar-tile-header-no-focus), .building-blocks-cate= gory-tile.docs-sidebar-tile .docs-sidebar-tile-header-cursor:hover, .buildi= ng-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar= -tile-header:focus { background: color-mix(in srgb,var(--gm3-sys-color-prim= ary,#0b57d0) 10%,var(--gm3-sys-color-surface-container,#f0f4f9)); } .building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-= sidebar-tile-header:focus-visible { border-radius: 16px 16px 0px 0px; borde= r: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .building-blocks-category-tile .docs-sidebar-tile-header.docs-sidebar-tile-= header-cursor.goog-zippy-header.goog-zippy-collapsed:focus-visible { border= : 2px solid var(--gm3-sys-color-primary,#0b57d0); } .building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-= sidebar-tile-header { background: var(--gm3-sys-color-surface-container,#f0= f4f9); } .building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-control= s { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; font-size: 0.875rem; line-height: 1.25rem; background: var(--gm3-sy= s-color-surface-container,#f0f4f9); color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font-weight: 400; } .docs-body-pageless .building-blocks-category-tile.docs-sidebar-tile .docs-= sidebar-tile-controls, .docs-body-pageless .building-blocks-category-tile.d= ocs-sidebar-tile .docs-sidebar-tile-header, .docs-body-pageless .building-b= locks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar-til= e-header { background: var(--gm3-sys-color-surface-container-low,#f8fafd); = } .building-blocks-exp-preview-pill-container { align-items: center; backgrou= nd-color: var(--gm3-sys-color-surface,#fff); border-bottom-left-radius: 28p= x; border-bottom-right-radius: 28px; box-shadow: 0 1px 3px rgba(var(--gm3-s= ys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-color-shado= w-rgb,0,0,0),.15); display: flex; font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; justify-content:= space-between; line-height: 1.25rem; min-height: 45px; position: absolute;= } .building-blocks-exp-preview-pill-preview-text { color: var(--gm3-sys-color= -on-surface-variant,#444746); display: inline-block; margin-left: 12px; } .building-blocks-exp-preview-pill-separator { background: var(--gm3-sys-col= or-outline,#747775); display: inline-block; height: 16px; margin: 0px 8px; = width: 1px; } .building-blocks-exp-preview-pill-insert-new-sheet-text { color: var(--gm3-= sys-color-on-surface-variant,#444746); display: inline-block; } .building-blocks-exp-preview-pill-ai-insert-new-sheet-text { color: var(--g= m3-sys-color-on-surface-variant,#444746); margin-left: 12px; padding-bottom= : 2px; padding-top: 4px; } .building-blocks-exp-preview-pill-ai-disclaimer-text { color: var(--gm3-sys= -color-on-surface-variant,#444746); display: inline-block; font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0= .75rem; line-height: 1rem; margin-right: 12px; max-width: 650px; padding: 1= 2px 16px 12px 0px; right: 0px; white-space: pre-line; } .building-blocks-exp-preview-pill-ai-disclaimer, .building-blocks-exp-previ= ew-pill-preview { display: inline-block; } .emoji-detail-sidebar-user { display: flex; padding: 5px; } .emoji-detail-sidebar-user-info { display: flex; flex-direction: column; fl= ex-grow: 1; justify-content: center; padding: 0px 10px; } .emoji-detail-sidebar-user-name { font-weight: 500; } .emoji-detail-sidebar-user-name-invalid-attribution { color: var(--gm3-sys-= color-error,#b3261e); font-weight: 700; } .emoji-detail-sidebar-user-img { height: 40px; width: 40px; } .emoji-detail-sidebar-user-img > img { border-radius: 9999px; height: 40px;= width: 40px; } .emoji-detail-sidebar-user-timestamp { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-size: 0.75rem; } .emoji-detail-sidebar-user-delete-button .docs-material-button { opacity: 0= ; transition-property: opacity, box-shadow; transition-duration: 0.25s; tra= nsition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .emoji-detail-sidebar-user-delete-button .docs-material-button.docs-materia= l-button-disabled { background: none; } @media screen and (forced-colors: active) { .emoji-detail-sidebar-user-delete-button .docs-material-button.docs-mater= ial-button-disabled { color: graytext; border-color: currentcolor; border-w= idth: 1px; border-style: solid; } } :is(.emoji-detail-sidebar-user:focus-within, .emoji-detail-sidebar-user:hov= er) .emoji-detail-sidebar-user-delete-button .docs-material-button { opacit= y: 1; } :is(.emoji-detail-sidebar-user:focus-within, .emoji-detail-sidebar-user:hov= er) .emoji-detail-sidebar-user-delete-button .docs-material-button.docs-mat= erial-button-disabled { opacity: 0.38; } .docs-guides-htmlguiderenderer { z-index: 37; } #docs-script-button-bar .jfk-button { margin-right: 9px; } .docs-script-button-bar-text { color: var(--gm3-sys-color-on-surface-varian= t,#444746); display: inline-block; margin-left: 10px; margin-right: 20px; m= ax-width: 55px; outline: none; overflow: hidden; text-overflow: ellipsis; v= ertical-align: text-bottom; white-space: nowrap; } .docs-script-button-bar-text:hover { cursor: pointer; text-decoration: unde= rline; } .docs-script-button-bar-bubble { width: 175px; } .docs-script-button-bar-bubble-content { text-align: left; white-space: nor= mal; } .script-errorfield { border-color: var(--gm3-sys-color-error,#b3261e) !impo= rtant; } .script-errormsg { color: var(--gm3-sys-color-error,#b3261e) !important; } .script-manager-box { border-width: medium; border-style: none; border-colo= r: currentcolor; border-image: none; height: 450px; width: 700px; } .script-prompt-contents div { min-width: 300px; max-width: 700px; max-heigh= t: 350px; overflow: auto; } .script-prompt-contents input { width: 100%; } .script-app-dialog { z-index: 1003; } .script-app-contents { padding: 0px; } .script-error-message { display: inline-block; overflow: hidden; text-overf= low: ellipsis; vertical-align: text-bottom; white-space: nowrap; } .webstore-widget { padding: 0px; } .webstore-widget .modal-dialog-title { border-bottom: 1px solid var(--gm3-s= ys-color-outline-variant,#c4c7c5); margin: 0px; padding: 16px 12px; } #docs-meet-in-editors-entrypointbutton { background: var(--gm3-sys-color-su= rface,#fff); border-radius: 9999px; box-sizing: border-box; cursor: pointer= ; height: 36px; margin-right: 12px; width: 54px; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled { cur= sor: default; } @media screen and (forced-colors: active) { #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled { f= orced-color-adjust: none; border-color: graytext !important; color: graytex= t !important; opacity: 1 !important; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .do= cs-icon-img { forced-color-adjust: none; mask-image: url("https://ssl.gstat= ic.com/docs/common/material_common_sprite1060_grey_medium.svg"); mask-repea= t: no-repeat; background-color: graytext !important; color: graytext !impor= tant; content: unset !important; filter: none !important; opacity: 1 !impor= tant; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .do= cs-icon-img::before { content: unset !important; } } @media screen and (forced-colors: active) { .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-bu= tton-disabled .docs-icon-img { mask-image: url("https://ssl.gstatic.com/doc= s/common/material_common_sprite1060_gm3_grey_medium.svg"); } } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused, #docs= -meet-in-editors-entrypointbutton.goog-flat-menu-button-hover { background:= color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys= -color-surface,#fff)); border-color: var(--gm3-sys-color-outline-variant,#c= 4c7c5); } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open { backgro= und: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,var(--gm3-s= ys-color-surface,#fff)); border-color: color-mix(in srgb,var(--gm3-sys-colo= r-primary,#0b57d0) 10%,var(--gm3-sys-color-surface,#fff)); } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-icon { h= eight: 24px; width: 24px; margin: 5px 4px 0px; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled.docs-= meet-in-editors-active-video-call .docs-icon { margin-left: 8px; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-= editors-active-video-call-icon { background-color: var(--gm3-sys-color-prim= ary,#0b57d0); border-radius: 9999px; content: ""; height: 16px; margin: 4px= auto 0px; position: static; width: 4px; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-= editors-active-video-call-icon::before { background-color: var(--gm3-sys-co= lor-primary,#0b57d0); border-radius: 9999px; content: ""; display: inline-b= lock; height: 8px; left: 4px; position: absolute; top: 8px; width: 4px; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-= editors-active-video-call-icon::after { background-color: var(--gm3-sys-col= or-primary,#0b57d0); border-radius: 9999px; content: ""; display: inline-bl= ock; height: 8px; left: 16px; position: absolute; top: 8px; width: 4px; } @media (forced-colors: active) { #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-i= n-editors-active-video-call-icon, #docs-meet-in-editors-entrypointbutton.go= og-flat-menu-button .docs-meet-in-editors-active-video-call-icon::after, #d= ocs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-ed= itors-active-video-call-icon::before { background-color: buttontext; } } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-men= u-button-dropdown { border-color: var(--gm3-sys-color-primary,#0b57d0) tran= sparent; position: absolute; right: 6px; top: 15px; } @media (forced-colors: active) { #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-m= enu-button-dropdown { border-color: canvastext canvas; } @supports (forced-color-adjust:none) { #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-m= enu-button-dropdown { forced-color-adjust: none; border-color: buttontext t= ransparent; } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .go= og-flat-menu-button-dropdown { forced-color-adjust: none; border-color: gra= ytext transparent; } } } #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .goog= -flat-menu-button-dropdown { border-color: var(--gm3-sys-color-outline,#747= 775) transparent; } #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goo= g-flat-menu-button { border-color: var(--gm3-sys-color-outline-variant,#c4c= 7c5); } #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goo= g-flat-menu-button-disabled .goog-flat-menu-button-dropdown { display: none= ; } #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goo= g-flat-menu-button-disabled { opacity: 1; } .docs-meet-in-editors-menu { background: var(--gm3-sys-color-surface,#fff);= border-radius: 8px; border-width: 0px; box-shadow: rgba(60, 64, 67, 0.3) 0= px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px; } .docs-meet-in-editors-menu .mdc-elevation-overlay { opacity: 0; } .docs-meet-in-editors-menu { padding: 0px; width: 330px; } #docs-meet-in-editors-loading.hidden { display: none; } #docs-meet-in-editors-loading { height: 270px; display: flex; align-items: = center; justify-content: center; } #docs-meet-in-editors-loading .docs-spinner { align-items: center; display:= flex; overflow: visible; } #docs-meet-in-editors-loading .docs-quantum-spinner { top: auto; } #docs-meet-in-editors-error { color: var(--gm3-sys-color-on-surface-variant= ,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; font-size: 0.875rem; line-height: 18px; padding: 16px; text-= align: center; } #docs-meet-in-editors-error > img { display: block; margin-left: auto; marg= in-right: auto; } #docs-meet-in-editors-error > div { margin: 22px 34px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton { align-items: cent= er; background: none; border: 1px solid transparent; display: flex; height:= 40px; margin-right: 8px; padding-bottom: 2px; width: 68px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editor= s-active-call.goog-flat-menu-button-disabled { width: 56px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton .goog-flat-menu-but= ton-caption { padding: 0px 0px 2px 2px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on-disabled.docs-meet-in-editors-active-call .goog-flat-menu-button-caption= { padding-left: 5px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on-focused, .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-fl= at-menu-button-hover, .docs-grille-gm3 #docs-meet-in-editors-entrypointbutt= on.goog-flat-menu-button-open { background: color-mix(in srgb,var(--gm3-sys= -color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on-active { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1= f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editor= s-active-call.goog-flat-menu-button { border-color: transparent; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editor= s-active-call.goog-flat-menu-button.goog-flat-menu-button-hover { backgroun= d: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,var(--gm3-sys-= color-surface-container-low,#f8fafd)); } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editor= s-active-call.goog-flat-menu-button-open, .docs-grille-gm3 #docs-meet-in-ed= itors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-butt= on.goog-flat-menu-button-focused { background: color-mix(in srgb,var(--gm3-= sys-color-primary,#0b57d0) 10%,var(--gm3-sys-color-surface-container-low,#f= 8fafd)); } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on.docs-meet-in-editors-active-video-call .docs-icon { margin-left: 3px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on.docs-meet-in-editors-active-video-call .docs-icon-masked-image { color: = var(--gm3-sys-color-primary,#0b57d0); } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-butt= on .goog-flat-menu-button-dropdown { border-color: var(--gm3-sys-color-on-s= urface-variant,#444746) transparent; right: 14px; top: 17px; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editor= s-active-call.goog-flat-menu-button .goog-flat-menu-button-dropdown { borde= r-color: var(--gm3-sys-color-primary,#0b57d0) transparent; } @media (forced-colors: active) { @supports (forced-color-adjust:none) { .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-edit= ors-active-call.goog-flat-menu-button .goog-flat-menu-button-dropdown, .doc= s-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .= goog-flat-menu-button-dropdown { forced-color-adjust: none; border-color: b= uttontext transparent; } .docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-bu= tton-disabled .goog-flat-menu-button-dropdown { forced-color-adjust: none; = border-color: graytext transparent; } } } .meet-captured-region-border { border: 2px solid var(--gm3-sys-color-primar= y,#0b57d0); display: none; height: calc(100% - 4px); position: absolute; po= inter-events: none; width: calc(100% - 4px); top: 0px; z-index: 2003; } .meet-captured-region { height: calc(100% - 4px); left: 2px; position: abso= lute; pointer-events: none; width: calc(100% - 4px); top: 2px; } .meet-captured-region-border.docs-meet-in-editors-ui-docked-pip-visible, .m= eet-captured-region.docs-meet-in-editors-ui-docked-pip-visible { width: cal= c(100% - 304px); height: calc(100% - 4px); } .MEET_IN_EDITORS_PIP_FRAME { border: 0px; border-radius: 8px; pointer-event= s: none; position: absolute; visibility: hidden; z-index: 1202; box-shadow:= rgba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px = 3px; } .MEET_IN_EDITORS_PIP_FRAME .mdc-elevation-overlay { opacity: 0; } .MEET_IN_EDITORS_DIALOG_FRAME { border-width: medium; border-style: none; b= order-color: currentcolor; border-image: none; height: 100vh; left: 0px; ov= erflow: auto; position: absolute; top: 0px; width: 100vw; z-index: 1203; } .MEET_IN_EDITORS_MENU_FRAME { border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; display: block; height: 270px;= width: 330px; } .MEET_IN_EDITORS_FIXED_DOCKED_FRAME { background-color: var(--gm3-sys-color= -surface,#fff); border: 0px; display: block; height: 100vh; position: fixed= ; right: 0px; top: 0px; width: 300px; z-index: 1001; box-shadow: rgba(60, 6= 4, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px; } .MEET_IN_EDITORS_FIXED_DOCKED_FRAME .mdc-elevation-overlay { opacity: 0; } .MEET_IN_EDITORS_SIDEBAR_DOCKED_FRAME { background-color: var(--gm3-sys-col= or-surface,#fff); border-width: medium; border-style: none; border-color: c= urrentcolor; border-image: none; display: block; height: 100%; width: 300px= ; } #meet-captured-region-border { border: 2px solid var(--gm3-sys-color-primar= y,#0b57d0); display: none; height: calc(100% - 4px); position: absolute; po= inter-events: none; width: calc(100% - 4px); top: 0px; z-index: 2003; } #meet-captured-region { height: calc(100% - 4px); left: 2px; position: abso= lute; pointer-events: none; width: calc(100% - 4px); top: 2px; } #meet-captured-region-border.docs-meet-in-editors-ui-docked-pip-visible, #m= eet-captured-region.docs-meet-in-editors-ui-docked-pip-visible { width: cal= c(100% - 304px); height: calc(100% - 4px); } .picker.modal-dialog { z-index: 1201; } .picker-frame { width: 100%; height: 100%; border: 0px; overflow: hidden; } .picker.modal-dialog-bg { position: absolute; inset: 0px auto auto 0px; bor= der-width: medium; border-style: none; border-color: currentcolor; border-i= mage: none; background-color: rgb(233, 238, 246); } .picker.modal-dialog { position: absolute; inset: 0px auto auto 0px; backgr= ound-color: rgb(233, 238, 246); border: 1px solid rgb(172, 172, 172); width= : auto; padding: 0px; z-index: 1001; overflow: auto; box-shadow: rgba(0, 0,= 0, 0.2) 0px 4px 16px; transition: top 0.5s ease-in-out; } .picker-min { position: absolute; z-index: 1002; } .picker.modal-dialog-content { background-color: rgb(233, 238, 246); font-s= ize: 0px; padding: 0px; } .picker.modal-dialog-title { height: 0px; margin: 0px; } .picker.modal-dialog-buttons, .picker.modal-dialog-title-text { display: no= ne; } .docs-revisions-authorwidget { margin: 8px 10px 0px; direction: ltr; } .docs-grille-version-history.docs-revisions-authorwidget { margin: 8px 24px= 0px; } .docs-revisions-authorwidget-hat { align-items: center; box-sizing: border-= box; display: flex; flex-direction: row; border-bottom: 1px solid var(--gm3= -sys-color-outline,#747775); font-size: 15px; height: 48px; padding-bottom:= 8px; } .docs-grille-version-history .docs-revisions-authorwidget-hat { border-widt= h: medium; border-style: none; border-color: currentcolor; border-image: no= ne; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; font-size: 0.6875rem; line-height: 1rem; padding-bottom: 0px; } .docs-revisions-authorwidget-list { overflow-y: auto; } .docs-revisions-authorwidget-item { align-items: center; display: flex; fle= x-direction: row; margin-top: 10px; } .docs-grille-version-history .docs-revisions-authorwidget-item { margin-bot= tom: 10px; margin-top: 0px; } .docs-revisions-authorwidget-item:last-of-type { margin-bottom: 14px; } .docs-grille-version-history .docs-revisions-authorwidget-item:last-of-type= { margin-bottom: 0px; } .docs-revisions-authorwidget-item-photo { border-radius: 9999px; box-sizing= : border-box; border-style: solid; border-width: 2px; height: 28px; width: = 28px; } .docs-revisions-authorwidget-item-name { font-size: 13px; margin-left: 10px= ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .docs-grille-version-history .docs-revisions-authorwidget-item-name { font:= 500 12px / 16px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; } .docs-revisions-chromecover-content { align-items: center; display: flex; f= lex-direction: row; justify-content: flex-start; height: inherit; } .docs-revisions-chromecover-content-exclude-sidebar-width { width: calc(100= % - 320px); } .docs-revisions-chromecover-content-color-default { background-color: var(-= -gm3-sys-color-surface-container-low,#f8fafd); color: var(--gm3-sys-color-o= n-surface,#1f1f1f); } .docs-body-pageless .docs-revisions-chromecover-content-color-default { bac= kground-color: var(--gm3-sys-color-surface,#fff); } .docs-revisions-chromecover-titlebar { align-items: center; display: flex; = flex-direction: row; flex-grow: 1; justify-content: flex-start; user-select= : none; font-size: 1rem; width: 100%; } .docs-gm .docs-revisions-chromecover-titlebar { font-size: 18px; line-heigh= t: 24px; } .docs-grille-version-history .docs-revisions-chromecover-titlebar { font-si= ze: 1rem; } .docs-revisions-chromecover-titlebar-label-container { overflow: hidden; } .docs-revisions-chromecover-titlebar-spacer { flex-grow: 1; } .docs-revisions-chromecover-titlebar-name-label { flex-shrink: 10; font-fam= ily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font= -weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowra= p; } .docs-gm .docs-revisions-chromecover-titlebar-name-label { font-weight: 400= ; } .docs-grille-version-history .docs-revisions-chromecover-titlebar-name-labe= l { font-weight: 500; margin: 0px; } .docs-revisions-chromecover-titlebar-subtitle-label { font-size: 0.875rem; = } .docs-revisions-chromecover-titlebar-subtitle-label:empty { display: none; = } .docs-revisions-chromecover-titlebar[class*=3D"docs-hc"] .docs-revisions-ch= romecover-titlebar-button-action { border: 1px solid var(--gm3-sys-color-su= rface,#fff); } .docs-revisions-chromecover-titlebar-button-back-container { height: 100%; = min-width: 58px; } .docs-revisions-chromecover-titlebar-button-back { background-color: transp= arent; border: 0px; cursor: pointer; left: 18px; margin: 0px; outline: 0px;= padding: 0px; } .docs-revisions-chromecover-titlebar-button-back.docs-material .docs-icon {= height: 21px; width: 21px; margin: 0px; padding-bottom: 3px; } .docs-revisions-chromecover-titlebar-button-action, .docs-revisions-chromec= over-titlebar-second-button-action { align-items: center; border-radius: 4p= x; display: flex; flex-shrink: 0; -webkit-tap-highlight-color: transparent;= background-color: var(--gm3-sys-color-primary,#0b57d0); border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; col= or: var(--gm3-sys-color-on-primary,#fff); cursor: pointer; font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0= .875rem; font-weight: 500; height: 36px; margin: 0px 0px 0px 24px; outline:= none; padding: 0px 16px; text-transform: uppercase; white-space: nowrap; w= ill-change: box-shadow, filter, background-color, color; } .docs-gm .docs-revisions-chromecover-titlebar-button-action, .docs-gm .docs= -revisions-chromecover-titlebar-second-button-action { padding: 0px 24px; t= ext-transform: none; } .docs-grille-version-history .docs-revisions-chromecover-titlebar-button-ac= tion, .docs-grille-version-history .docs-revisions-chromecover-titlebar-sec= ond-button-action { border: 1px solid transparent; border-radius: 9999px; b= ox-sizing: border-box; cursor: pointer; font-family: "Google Sans", Roboto,= RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weigh= t: 500; height: 40px; line-height: 1.25rem; white-space: nowrap; background= : var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-prima= ry,#fff); padding: 10px 24px; } .docs-revisions-chromecover-titlebar-second-button-action { border-radius: = 8px; flex-shrink: 1; background-color: var(--gm3-sys-color-on-primary,#fff)= ; border: 2px solid var(--gm3-sys-color-outline-variant,#c4c7c5); color: va= r(--gm3-sys-color-primary,#0b57d0); margin-right: 16px; overflow: hidden; } .docs-revisions-chromecover-titlebar-second-button-text { min-width: 0px; o= verflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .docs-revisions-chromecover-titlebar-button-action, .docs-revisions-chromec= over-titlebar-button-action.goog-flat-button-active, .docs-revisions-chrome= cover-titlebar-button-action.goog-flat-button-hover, .docs-revisions-chrome= cover-titlebar-second-button-action, .docs-revisions-chromecover-titlebar-s= econd-button-action.goog-flat-button-active, .docs-revisions-chromecover-ti= tlebar-second-button-action.goog-flat-button-hover { transition-duration: 0= .28s; transition-property: box-shadow, filter, background-color, color; tra= nsition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,= .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-focuse= d, .docs-revisions-chromecover-titlebar-second-button-action.goog-flat-butt= on-active, .docs-revisions-chromecover-titlebar-second-button-action.goog-f= lat-button-focused { filter: brightness(88%); } .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,= .docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button= -active { } .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover:n= ot(.goog-flat-button-active), .docs-revisions-chromecover-titlebar-second-b= utton-action.goog-flat-button-hover:not(.goog-flat-button-active) { } .docs-grille-version-history .docs-revisions-chromecover-titlebar-button-ac= tion.goog-flat-button-hover { color: var(--gm3-sys-color-on-primary,#fff); = box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px = 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); background: linear= -gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(va= r(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-pri= mary,#0b57d0); } .docs-grille-version-history .docs-revisions-chromecover-titlebar-button-ac= tion.goog-flat-button-focused { color: var(--gm3-sys-color-on-primary,#fff)= ; background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,2= 55,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(-= -gm3-sys-color-primary,#0b57d0); } .docs-grille-version-history .docs-revisions-chromecover-titlebar-button-ac= tion.goog-flat-button-active { color: var(--gm3-sys-color-on-primary,#fff);= background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,25= 5,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--= gm3-sys-color-primary,#0b57d0); } .docsIdentityAttributionBadgeBadgeContainer { display: inline-block; vertic= al-align: middle; font-size: 0.75rem; line-height: 1rem; } .docsIdentityAttributionBadgeBadgeContainer:focus-visible { outline: 2px so= lid var(--gm3-sys-color-primary,#0b57d0); outline-offset: 2px; border-radiu= s: 4px; } .docsIdentityAttributionBadgeBadgeContainer { --ae-badge-container-color: v= ar(--ws-sys-color-extended-purple-tonal,#eedcfe); --ae-badge-text-color: va= r(--ws-sys-color-extended-on-purple-tonal,#7438d2); } .docsIdentityAttributionBadgeUnavailableBadgeContainer { display: inline-bl= ock; vertical-align: middle; font-size: 0.75rem; line-height: 1rem; } .docsIdentityAttributionBadgeUnavailableBadgeContainer:focus-visible { outl= ine: 2px solid var(--gm3-sys-color-primary,#0b57d0); outline-offset: 2px; b= order-radius: 4px; } .docsIdentityAttributionBadgeUnavailableBadgeContainer { --ae-badge-contain= er-color: var(--ws-sys-color-extended-grey-tonal,#e3e3e3); --ae-badge-text-= color: var(--ws-sys-color-extended-on-grey-tonal,#5e5e5e); } .docsIdentityAttributionBadgeNeedsLeadingMargin { margin-left: 6px; } .sidekickPreviewContentText.unifiedPreviewBubbleContent { padding: 12px; } .sidekickPreviewContentImage.unifiedPreviewBubbleContent { padding: 0px; } .sidekickPreviewContentTable.unifiedPreviewBubbleContent { padding: 0px 16p= x; } .docsRevisionsCommunicationManagerDialogs { --pjsEwc: 360px; --Tlqqfc: 360p= x; } .docs-revisions-icon { cursor: pointer; direction: ltr; height: 24px; min-h= eight: 24px; min-width: 24px; outline: none; position: relative; text-align= : left; vertical-align: middle; width: 24px; } .docs-hc-gecko .docs-revisions-icon { filter: invert(100%); } .docs-revisions-icon-rtl { transform: scaleX(-1); } .docs-revisions-icon-focused::before { transform: scale(1.375); border-radi= us: 9999px; background-color: var(--gm3-sys-color-inverse-surface,#303030);= content: ""; display: block; height: inherit; opacity: 0.12; position: abs= olute; width: inherit; } .docs-revisions-icon-img-mask { height: inherit; overflow: hidden; position= : absolute; width: inherit; } .docs-revisions-icon-img::before { content: url("https://ssl.gstatic.com/do= cs/common/revisions_sprite1.svg"); } .docs-revisions-icon-img { height: 72px; position: absolute; width: 24px; } .docs-revisions-icon-open .docs-revisions-icon-arrow { left: 0px; top: -48p= x; } .docs-revisions-icon-arrow { left: 0px; top: 0px; } .docs-revisions-icon-overflow { left: 0px; top: -24px; } .docs-revisions-new-changes-badge { background: var(--gm3-sys-color-primary= ,#0b57d0); border-radius: 9999px; height: 6px; outline: transparent solid 1= px; position: absolute; right: 18px; top: 10px; width: 6px; z-index: 2; } #docs-revisions-appbarbutton .docs-icon { margin: 0px; } #docs-revisions-appbarbutton.jfk-button { margin-right: 8px; } #docs-revisions-appbarbutton .jfk-tooltip { max-width: 200px; } #docs-revisions-appbarbutton.jfk-button-disabled:hover, #docs-revisions-app= barbutton.jfk-button-hover { background: color-mix(in srgb,var(--gm3-sys-co= lor-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } #docs-revisions-appbarbutton.jfk-button-focused { background: color-mix(in = srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surfac= e,#fff)); } .docs-revisions-sidebar { display: flex; flex-direction: column; background= -color: var(--gm3-sys-color-surface,#fff); height: 100%; outline-style: non= e; position: absolute; right: 0px; width: 250px; z-index: 100; } .docs-gm .docs-revisions-sidebar { overflow: hidden; box-shadow: -3px 0 6px= -3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15),3px 0 6px -3px rgba(v= ar(--gm3-sys-color-shadow-rgb,0,0,0),.15); width: 300px; } .docs-grille-version-history.docs-revisions-sidebar { background-color: var= (--gm3-sys-color-surface-container,#f0f4f9); box-shadow: none; font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; width: 3= 20px; } .docs-grille-version-history .docs-revisions-tile-text-box { font-family: "= Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .docs-grille-version-history .docs-revisions-tile-collaborator-nam= e { color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "G= oogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .docs-grille-version-history .docs-revisions-tile-actions { font-f= amily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-gm .docs-grille-version-history .docs-revisions-tile-caption-v0 { col= or: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-gm .docs-grille-version-history .docs-revisions-tile-show-v0.docs-rev= isions-tile-show-v0-link { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-revisions-sidebar-header { flex-shrink: 0; user-select: none; } .docs-gm .docs-revisions-sidebar-header { background-color: var(--gm3-sys-c= olor-surface,#fff); border-bottom: 1px solid var(--gm3-sys-color-outline-va= riant,#c4c7c5); color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-grille-version-history .docs-revisions-sidebar-header { background-co= lor: var(--gm3-sys-color-surface-container,#f0f4f9); border-width: medium; = border-style: none; border-color: currentcolor; border-image: none; font-si= ze: 1.375rem; } .docs-revisions-sidebar[class*=3D"docs-hc"] { border-left: 1px solid var(--= gm3-sys-color-surface,#fff); } .docs-revisions-sidebar[class*=3D"docs-hc"] > .docs-revisions-sidebar-heade= r { border-bottom: 1px solid var(--gm3-sys-color-surface,#fff); } .docs-revisions-sidebar-header-bg-color-brand { background-color: var(--gm3= -sys-color-primary,#0b57d0); } .docs-revisions-sidebar-header-text-color-brand { color: var(--gm3-sys-colo= r-on-primary,#fff); } .docs-revisions-sidebar-title { align-items: center; box-sizing: border-box= ; display: flex; flex-shrink: 0; font-size: 1rem; height: 60px; padding: 18= px; width: 100%; } .docs-gm .docs-revisions-sidebar-title { font-size: 1rem; line-height: 24px= ; padding: 20px 16px; } .docs-grille-version-history .docs-revisions-sidebar-title { font-size: 1.3= 75rem; line-height: 1.75rem; padding: 24px; } .docs-revisions-sidebar-title-text { font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-weight: 400; } .docs-revisions-sidebar-name-filter-switch-container { align-items: center;= box-sizing: border-box; display: flex; border-top: 1px solid color-mix(in = sRGB,var(--gm3-sys-color-surface,#fff) 20%,transparent); height: 47px; just= ify-content: space-between; padding: 14px 14px 14px 18px; width: 100%; } .docs-grille-version-history .docs-revisions-sidebar-name-filter-switch-con= tainer { border-top-width: medium; border-top-style: none; border-top-color= : currentcolor; } .docs-gm .docs-revisions-sidebar-name-filter-switch-container { border-top:= 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); padding: 12px 16px= ; height: 40px; } .docs-revisions-sidebar-name-filter-switch-container label { color: var(--g= m3-sys-color-on-primary,#fff); cursor: pointer; font-size: 0.75rem; font-we= ight: 400; opacity: 0.87; word-break: break-word; } .docs-gm .docs-revisions-sidebar-name-filter-switch-container label { color= : var(--gm3-sys-color-on-surface,#1f1f1f); line-height: 16px; } .docs-revisions-sidebar-revisions-list { position: relative; overflow: hidd= en auto; } .docs-revisions-sidebar-revisions-list:focus { outline-style: none; } body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollba= r { width: 11px; } body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollba= r-thumb { border-width: 1px; } body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollba= r-track { border-width: 0px; } .docs-revisions-sidebar-actions { flex-shrink: 0; border-top: 1px solid var= (--gm3-sys-color-outline-variant,#c4c7c5); padding: 9px 14px; } .docs-grille-version-history .docs-revisions-sidebar-actions { border-color= : var(--gm3-sys-color-outline-variant,#c4c7c5); } #docs-revisions-sidebar-iw-button, .docs-revisions-sidebar-detail-button { = margin-top: 9px; } .docs-revisions-sidebar-date-group { align-items: center; box-sizing: borde= r-box; display: flex; background-color: var(--gm3-sys-color-surface-contain= er,#f0f4f9); border-bottom: 1px solid var(--gm3-sys-color-surface-container= ,#f0f4f9); color: var(--gm3-sys-color-on-surface-variant,#444746); font-siz= e: 13px; font-weight: 500; height: 35px; padding-left: 18px; } .docs-gm .docs-revisions-sidebar-date-group { color: var(--gm3-sys-color-on= -surface,#1f1f1f); background-color: var(--gm3-sys-color-surface,#fff); fon= t-size: 0.6875rem; font-weight: 500; line-height: 1.25rem; text-transform: = uppercase; } .docs-grille-version-history .docs-revisions-sidebar-date-group { backgroun= d-color: var(--gm3-sys-color-surface-container,#f0f4f9); border-bottom-widt= h: medium; border-bottom-style: none; border-bottom-color: currentcolor; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; line-height: 1rem= ; padding-left: 24px; text-transform: none; } .docs-revisions-sidebar-revisions-list-container { overflow: auto; } .docs-revisions-sidebar-revisions-empty-container { display: flex; align-it= ems: center; flex: 1 0 auto; } .docs-revisions-sidebar-revisions-empty-named { color: var(--gm3-sys-color-= on-surface-variant,#444746); margin: 0px 18px; text-align: center; } .docs-gm .docs-revisions-sidebar-revisions-empty-details { color: var(--gm3= -sys-color-on-surface-variant,#444746); font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; } .docs-revisions-sidebar-revisions-empty-title { font-size: 15px; font-weigh= t: 500; } .docs-gm .docs-revisions-sidebar-revisions-empty-title { color: var(--gm3-s= ys-color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 500; line-h= eight: 24px; } .docs-revisions-sidebar-revisions-empty-details, .docs-revisions-sidebar-re= visions-empty-title { margin-bottom: 8px; } a.docs-revisions-sidebar-revisions-empty-learn-more { color: var(--gm3-sys-= color-primary,#0b57d0); } .docs-gm a.docs-revisions-sidebar-revisions-empty-learn-more { color: var(-= -gm3-sys-color-primary,#0b57d0); font-family: Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 20px;= } .docs-gm .docs-grille-version-history a.docs-revisions-sidebar-revisions-em= pty-learn-more { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-revisions-filter-selector .docs-material-gm-select-outer-box { displa= y: flex; height: 36px; margin: -8px 12px 12px; width: unset; } .docs-grille-version-history .docs-revisions-filter-selector .docs-material= -gm-select-outer-box { border-color: var(--gm3-sys-color-outline,#747775); = margin: 0px 24px 12px; } .docs-grille-version-history .docs-revisions-filter-selector .docs-material= -gm-select-outer-box:active { box-shadow: none; } .docs-grille-version-history .docs-revisions-filter-selector.docs-material-= gm-select-hover .docs-material-gm-select-outer-box { border-color: var(--gm= 3-sys-color-on-surface,#1f1f1f); background-color: transparent; } .docs-grille-version-history .docs-revisions-filter-selector .docs-material= -gm-select-dropdown, .docs-grille-version-history .docs-revisions-filter-se= lector .docs-material-gm-select-inner-box { display: flex; } .docs-grille-version-history .docs-revisions-filter-selector.docs-material-= gm-select-focused .docs-material-gm-select-outer-box, .docs-grille-version-= history .docs-revisions-filter-selector.docs-material-gm-select-open .docs-= material-gm-select-outer-box { outline: 2px solid var(--gm3-sys-color-prima= ry,#0b57d0); margin: 0px 23px 12px; } .docs-revisions-loading-indicator { padding-top: 10px; } .docs-revisions-filter-selector .docs-material-gm-select-caption, .docs-rev= isions-filter-selector .goog-menuitem-content { color: var(--gm3-sys-color-= on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; } .docs-grille-version-history.docs-revisions-filter-selector .docs-material-= gm-select-caption, .docs-grille-version-history.docs-revisions-filter-selec= tor .goog-menuitem-content { color: var(--gm3-sys-color-on-surface-variant,= #444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial= , sans-serif; } .docs-revisions-filter-selector.goog-menu { width: 270px; } .docs-grille-version-history.docs-revisions-filter-selector.goog-menu { box= -shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 2px 6px= 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); margin-left: 21px; ma= rgin-top: -10px; padding: 3px; } .docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog= -menuitem { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-size: 1rem= ; } .docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-m= enu .goog-menuitem.goog-menuitem-highlight { background-color: color-mix(in= sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-m= enu .goog-menuitem.goog-menuitem-highlight.goog-menuitem-active, .docs-gm .= docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-= menuitem.goog-option-selected { background-color: color-mix(in srgb,var(--g= m3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface-container-= highest,#dde3ea)); } .docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-m= enu .goog-menuitem.goog-option-selected .goog-menuitem-checkbox { display: = none; } .docs-revisions-encrypted-reminder-container { background-color: var(--gm3-= sys-color-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-surface= ,#1f1f1f); display: flex; font-family: Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; padding: 12px 18px 12px 0px; } .docs-grille-version-history .docs-revisions-encrypted-reminder-container {= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-size: 13px; } .docs-grille-version-history .docs-revisions-encrypted-reminder-container a= { font-weight: 500; } .docs-revisions-encrypted-reminder-icon-container { display: flex; justify-= content: center; min-width: 36px; } .docs-grille-version-history .docs-material-gm-labeled-checkbox, .docs-gril= le-version-history .docs-material-gm-labeled-checkbox-label { align-items: = center; color: var(--gm3-sys-color-on-surface-variant,#444746); font-family= : "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; line-he= ight: 1.25rem; } .docs-grille-version-history .docs-revisions-sidebar-actions .docs-material= -gm-labeled-checkbox-circle { margin-top: 0px; } .docs-revisions-switch { cursor: pointer; margin-left: 14px; } .docs-revisions-switch[class*=3D"docs-hc"] > .apps-ui-material-slide-toggle= -thumb, .docs-revisions-switch[class*=3D"docs-hc"] > .apps-ui-material-slid= e-toggle-track { border: 1px solid var(--gm3-sys-color-surface,#fff); will-= change: border-style; } .docs-revisions-switch .apps-ui-material-slide-toggle-thumb { background-co= lor: var(--gm3-sys-color-surface-variant,#e1e3e1); } .docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-thumb { back= ground-color: var(--gm3-sys-color-surface,#fff); } .docs-revisions-switch .apps-ui-material-slide-toggle-track { background-co= lor: var(--gm3-sys-color-surface,#fff); opacity: 0.3; } .docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-track { back= ground-color: var(--gm3-sys-color-surface-variant,#e1e3e1); opacity: 1; } .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .app= s-ui-material-slide-toggle-thumb { background-color: var(--gm3-sys-color-su= rface-container-low,#f8fafd); } .docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-che= cked .apps-ui-material-slide-toggle-thumb { background-color: var(--gm3-sys= -color-primary,#0b57d0); } .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .app= s-ui-material-slide-toggle-track { background-color: var(--gm3-sys-color-in= verse-surface,#303030); opacity: 0.38; } .docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-che= cked .apps-ui-material-slide-toggle-track { background-color: var(--gm3-sys= -color-primary,#0b57d0); } .docs-revisions-tile { contain: content; outline: none; position: relative;= } .docs-revisions-tile-content-wrapper { padding-bottom: 12px; border-bottom:= 1px solid color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,va= r(--gm3-sys-color-surface,#fff)); } .docs-grille-version-history .docs-revisions-tile-content-wrapper { border-= bottom: 1px solid transparent; padding-bottom: 12px; } .docs-revisions-tile-selected { background-color: var(--gm3-sys-color-prima= ry-container,#d3e3fd); } .docs-grille-version-history .docs-revisions-tile-selected { background-col= or: var(--gm3-sys-color-surface-container-high,#e9eef6); } .docs-revisions-tile-hover:not(.docs-revisions-tile-selected) { background-= color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--g= m3-sys-color-surface-container,#f0f4f9)); } .docs-grille-version-history .docs-revisions-tile-hover:not(.docs-revisions= -tile-selected) { background-color: color-mix(in sRGB,var(--gm3-sys-color-o= n-surface,#1f1f1f) 8%,transparent); } .docs-revisions-tile-header { display: flex; flex-direction: column; font-s= ize: 0.875rem; padding: 12px 18px 3px 36px; position: relative; } .docs-revisions-tile-actions, .docs-revisions-tile-collaborator-list { marg= in: 0px 18px 0px 36px; } .docs-gm .docs-revisions-tile-actions { font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; line-height: 1rem; padding-top: 3px; } .docs-revisions-tile-collaborator { display: flex; flex-direction: column; = font-size: 0.75rem; } .docs-revisions-tile-collaborator-name { align-items: center; display: flex= ; color: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-gm .docs-revisions-tile-collaborator { line-height: 1rem; } .docs-gm .docs-revisions-tile-collaborator-name { color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; } .docs-gm .docs-grille-version-history.docs-revisions-tile-collaborator-name= { color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-revisions-tile-collaborator-link { line-height: 1; margin-top: 3px; } .docs-gm .docs-revisions-tile-collaborator-link { font-family: Roboto, Robo= toDraft, Helvetica, Arial, sans-serif; line-height: 1rem; margin-top: 3px; = } .docs-revisions-tile-indented { margin-left: 50px; } .docs-revisions-tile-indented .docs-revisions-tile-header { padding-left: 0= px; } .docs-revisions-tile-indented .docs-revisions-tile-actions, .docs-revisions= -tile-indented .docs-revisions-tile-collaborator-list { margin-left: 0px; } .docs-revisions-tile-caption-v0 { color: var(--gm3-sys-color-on-surface-var= iant,#444746); font-size: 0.6875rem; } .docs-revisions-tile-show-v0 { color: var(--gm3-sys-color-primary,#0b57d0);= font-size: 0.6875rem; } .docs-revisions-tile-show-v0-link { cursor: pointer; font-weight: 500; } .docs-revisions-tile-swatch { width: 8px; height: 8px; margin-right: 5px; } .docs-grille-version-history .docs-revisions-tile-swatch { margin-right: 10= px; } .docs-gm .docs-revisions-tile-swatch { border-radius: 9999px; } .docs-revisions-tile-arrow-button, .docs-revisions-tile-menu-button { posit= ion: absolute; } .docs-revisions-tile-arrow-button { left: 9px; top: 10px; } .docs-revisions-tile-menu-button { right: 9px; top: 10px; } .docs-revisions-tile-shade { border-bottom: 1px solid var(--gm3-sys-color-o= utline-variant,#c4c7c5); cursor: progress; height: 100%; position: absolute= ; width: 100%; z-index: 1; } .docs-revisions-tile-shade::before { background-color: var(--gm3-sys-color-= surface,#fff); content: ""; display: block; height: inherit; opacity: 0.95;= width: inherit; } .docs-revisions-tile-shade .docs-spinner { align-items: center; display: fl= ex; justify-content: center; transform: scale(0.5); height: 48px; left: 50%= ; margin: -24px 0px 0px -24px; position: absolute; top: 50%; width: 48px; } .docs-revisions-tile-shade .docs-quantum-spinner { margin: 0px; position: s= tatic; } .docs-revisions-tile-descriptor { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-size: 0.875rem; } .docs-gm .docs-revisions-tile-descriptor { font-style: italic; } .docs-revisions-tile-selected .docs-revisions-tile-descriptor { font-weight= : 500; } .docs-gm .docs-revisions-tile-selected .docs-revisions-tile-descriptor, .do= cs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box ~ .docs-r= evisions-tile-descriptor { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-gm .docs-grille-version-history .docs-revisions-tile-selected .docs-r= evisions-tile-descriptor, .docs-gm .docs-grille-version-history .docs-revis= ions-tile-selected .docs-revisions-tile-text-box ~ .docs-revisions-tile-des= criptor { color: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-revisions-tile-text-box ~ .docs-revisions-tile-descriptor { color: va= r(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.75rem; font-wei= ght: 400; margin-top: 3px; } .docs-gm .docs-revisions-tile-descriptor, .docs-gm .docs-revisions-tile-tex= t-box ~ .docs-revisions-tile-descriptor { color: var(--gm3-sys-color-on-sur= face,#1f1f1f); font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .docs-revisions-tile-text-box { transition-duration: 0.28s; transition-prop= erty: border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1= ); background: transparent; border-radius: 2px; border: 1px solid transpare= nt; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-si= ze: 0.875rem; margin: -3px 18px -3px -3px; outline: 0px; padding: 2px; resi= ze: none; will-change: border-color; } .docs-revisions-tile-text-box:hover:enabled { border-color: var(--gm3-sys-c= olor-outline,#747775); } .docs-grille-version-history .docs-revisions-tile-text-box:hover:enabled { = border-color: var(--gm3-sys-color-outline,#747775); } .docs-revisions-tile-text-box:focus:enabled { border-color: var(--gm3-sys-c= olor-primary,#0b57d0); } .docs-grille-version-history .docs-revisions-tile-text-box:focus:enabled { = outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-revisions-tile-text-box:disabled { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); pointer-events: none; user-select: none; } .docs-revisions-tile-selected .docs-revisions-tile-text-box { font-weight: = 500; } .docs-gm .docs-revisions-tile-text-box { font-weight: 400; line-height: 1.2= 5rem; } .docs-grille-version-history .docs-revisions-tile-text-box { border-radius:= 4px; font-size: 1rem; line-height: 1.5rem; } .docs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box { colo= r: var(--gm3-sys-color-primary,#0b57d0); font-weight: 700; } .docs-grille-version-history .docs-revisions-tile-selected .docs-revisions-= tile-text-box { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-weight= : 500; line-height: 1.5rem; } .docs-gm docs-revisions-tile-text-box:disabled { color: var(--gm3-sys-color= -on-surface,#1f1f1f); } .apps-ui-material-slide-toggle-container { align-items: center; background:= none; display: flex; height: 21px; outline: 0px; position: relative; width= : 35px; } .apps-ui-material-slide-toggle-thumb { transition-duration: 0.28s; transiti= on-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);= left: 0px; right: inherit; top: 0px; will-change: background-color; backgr= ound-color: var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: = 9999px; height: 20px; width: 20px; position: absolute; } .apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-to= ggle-thumb { left: inherit; right: 0px; } .apps-ui-material-slide-toggle-container-disabled { cursor: not-allowed; } .apps-ui-material-slide-toggle-track { background-color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); border-radius: 8px; height: 14px; opacity: 0.26; wid= th: 35px; } .apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-to= ggle-track { opacity: 0.5; } .apps-ui-material-slide-toggle-thumb, .apps-ui-material-slide-toggle-track = { border: 1px solid transparent; } .apps-ui-material-slide-toggle-container-focused { outline: transparent sol= id 1px; } .apps-ui-material-slide-toggle-container-focused .apps-ui-material-slide-to= ggle-thumb { } .apps-ui-material-slide-toggle-container-hover .apps-ui-material-slide-togg= le-thumb { } .docs-revisions-tile-content .goog-link-button { color: var(--gm3-sys-color= -primary,#0b57d0); cursor: pointer; font: 500 14px Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; margin: 12px 18px 4px 36px; text-decoration: non= e; text-transform: none; } .docs-grille-version-history .docs-revisions-tile-content .goog-link-button= { border: 1px solid transparent; font: 500 14px "Google Sans", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; } .docs-grille-version-history .docs-revisions-tile-content .goog-inline-bloc= k.goog-link-button.goog-link-button-focused:focus-visible { outline: -webki= t-focus-ring-color auto 1px; } .approval-diff-selector.docs-material-gm-labeled-select { border-bottom: 1p= x solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 16px 16px 0px= ; padding-bottom: 16px; width: unset; } .approval-diff-selector:empty { display: none; } .approval-diff-selector .docs-material-gm-labeled-select-content { color: v= ar(--gm3-sys-color-on-surface-variant,#444746); font-size: 0.6875rem; font-= weight: 500; margin-bottom: 16px; text-transform: uppercase; } .approval-diff-selector .docs-material-gm-labeled-select-caption, .approval= -diff-selector-menu .goog-menuitem-content { color: var(--gm3-sys-color-on-= surface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; } .approval-diff-selector-menu.goog-menu { width: 270px; } .docs-revisions-static-approvals-tile { font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.875rem; padding: 18px; } .docs-revisions-static-approvals-tile.docs-revisions-tile-selected { backgr= ound-color: unset; } .docs-revisions-static-approvals-tile-header { color: var(--gm3-sys-color-o= n-surface-variant,#444746); margin-bottom: 18px; } .docs-approvals-tile-badge { align-items: center; border: 1px solid; border= -radius: 4px; display: flex; margin: 4px 0px; width: fit-content; } .docs-approvals-tile-badge-text { font: 500 11px Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; padding-right: 8px; } .docs-grille-version-history .docs-approvals-tile-badge-text { font: 500 11= px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-approvals-approved-tile-badge .docs-approvals-stamp-icon-path, .docs-= approvals-tile-badge.docs-approvals-approved-tile-badge, .docs-grille-versi= on-history .docs-approvals-approved-tile-badge .docs-approvals-stamp-icon-p= ath, .docs-grille-version-history .docs-approvals-tile-badge.docs-approvals= -approved-tile-badge { color: var(--gm3-sys-color-tertiary,#146c2e); fill: = var(--gm3-sys-color-tertiary,#146c2e); } .docs-approvals-failed-tile-badge .docs-approvals-stamp-icon-path, .docs-ap= provals-rejected-tile-badge .docs-approvals-stamp-icon-path, .docs-approval= s-tile-badge.docs-approvals-failed-tile-badge, .docs-approvals-tile-badge.d= ocs-approvals-rejected-tile-badge, .docs-grille-version-history .docs-appro= vals-failed-tile-badge .docs-approvals-stamp-icon-path, .docs-grille-versio= n-history .docs-approvals-rejected-tile-badge .docs-approvals-stamp-icon-pa= th, .docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-= failed-tile-badge, .docs-grille-version-history .docs-approvals-tile-badge.= docs-approvals-rejected-tile-badge { color: var(--gm3-sys-color-error,#b326= 1e); fill: var(--gm3-sys-color-error,#b3261e); } .docs-approvals-pending-tile-badge .docs-approvals-stamp-icon-path, .docs-a= pprovals-tile-badge.docs-approvals-pending-tile-badge, .docs-grille-version= -history .docs-approvals-pending-tile-badge .docs-approvals-stamp-icon-path= , .docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-pe= nding-tile-badge { color: var(--gm3-sys-color-primary,#0b57d0); fill: var(-= -gm3-sys-color-primary,#0b57d0); } .docs-approvals-tile-badge .docs-approvals-stamp-icon { margin: 0px 6px; } .docs-approvals-stamp-icon svg { display: flex; } .docs-revisions-sidebar-approvals-empty { text-align: center; width: 100%; = } .docs-revisions-sidebar-approvals-empty .docs-revisions-sidebar-revisions-e= mpty-title { margin-bottom: 36px; } .docs-revisions-sidebar-revisions-empty-view-diff { align-items: center; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); margin-bottom: 36px; = text-align: center; width: 100%; } .docs-tasks-details-view { position: relative; } .docs-tasks-details-view-header { display: flex; font-size: 0.75rem; justif= y-content: space-between; line-height: 1.25rem; } .docs-tasks-details-view-assigner-and-due-date-container { display: flex; f= ont-size: 0.75rem; line-height: 1rem; } .docs-tasks-details-view-assigner-due-date-separator { margin: 0px 3px; } .docs-tasks-details-view-task-title-container { color: var(--gm3-sys-color-= on-surface,#1f1f1f); font-size: 1rem; margin: 4px 0px; overflow: hidden; te= xt-overflow: ellipsis; } .docs-tasks-details-view-ellipse-text { overflow: hidden; text-overflow: el= lipsis; white-space: nowrap; } .docs-tasks-details-view-assigner-container { width: 0px; flex-grow: 1; } .docs-tasks-details-view .docs-tasks-details-view-assigner-container .docs-= task-display-name-with-placeholder-grey-bar { height: 12px; margin-top: 4px= ; width: 75px; } .docs-tasks-details-view-detail-item { display: flex; line-height: 1.25rem;= margin: 2px 0px; } .docs-tasks-details-view-detail-item > .docs-icon { margin-right: 6px; } .docs-tasks-details-view-shared-task-title { color: var(--gm3-sys-color-on-= surface-variant,#444746); font-size: 0.6875rem; font-weight: 500; letter-sp= acing: 0.8px; text-transform: uppercase; } .docs-tasks-details-view-pending-indicator { position: absolute; right: 0px= ; top: 0px; } .docs-tasks-details-view-completed-task { text-decoration: line-through; } .docs-task-display-name-with-placeholder { display: flex; } .docs-task-display-name-with-placeholder-grey-bar { background: var(--gm3-s= ys-color-surface-container-high,#e9eef6); border-radius: 32px; height: 16px= ; width: 100px; } .docs-task-display-name-with-placeholder-text { overflow: hidden; text-over= flow: ellipsis; white-space: nowrap; } .appsDocgenLoadingAnimationViewContainer { align-items: center; display: fl= ex; flex-direction: column; height: 100%; justify-content: center; overflow= -y: auto; } .appsDocgenLoadingAnimationViewMessaging { font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1.375rem; font-we= ight: 400; text-align: center; white-space: pre-wrap; } .appsDocgenLoadingAnimationViewMessagingFadeIn { animation: 0.2s linear 0s = 1 normal forwards running fade-in-keyframe; } .appsDocgenLoadingAnimationViewMessagingFadeOut { animation: 0.3s linear 0s= 1 normal forwards running fade-out-keyframe; } .appsDocgenLoadingAnimationViewProgressContainer { align-items: center; dis= play: flex; margin: 24px 0px; } .appsDocgenLoadingAnimationViewProgressBar { width: 400px; } .appsDocgenLoadingAnimationViewProgressPercentage { font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem= ; font-weight: 500; margin-left: 9px; width: 35px; } .appsDocgenLoadingAnimationViewAnimation { display: flex; justify-content: = center; min-height: 220px; padding-top: 64px; width: unset; } .appsDocgenLoadingAnimationViewDetails { font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 400; margin-top: 12px; } .appsDocgenLoadingAnimationViewError { animation: auto ease 0s 1 normal non= e running none; } .appsDocgenLoadingAnimationViewGenericError { height: 380px; margin-bottom:= 24px; width: 380px; } .appsDocgenLoadingAnimationViewLoadingGraphic { height: 100%; max-height: 5= 50px; max-width: 100%; } .appsDocgenLoadingAnimationViewButtons { display: flex; padding: 24px 0px 7= 2px; } .appsDocgenLoadingAnimationViewBackButton, .appsDocgenLoadingAnimationViewC= ancelButton { justify-content: center; } .docgenUiDisclaimerMessageFooterContainer { color: var(--gm3-sys-color-on-s= urface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; line-hei= ght: 1rem; padding: 10px 48px 32px; text-align: left; } @media (max-width: 750px) { .docgenUiDisclaimerMessageFooterContainer { padding: 10px 32px 32px; } } .docgenUiDisclaimerMessageBubbleContainer { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-family: "Google Sans"; font-size: 0.875rem; line-heig= ht: 1.25rem; } .docgenUiDisclaimerMessageBubbleContainer .docgenUiDisclaimerMessageLearnMo= reLink, .docgenUiDisclaimerMessageFooterContainer .docgenUiDisclaimerMessag= eLearnMoreLink { color: var(--gm3-sys-color-on-surface-variant,#444746); te= xt-decoration: underline; } .docgenUiDisclaimerMessageBubbleContainer .docgenUiDisclaimerMessageLearnMo= reLink:focus-visible, .docgenUiDisclaimerMessageFooterContainer .docgenUiDi= sclaimerMessageLearnMoreLink:focus-visible { outline: 2px solid var(--gm3-s= ys-color-secondary,#00639b); } .docgenUiDisclaimerMessageFooterContainer .docgenUiDisclaimerMessageLearnMo= reLink { color: var(--gm3-sys-color-on-surface-variant,#444746); } .docgenUiDisclaimerMessageBubbleContainer .docgenUiDisclaimerMessageLearnMo= reLink { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docgenContainerViewContainer { height: 100%; } .docgenContainerViewContainer .docs-gm3-button-focused:not(.docs-gm3-button= -active), .docgenContainerViewContainer.docs-gm3-button-focused:not(.docs-g= m3-button-active) { outline: none; } .docgenContainerViewContainer .docs-gm3-button-focused:not(.docs-gm3-button= -active):focus-visible, .docgenContainerViewContainer.docs-gm3-button-focus= ed:not(.docs-gm3-button-active):focus-visible { outline: 2px solid var(--gm= 3-sys-color-secondary,#00639b); outline-offset: 2px; } .docgenContainerViewContainer { display: grid; grid-template-rows: 1fr auto= 1fr; } @media (max-height: 600px) { .docgenContainerViewContainer { display: flex; overflow-y: hidden; flex-d= irection: column; } } .getting-started-dialog-gemini .docgenContainerViewContainer { background-c= olor: var(--gm3-sys-color-surface,#fff); border-radius: 28px 0px 0px 28px; = } @media (max-height: 658px) or (max-width: 500px) { .getting-started-dialog-gemini .getting-started-dialog-views-container:no= t(.appsIntelligenceSketchysmithIsPrimaryView) .docgenContainerViewContainer= , .getting-started-dialog-gemini .getting-started-dialog-views-container:no= t(.appsIntelligenceSketchysmithIsPrimaryView) .docgenContainerViewContainer= .docgenContainerViewFittedHeaderFooter, .getting-started-dialog-gemini .get= ting-started-dialog-views-container:not(.appsIntelligenceSketchysmithIsPrim= aryView) .docgenContainerViewContainer.docgenContainerViewFixedHeaderFooter= { display: block; overflow-y: scroll; } } .docgenContainerViewContainer.docgenContainerViewFixedHeaderFooter { displa= y: grid; grid-template-rows: fit-content(120px) auto 72px; overflow: auto; = } .docgenContainerViewContainer.docgenContainerViewFittedHeaderFooter { displ= ay: grid; grid-template-rows: fit-content(120px) auto fit-content(72px); ov= erflow: auto; } .docgenContainerViewHeader { display: flex; flex-direction: column; grid-ro= w: 1; min-width: 0px; min-height: 40px; padding: 0px 56px; position: sticky= ; top: 0px; } @media (max-height: 600px) { .docgenContainerViewHeader { position: static; } } .getting-started-dialog .docgenContainerViewHeader { left: 0px; padding: 22= px 80px 32px 64px; right: 0px; top: 0px; background: var(--gm3-sys-color-on= -primary,#fff); } .getting-started-dialog-gemini .docgenContainerViewHeader { background: non= e; padding: 24px 80px 24px 48px; } @media (max-width: 750px) { .getting-started-dialog-gemini .docgenContainerViewHeader { padding-left:= 32px; } } @media (max-height: 658px) or (max-width: 500px) { .getting-started-dialog-gemini .docgenContainerViewHeader { position: sta= tic; } } .getting-started-dialog-gemini .docgenContainerViewHeaderBackArrowVisible {= padding-left: 64px; } .getting-started-dialog-gemini .docgenContainerViewHeaderBackArrowVisible .= docgenUiPromptViewInputContainerV2 { margin: unset; } .docgenContainerViewContent { padding: 0px 64px; grid-row: 2; min-height: 0= px; min-width: 0px; } @media (max-height: 600px) { .docgenContainerViewContent { height: fit-content; overflow: scroll; } } .getting-started-dialog .docgenContainerViewContent { height: auto; padding= : 0px 32px; } @media (max-width: 600px) { .getting-started-dialog .docgenContainerViewContent { padding: 0px 24px; = } } .getting-started-dialog-gemini .docgenContainerViewContent { padding: 0px 4= 8px; } @media (max-width: 750px) { .getting-started-dialog-gemini .docgenContainerViewContent { padding: 0px= 32px; } } @media (max-height: 658px) or (max-width: 500px) { .getting-started-dialog-gemini .docgenContainerViewContent { height: fit-= content; overflow: auto; } } .docgenContainerViewContent.docgenContainerViewFullViewContent { display: b= lock; padding: 0px; grid-row: 1 / -1; } @media (max-height: 658px) or (max-width: 500px) { .docgenContainerViewContent.docgenContainerViewFullViewContent { height: = 100%; } } .docgenContainerViewFooter { align-items: end; display: flex; grid-row: 3; = min-width: 0px; padding: 0px 64px; } @media (max-height: 600px) { .docgenContainerViewFooter { display: block; padding-top: 24px; } } .getting-started-dialog .docgenContainerViewFooter { padding: 0px; z-index:= 1; } .docgenContainerViewGeminiTitle { font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 500; li= ne-height: 2.5rem; margin: 0px; } .docgenContainerViewBackArrowButton.docs-gm3-text-button { box-sizing: cont= ent-box; height: 24px; left: 22px; margin: 0px; padding: 8px; position: abs= olute; top: 30px; width: 24px; } .docgenContainerViewBackArrowButton.docs-gm3-text-button.docs-gm3-button-fo= cused, .docgenContainerViewBackArrowButton.docs-gm3-text-button.docs-gm3-bu= tton-hover { padding: 8px; } .docgenContainerViewBackArrowButton.docs-gm3-text-button:first-child { fill= : var(--gm3-sys-color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docgenContainerViewBackArrowButtonSvg { color: var(--gm3-sys-color-surfa= ce,#fff); fill: var(--gm3-sys-color-surface,#fff); } } .docgenContainerViewHeaderTitle { margin-top: 15px; font-size: 1.375rem; } .docgenContainerViewGeminiFeatureHeader { column-gap: 12px; display: flex; = flex-flow: wrap; justify-content: space-between; margin-top: 8px; } .docgenContainerViewExperimentalFeatureBadge { align-items: center; backgro= und: var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: 16px; d= isplay: flex; height: 36px; margin-bottom: auto; margin-top: auto; padding:= 0px 12px; width: fit-content; } .docgenContainerViewExperimentalFeatureBadge .docs-icon { margin-right: 8px= ; } .docgenContainerViewExperimentalFeatureText { color: var(--gm3-sys-color-on= -surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1= rem; margin-right: 2px; } .docgenContainerViewFeatureLearnMoreLink:active, .docgenContainerViewFeatur= eLearnMoreLink:hover, .docgenContainerViewFeatureLearnMoreLink:link, .docge= nContainerViewFeatureLearnMoreLink:visited { color: var(--gm3-sys-color-pri= mary,#0b57d0); } .docgenContainerViewFeatureLearnMoreLink { font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; font-wei= ght: 500; line-height: 1rem; } .docgenContainerViewFeatureLearnMoreLink:focus-visible { outline: 2px solid= var(--gm3-sys-color-secondary,#00639b); text-decoration: underline; } .getting-started-dialog-gemini .docgenContainerViewPromptViewV2Enabled .doc= genContainerViewHeader { padding-bottom: 14px; } .docgenContainerViewCitationsMenu { --gm3-menu-surface-container-elevation:= 2; border-radius: 12px; max-width: 318px; z-index: 2000; } .docgenUiDialogButtonsFooter .docs-gm3-button-focused:not(.docs-gm3-button-= active), .docgenUiDialogButtonsFooter.docs-gm3-button-focused:not(.docs-gm3= -button-active) { outline: none; } .docgenUiDialogButtonsFooter .docs-gm3-button-focused:not(.docs-gm3-button-= active):focus-visible, .docgenUiDialogButtonsFooter.docs-gm3-button-focused= :not(.docs-gm3-button-active):focus-visible { outline: 2px solid var(--gm3-= sys-color-secondary,#00639b); outline-offset: 2px; } .docgenUiDialogButtonsFooter { align-items: center; background: var(--gm3-s= ys-color-surface-container,#f0f4f9); display: flex; flex: 1 1 auto; justify= -content: space-between; padding-top: 24px; padding-bottom: 24px; z-index: = 1; } @media (max-height: 600px) { .docgenUiDialogButtonsFooter { padding-top: 12px; padding-bottom: 8px; } } .docgenUiDialogButtonsFooterJustifyContentInCenter { justify-content: cente= r; } .getting-started-dialog .docgenUiDialogButtonsFooter { background: var(--gm= 3-sys-color-on-primary,#fff); padding: 16px 16px 16px 24px; } .docgenUiDialogButtonsTopBorder { border-top: solid 1px var(--gm3-sys-color= -outline-variant,#c4c7c5); } .docgenUiDialogButtonsPrimaryActions { display: flex; justify-content: flex= -end; } .docgenUiDialogButtonsAcceptOutlineButton, .docgenUiDialogButtonsAcceptPrev= iewButton, .docgenUiDialogButtonsBackButton, .docgenUiDialogButtonsCancelBu= tton, .docgenUiDialogButtonsEditPromptButton { display: inline-flex; } @media (forced-colors: active) { .docgenUiDialogButtonsAcceptOutlineButton.docs-gm3-button-disabled, .docg= enUiDialogButtonsAcceptPreviewButton.docs-gm3-button-disabled, .docgenUiDia= logButtonsBackButton.docs-gm3-button-disabled, .docgenUiDialogButtonsCancel= Button.docs-gm3-button-disabled, .docgenUiDialogButtonsEditPromptButton.doc= s-gm3-button-disabled { color: graytext; } } .docgenUiDialogButtonsButtonsContainer { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-heigh= t: 1.25rem; } .docgenUiDialogButtonsButtonsContainerWithCitations { width: 100%; display:= flex; flex-direction: row; } .docgenUiDialogButtonsCitationsButtonContainer { margin-left: auto; } .docgenUiDialogButtonsAdditionalOptionsContainer:empty { display: none; } .docgenUiDialogButtonsBetaTag { display: inline-flex; height: 16px; padding= : 0px 4px; justify-content: center; align-items: center; gap: 4px; border-r= adius: 4px; background: var(--gm3-sys-color-primary-container,#d3e3fd); mar= gin: 0px 8px; color: var(--gm3-sys-color-on-primary-container,#0842a0); tex= t-align: center; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.75rem; font-weight: 500; line-height: 1re= m; letter-spacing: 0.00625rem; } .appsDocgenUiDocumentGenerationAnimationContent { align-items: center; disp= lay: flex; height: 100%; justify-content: center; margin: auto; position: r= elative; } .appsDocgenUiDocumentGenerationAnimationLoadingGraphicContainer { height: 1= 00%; text-align: center; } .appsDocgenUiDocumentGenerationAnimationLoadingGraphicContainerV2 { max-hei= ght: 232px; } .appsDocgenUiDocumentGenerationAnimationLoadingGraphic, .appsDocgenUiDocume= ntGenerationAnimationLoadingGraphicAnimated { height: 100%; max-width: 100%= ; pointer-events: none; } .docgenFeedbackButtonsContainer { display: flex; align-items: center; flex-= flow: row; margin-right: 18px; } .docgenFeedbackButtonsReportAbuse .docs-icon, .docgenFeedbackButtonsThumbsD= own .docs-icon, .docgenFeedbackButtonsThumbsUp .docs-icon { height: 24px; w= idth: 24px; } .docgenFeedbackButtonsReportAbuse, .docgenFeedbackButtonsThumbsDown, .docge= nFeedbackButtonsThumbsUp { height: 36px; margin: 0px; width: 36px; border-r= adius: 9999px; display: flex; align-items: center; justify-content: center;= } .docgenFeedbackButtonsReportAbuse:focus-visible, .docgenFeedbackButtonsThum= bsDown:focus-visible, .docgenFeedbackButtonsThumbsUp:focus-visible { outlin= e: 2px solid var(--gm3-sys-color-secondary,#00639b); } .docgenFeedbackButtonsReportAbuse.docs-material-button-flat-default.docs-ma= terial-button.docs-material-button-disabled, .docgenFeedbackButtonsReportAb= use.docs-material-button-flat-default.docs-material-button.docs-material-bu= tton-hover, .docgenFeedbackButtonsThumbsDown.docs-material-button-flat-defa= ult.docs-material-button.docs-material-button-disabled, .docgenFeedbackButt= onsThumbsDown.docs-material-button-flat-default.docs-material-button.docs-m= aterial-button-hover, .docgenFeedbackButtonsThumbsUp.docs-material-button-f= lat-default.docs-material-button.docs-material-button-disabled, .docgenFeed= backButtonsThumbsUp.docs-material-button-flat-default.docs-material-button.= docs-material-button-hover { background-color: transparent; } .docgenFeedbackButtonsMessage { margin-right: 4px; } .docgenFeedbackButtonsDisabled { opacity: 0.38; } .docgenUiPresetPromptsCardsContainer { display: flex; flex-flow: wrap; gap:= 20px 16px; list-style: none; margin: 20px 0px; max-width: 680px; padding: = 0px; } .docgenUiPresetPromptsCardsContainer:focus-visible { outline: 2px solid var= (--gm3-sys-color-secondary,#00639b); } .docgenUiPresetPromptsDisabled .docgenUiPresetPromptsCard, .docgenUiPresetP= romptsDisabled .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button { = cursor: default; opacity: 0.38; } .docgenUiPresetPromptsDisabled .docgenUiPresetPromptsCard:hover, .docgenUiP= resetPromptsDisabled .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-but= ton:hover { background-image: none; background-position: initial; backgroun= d-size: initial; background-repeat: initial; background-attachment: initial= ; background-origin: initial; background-clip: initial; background-color: v= ar(--gm3-sys-color-surface-container,#f0f4f9); } .docgenUiPresetPromptsCardsContainerGemini { flex-wrap: nowrap; gap: 20px 2= 4px; height: 100%; max-width: 100%; } .docgenUiPresetPromptsCardsContainer:not(.docgenUiPresetPromptsCardsContain= erGemini) .docgenUiPresetPromptsCardContents { height: 80px; mask-image: li= near-gradient(0deg,var(--gm3-sys-color-inverse-surface,#303030) 0,var(--gm3= -sys-color-surface-container,#f0f4f9) 90%,var(--gm3-sys-color-surface-conta= iner,#f0f4f9)); overflow: hidden; } .docgenUiPresetPromptsCard { background-color: var(--gm3-sys-color-surface-= container,#f0f4f9); border-radius: 12px; color: var(--gm3-sys-color-on-surf= ace-variant,#444746); cursor: pointer; flex: 1 1 0px; margin: auto; max-wid= th: 205px; min-width: 110px; padding: 16px; } .docgenUiPresetPromptsCard:hover { background: linear-gradient(0deg,color-m= ix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 8%,transparent) 0,color-mix= (in sRGB,var(--gm3-sys-color-primary,#0b57d0) 8%,transparent) 100%),var(--g= m3-sys-color-surface-container,#f0f4f9); } .docgenUiPresetPromptsCard:active, .docgenUiPresetPromptsCard:focus { backg= round: linear-gradient(0deg,color-mix(in sRGB,var(--gm3-sys-color-primary,#= 0b57d0) 10%,transparent) 0,color-mix(in sRGB,var(--gm3-sys-color-primary,#0= b57d0) 10%,transparent) 100%),var(--gm3-sys-color-surface-container,#f0f4f9= ); } .docgenUiPresetPromptsCard:focus-visible { outline: 2px solid var(--gm3-sys= -color-secondary,#00639b); } .docgenUiPresetPromptsCardsContainerGemini .docgenUiPresetPromptsCard { max= -width: 250px; } .docgenUiPresetPromptsCardContents { font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: = 400; line-height: 20px; pointer-events: none; } .docgenUiPresetPromptsCardPromptContainer { -webkit-box-orient: vertical; -= webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; height: 2lh; = } @media (max-height: 756px) { .docgenUiPresetPromptsCardPromptContainer { -webkit-line-clamp: 1; height= : 1lh; } } .docgenUiPresetPromptsCardsFooter { display: flex; justify-content: center;= } .docgenUiPresetPromptsCardsFooterGemini { height: unset; max-width: unset; = margin-top: -46px; } .docgenUiPresetPromptsShuffleButton:not(.docgenUiPresetPromptsShuffleButton= Gemini) { align-items: center; display: inline-flex; justify-content: cente= r; gap: 8px; } .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button { align-items: ce= nter; background-color: var(--gm3-sys-color-surface-container,#f0f4f9); dis= play: flex; height: 40px; justify-content: center; margin: 0px; } .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button:hover { backgroun= d: linear-gradient(0deg,color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57= d0) 8%,transparent) 0,color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0= ) 8%,transparent) 100%),var(--gm3-sys-color-surface-container,#f0f4f9); } .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button:active, .docgenUi= PresetPromptsShuffleButtonGemini.docs-gm3-button:focus { background: linear= -gradient(0deg,color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 10%,t= ransparent) 0,color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 10%,tr= ansparent) 100%),var(--gm3-sys-color-surface-container,#f0f4f9); } .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button .shuffleIconSVG {= fill: var(--gm3-sys-color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docgenUiPresetPromptsShuffleButtonGemini.docs-gm3-button .shuffleIconSVG= { color: var(--gm3-sys-color-surface,#fff); fill: var(--gm3-sys-color-surf= ace,#fff); } } .docgenUiPresetPromptsShuffleButtonContainer { align-items: center; backgro= und: var(--gm3-sys-color-surface,#fff); border-radius: 9999px; display: fle= x; justify-content: center; height: 52px; width: 52px; } .docgenUiPresetPromptsShuffleButtonIcon { display: flex; } .docgenUiPresetPromptsShuffleButtonIcon .shuffleIconSVG { fill: var(--gm3-s= ys-color-primary,#0b57d0); } .docgenUiPresetPromptsCardThumbnail { aspect-ratio: 250 / 141; background-c= olor: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); border-radius= : 8px; width: 100%; } .docgenUiPresetPromptsCardThumbnailContainer { display: flex; flex-directio= n: column; font-weight: 500; gap: 12px; } .docgenUiPresetPromptsCardCategoryContainer { align-items: center; display:= flex; flex-direction: row; gap: 8px; padding-bottom: 8px; } .docgenUiPresetPromptsCardCategoryIcon { height: 20px; width: 20px; } .docgenUiPresetPromptsCardCategory { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-size: 0.75rem; font-weight: 700; line-height: 1rem; = } .docgenUiPresetPromptsPromptContainerCategoryEnabled { margin-bottom: 8px; = } @media (max-width: 1080px) { .docgenUiPresetPromptsCard:last-child { display: none; } } @media (max-width: 750px) { .docgenUiPresetPromptsCard:first-child { display: none; } } @keyframes fade-in-keyframe {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out-keyframe {=20 0% { opacity: 1; } 100% { opacity: 0; } } .docgenUiPromptViewContainer { align-items: center; background: var(--gm3-s= ys-color-surface-container,#f0f4f9); display: flex; flex-direction: column;= justify-content: center; height: 100%; min-width: 200px; padding: 0px 8px;= } .docgenContainerViewHeader .docgenUiPromptViewContainer { height: unset; } .getting-started-dialog .docgenContainerViewContent .docgenUiPromptViewCont= ainer { padding: 0px; } .getting-started-dialog .docgenUiPromptViewContainer { background: var(--gm= 3-sys-color-on-primary,#fff); } .docgenUiPromptViewHeader { padding: 8px 0px 32px; } .getting-started-dialog .docgenUiPromptViewHeader:not(.docgenUiPromptViewHe= aderGemini) { padding: 0px 0px 24px; } @media (max-height: 600px) { .getting-started-dialog .docgenUiPromptViewHeader:not(.docgenUiPromptView= HeaderGemini) { padding: 24px 0px; } } .docgenUiPromptViewHeaderGemini { align-self: start; max-width: 100%; paddi= ng: 0px 0px 24px; } .docgenUiPromptViewSpacer { flex: 1 1 0px; } .docgenUiPromptViewContainer .docgenUiPromptViewInput { border-width: mediu= m; border-style: none; border-color: currentcolor; border-image: none; box-= sizing: border-box; color: var(--gm3-sys-color-on-surface-variant,#444746);= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-size: 1rem; font-weight: 400; line-height: 1.5rem; max-height: 10= 0%; outline: none; overflow: hidden auto; padding: 4px 0px 4px 12px; text-o= verflow: ellipsis; width: 100%; } .docgenUiPromptViewContainer .docgenUiPromptViewInput:empty::before { conte= nt: attr(aria-placeholder)/""; } .docgenUiPromptViewContainer .docgenUiPromptViewInputFadeIn:empty::before {= animation: 0.5s linear 0s 1 normal forwards running fade-in-keyframe; } .docgenUiPromptViewContainer .docgenUiPromptViewInputFadeOut:empty::before = { animation: 0.3s linear 0s 1 normal forwards running fade-out-keyframe; } .docgenUiPromptViewContainer .docgenUiPromptViewInput::before { color: var(= --gm3-sys-color-on-surface-variant,#444746); overflow: hidden; white-space:= nowrap; } .docgenUiPromptViewContainer .docgenUiPromptViewInputHasPlaceholder:empty::= before { color: var(--gm3-sys-color-on-surface-variant,#444746); } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerClean .docgen= UiPromptViewInput::before { color: var(--gm3-sys-color-on-surface-variant,#= 444746); } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerClean .docgen= UiPromptViewInputHasPlaceholder { color: var(--gm3-sys-color-on-surface-var= iant,#444746); } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerClean .docgen= UiPromptViewInputShimmer { opacity: 1; transition: opacity 0.2s linear; } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerPreTextFieldR= ender .docgenUiPromptViewInput::before { padding-left: 12px; } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerPreTextFieldR= ender:has(.docgenUiPromptViewCorpusButton) .docgenUiPromptViewInput::before= { padding-left: 0px; } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerDisabled { ba= ckground: var(--gm3-sys-color-surface-container-low,#f8fafd); color: var(--= gm3-sys-color-on-surface-variant,#444746); } .docgenUiPromptViewContainer .docgenUiPromptViewInputContainerExpanded { bo= rder-radius: 28px; } .docgenUiPromptViewInputContainer { background: var(--gm3-sys-color-on-prim= ary,#fff); border-radius: 32px; border: 1px solid transparent; box-sizing: = border-box; display: flex; max-height: 106px; min-height: 58px; position: r= elative; width: 100%; } .docgenUiPromptViewInputContainerV2 { margin: 0px 0px 10px; max-height: 82p= x; } .docgenUiPromptViewInputContainerV2 ~ .docgenUiPromptViewErrorMessageContai= ner { width: 100%; } .getting-started-dialog .docgenUiPromptViewInputContainer { background: var= (--gm3-sys-color-surface-container,#f0f4f9); } .docgenUiPromptViewInputContainer > .docgenUiPromptViewCorpusButton { margi= n: 8px 0px 8px 8px; z-index: 101; } .docgenUiPromptViewInputContainer:has(.docgenUiPromptViewCorpusButton) .doc= genUiPromptViewInput { padding-left: 4px; } .docgenUiPromptViewInputContainer:has(.docgenUiPromptViewCorpusButton) .app= sElementsRichTextInputRoot > :first-child { margin-left: 0px; } .docgenUiPromptViewInputContainer > .appsElementsRichTextInputRoot { align-= items: center; display: flex; flex-grow: 1; min-width: 0px; z-index: 101; } .docgenUiPromptViewInputContainer > .appsElementsRichTextInputRoot > :first= -child { margin-left: 12px; } .docgenUiPromptViewInputContainer:has(.docgenUiPromptViewPromptBoxContainer= ) { background: none; border-width: medium; border-style: none; border-colo= r: currentcolor; border-image: none; } .docgenUiPromptViewInputContainer:has(.docgenUiPromptViewPromptBoxContainer= ):focus-within { background: none; border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; } .docgenUiPromptViewInputShimmer { background: var(--ae-genai-generation-gra= dient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradient01,#e9e= ef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-= genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#= e9eef6))); } @media not (prefers-reduced-motion) { .docgenUiPromptViewInputShimmer { background-position: 50% center; backgr= ound-size: 800% 800%; } } @media not (prefers-reduced-motion) { .docgenUiPromptViewInputShimmer { animation: 2.1s linear 0s infinite norm= al none running generation-shimmer; } } .docgenUiPromptViewInputShimmer { border-radius: 32px; border: 0px; height:= 100%; opacity: 0; position: absolute; transition: opacity 0.2s linear; wid= th: 100%; z-index: 100; } .docgenUiPromptViewInputContainer:focus-within { background: var(--gm3-sys-= color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,= #c4c7c5); } .docgenUiPromptViewActionButton { margin: 8px 4px 8px 0px; z-index: 101; } @media (forced-colors: active) { .docgenUiPromptViewActionButton .docs-gm3-filled-button.docs-gm3-button-d= isabled { color: graytext; } } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonCreating.d= ocs-gm3-filled-button { background: var(--ae-genai-generation-gradient,line= ar-gradient(135deg,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(-= -ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-mute= d-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6)));= } @media not (prefers-reduced-motion) { .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonCreating= .docs-gm3-filled-button { background-position: 50% center; background-size:= 800% 800%; } } @media not (prefers-reduced-motion) { .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonCreating= .docs-gm3-filled-button { animation: 2.1s linear 0s infinite normal none ru= nning generation-shimmer; } } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonCreating.d= ocs-gm3-filled-button { color: var(--gm3-sys-color-on-surface-variant,#4447= 46); } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate {= border: 1px solid transparent; border-radius: 9999px; box-sizing: border-b= ox; cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; height: 40p= x; line-height: 1.25rem; padding: 9px 24px; white-space: nowrap; background= : var(--gm3-sys-color-secondary-container,#c2e7ff); color: var(--gm3-sys-co= lor-on-secondary-container,#004a77); } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate.d= ocs-gm3-button-hover { border: 1px solid transparent; border-radius: 9999px= ; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-spa= ce: nowrap; color: var(--gm3-sys-color-on-secondary-container,#004a77); bac= kground: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rg= b,0,74,119),.08),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,1= 19),.08)),var(--gm3-sys-color-secondary-container,#c2e7ff); box-shadow: 0 1= px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate.d= ocs-gm3-button-focused { border: 1px solid transparent; border-radius: 9999= px; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-= weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-s= pace: nowrap; color: var(--gm3-sys-color-on-secondary-container,#004a77); b= ackground: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-= rgb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,= 119),.1)),var(--gm3-sys-color-secondary-container,#c2e7ff); box-shadow: non= e; } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate.d= ocs-gm3-button-active { border: 1px solid transparent; border-radius: 9999p= x; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-sp= ace: nowrap; color: var(--gm3-sys-color-on-secondary-container,#004a77); ba= ckground: linear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-r= gb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,1= 19),.1)),var(--gm3-sys-color-secondary-container,#c2e7ff); } .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate.d= ocs-gm3-button-disabled { background: rgba(var(--gm3-sys-color-on-surface-r= gb,31,31,31),.12); color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.38); cursor: default; } @media (forced-colors: active) { .docgenUiPromptViewActionButton > .docgenUiPromptViewActionButtonRecreate= .docs-gm3-button-disabled { color: graytext; } } .docgenUiPromptViewHelpText { border-width: 0px; font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; fo= nt-weight: 400; line-height: 1rem; padding: 16px 0px; text-align: center; w= idth: 75%; } @media (max-width: 820px) { .docgenUiPromptViewHelpText { width: 85%; } } @media (max-width: 560px) { .docgenUiPromptViewHelpText { width: 100%; } } .docgenUiPromptViewHelpTextAtWrapper { background-color: var(--gm3-sys-colo= r-surface,#fff); border: 1px solid var(--gm3-sys-color-outline,#747775); bo= rder-radius: 4px; font-weight: 700; padding: 0px 2px; } .docgenUiPromptViewHelpTextMessage { margin: 0px; line-height: 1.25rem; } .docgenUiPromptViewLearnMoreLink:active, .docgenUiPromptViewLearnMoreLink:h= over, .docgenUiPromptViewLearnMoreLink:link, .docgenUiPromptViewLearnMoreLi= nk:visited { color: var(--gm3-sys-color-on-surface-variant,#444746); } .docgenUiPromptViewLearnMoreLink { text-decoration: underline; text-underli= ne-offset: 3px; } .docgenUiPromptViewHelpText.docgenUiPromptViewHelpTextDuringCreation { colo= r: var(--gm3-sys-color-on-surface-variant,#444746); } .docgenUiPromptViewHelpTextDuringCreation .docgenUiPromptViewIncludeSymbol = { border-color: var(--gm3-sys-color-on-surface-variant,#444746); } .docgenUiPromptViewTitle { font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 2rem; font-weight: 400; line-heig= ht: 2.5rem; text-align: center; } .docgenUiPromptViewTitleContainer { align-items: center; display: flex; tex= t-align: center; flex-direction: column; } .docgenUiPromptViewTitleContainerGemini { align-items: start; display: flex= ; flex-direction: column; font-family: "Google Sans", Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; font-weight: 500; margin: 0px; font-size: 2.8= 125rem; line-height: 3.25rem; } @media (max-width: 750px) { .docgenUiPromptViewTitleContainerGemini { font-size: 2rem; line-height: 2= .5rem; } } @media (max-height: 720px) { .docgenUiPromptViewTitleContainerGemini { font-size: 26px; line-height: 2= rem; } } .docgenUiPromptViewTitle .docs-icon { height: 32px; margin-right: 8px; marg= in-bottom: 6px; width: 32px; } .docgenUiPromptViewTitlePrimaryGemini { background: linear-gradient(135deg,= rgb(33, 123, 254), rgb(7, 142, 251) 33%, rgb(172, 135, 235)) text; -webkit= -text-fill-color: transparent; font-style: normal; font-weight: 500; margin= : 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-sp= ace: nowrap; font-size: 2.8125rem; line-height: 3.25rem; } @media (max-width: 750px) { .docgenUiPromptViewTitlePrimaryGemini { font-size: 2rem; line-height: 2.5= rem; } } @media (max-height: 720px) { .docgenUiPromptViewTitlePrimaryGemini { font-size: 26px; line-height: 2re= m; } } .docgenUiPromptViewTitleSecondary { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.= 25rem; margin-top: 8px; } .docgenUiPromptViewTitleSecondaryGemini { color: var(--gm3-sys-color-outlin= e,#747775); font-weight: 500; margin-bottom: 0px; margin-top: -4px; font-si= ze: 2.8125rem; line-height: 3.25rem; } @media (max-width: 750px) { .docgenUiPromptViewTitleSecondaryGemini { font-size: 2rem; line-height: 2= .5rem; } } @media (max-height: 720px) { .docgenUiPromptViewTitleSecondaryGemini { font-size: 26px; line-height: 2= rem; } } @media (max-height: 658px) or (max-width: 750px) { .docgenUiPromptViewSpacer { display: none; } } .docgenUiPromptViewErrorMessageContainer { align-items: center; color: var(= --gm3-sys-color-error,#b3261e); display: flex; font-size: 0.75rem; gap: 4px= ; line-height: 1rem; margin-top: 6px; } .docgenUiPromptViewErrorMessageContainer .docs-icon { height: 20px; margin:= unset; width: 20px; } .docgenUiPromptViewQuotaViewContainer { width: 100%; } .docgenUiPromptViewQuotaView { margin-top: 8px; } .docgenUiPromptViewPromptBoxContainer { display: flex; flex-direction: colu= mn-reverse; width: 100%; position: relative; background-color: var(--gm3-sy= s-color-surface-container-lowest,#fff); z-index: 101; } .docgenUiPromptViewPromptBoxContainer .appsElementsPromptBoxRootWrapped { b= order: 1px solid var(--gm3-sys-color-surface-container-highest,#dde3ea); bo= rder-radius: 16px; height: fit-content; } .docgenUiPromptViewPromptBoxContainer .appsElementsPromptBoxRootWrapped:foc= us-within { box-shadow: 0 1px 3px 0 color-mix(in srgb,var(--ws-sys-color-ge= nai-bold-gradient02,#3186ff) 30%,transparent),0 3px 6px 3px color-mix(in sr= gb,var(--ws-sys-color-genai-bold-gradient02,#3186ff) 20%,transparent); } .docgenUiPromptViewPromptBox { width: 100%; } .template-details-view, .template-gallery-view { height: 100%; width: 100%;= } #slide-library-container { background-color: var(--gm3-sys-color-surface-co= ntainer-low,#f8fafd); box-sizing: border-box; display: flex; flex-direction= : column; height: 100%; left: 0px; padding: 22px; position: absolute; top: = 0px; width: 100%; z-index: 1; overflow: hidden; } #slide-library-container.sl-container-hidden { display: none; } .getting-started-dialog.goog-modalpopup { background: var(--gm3-sys-color-s= urface,#fff); border: 0px; border-radius: 28px; box-shadow: 0 4px 8px 3px r= gba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); display: flex; flex-directi= on: column; overflow: hidden; } @media screen and (forced-colors: active) { .getting-started-dialog.goog-modalpopup { outline: 2px solid var(--gm3-sy= s-color-primary,#0b57d0); outline-offset: -2px; } } .getting-started-dialog .getting-started-dialog-contents.getting-started-di= alog-with-entry-point-view { background: var(--gm3-sys-color-surface,#fff);= } .getting-started-dialog-contents { display: flex; flex-direction: column; h= eight: 100%; } .getting-started-dialog .getting-started-dialog-contents { flex-direction: = unset; } .getting-started-dialog-views-container { display: flex; flex-direction: co= lumn; flex: 1 1 auto; min-width: 0px; color: var(--gm3-sys-color-on-surface= ,#1f1f1f); } .getting-started-dialog .getting-started-dialog-with-back-arrow .getting-st= arted-dialog-docgen-view, .getting-started-dialog .getting-started-dialog-w= ith-back-arrow .getting-started-dialog-templates-view, .getting-started-dia= log-insertabletemplates-page-content .insertabletemplates-domain-template-c= ontent-container { margin: 0px 36px; } .getting-started-dialog-templates-view .insertabletemplates-details-view-co= ntainer, .getting-started-dialog-templates-view .insertabletemplates-galler= y-view-container { padding: 0px 64px; } .getting-started-dialog .getting-started-dialog-templates-view .insertablet= emplates-details-view-container, .getting-started-dialog .getting-started-d= ialog-templates-view .insertabletemplates-gallery-view-container { padding:= 0px; } .insertabletemplates-gallery-load-failure-container, .insertabletemplates-s= ingle-template-load-failure-container { display: flex; flex-direction: colu= mn; } .template-container-view .docsInsertableTemplatesCssInfoTabComponentIcon .d= ocsInsertableTemplatesCssInfoTabComponentErrorIllustration { height: 380px;= } .insertabletemplates-view-container .insertabletemplates-gallery-load-failu= re-container, .template-container-view .insertabletemplates-gallery-load-fa= ilure-container { margin-top: 78px; } .insertabletemplates-view-container .docsInsertableTemplatesCssInfoTabCompo= nentRoot, .template-container-view .docsInsertableTemplatesCssInfoTabCompon= entRoot { justify-content: unset; } .insertabletemplates-view-container .docsInsertableTemplatesCssInfoTabCompo= nentRoot .docsInsertableTemplatesCssInfoTabComponentTabContainer, .template= -container-view .docsInsertableTemplatesCssInfoTabComponentRoot .docsInsert= ableTemplatesCssInfoTabComponentTabContainer { gap: 0px; text-align: center= ; } .insertabletemplates-view-container .docsInsertableTemplatesCssInfoTabCompo= nentRoot .docsInsertableTemplatesCssInfoTabComponentTitle, .template-contai= ner-view .docsInsertableTemplatesCssInfoTabComponentRoot .docsInsertableTem= platesCssInfoTabComponentTitle { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 1.375rem; font-weight: 400; letter-spacing: 0px; li= ne-height: 1.75rem; margin-bottom: 12px; margin-top: 0px; } .insertabletemplates-view-container .docsInsertableTemplatesCssInfoTabCompo= nentRoot .docsInsertableTemplatesCssInfoTabComponentBody, .template-contain= er-view .docsInsertableTemplatesCssInfoTabComponentRoot .docsInsertableTemp= latesCssInfoTabComponentBody { font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; l= ine-height: 1.25rem; } .templates-sidebar-content .insertabletemplates-view-container .insertablet= emplates-gallery-load-failure-container, .templates-sidebar-content .insert= abletemplates-view-container .insertabletemplates-single-template-load-fail= ure-container, .templates-sidebar-content .template-container-view .inserta= bletemplates-gallery-load-failure-container, .templates-sidebar-content .te= mplate-container-view .insertabletemplates-single-template-load-failure-con= tainer { height: 100%; margin-top: 0px; } .templates-sidebar-content .insertabletemplates-view-container .appsDocsTem= platesThumbnailControlFailure, .templates-sidebar-content .template-contain= er-view .appsDocsTemplatesThumbnailControlFailure { margin-bottom: 0px; } .templates-sidebar-content .insertabletemplates-view-container .docsInserta= bleTemplatesCssInfoTabComponentRoot, .templates-sidebar-content .template-c= ontainer-view .docsInsertableTemplatesCssInfoTabComponentRoot { display: fl= ex; justify-content: center; margin-top: 0px; height: calc(100% - 70px); } .templates-sidebar-content .insertabletemplates-view-container .docsInserta= bleTemplatesCssInfoTabComponentRoot .docsInsertableTemplatesCssInfoTabCompo= nentErrorIllustration, .templates-sidebar-content .template-container-view = .docsInsertableTemplatesCssInfoTabComponentRoot .docsInsertableTemplatesCss= InfoTabComponentErrorIllustration { height: 240px; } .templates-sidebar-content .insertabletemplates-view-container .docsInserta= bleTemplatesCssInfoTabComponentRoot .docsInsertableTemplatesCssInfoTabCompo= nentTitle, .templates-sidebar-content .template-container-view .docsInserta= bleTemplatesCssInfoTabComponentRoot .docsInsertableTemplatesCssInfoTabCompo= nentTitle { font-size: 1rem; font-weight: 500; line-height: 1.5rem; margin-= top: 8px; } .getting-started-dialog .getting-started-dialog-views-container { height: 1= 00%; overflow-y: unset; padding: 0px; } .getting-started-dialog .getting-started-dialog-navigation-view { backgroun= d: var(--gm3-sys-color-surface-container,#f0f4f9); justify-content: center;= min-width: 336px; display: flex; overflow-y: auto; } .getting-started-dialog:not(.getting-started-dialog-gemini) .getting-starte= d-dialog-navigation-view .getting-started-dialog-navigation-button-icon { d= isplay: inline-flex; height: 24px; margin-right: 24px; } .getting-started-dialog .getting-started-dialog-entry-point-selection-view,= .getting-started-dialog .getting-started-dialog-likeness-view, .getting-st= arted-dialog .getting-started-dialog-recording-view, .getting-started-dialo= g .getting-started-dialog-upload-media-view { margin: auto; width: 100%; ov= erflow: auto; } .getting-started-dialog .getting-started-dialog-entry-point-selection-view = { background: var(--gm3-sys-color-surface,#fff); height: 100%; display: fle= x; flex-direction: column; } .getting-started-dialog .getting-started-dialog-entry-point-selection-view.= selection-view-hidden { display: none; } .getting-started-dialog-upload-media-view img { width: 70%; max-width: 289p= x; } .getting-started-dialog-recording-view img { max-width: 624px; width: 100%;= } .getting-started-dialog .getting-started-dialog-recording-container, .getti= ng-started-dialog .getting-started-dialog-upload-media-container { align-it= ems: center; padding: 32px; color: var(--gm3-sys-color-on-surface-variant,#= 444746); display: flex; flex-direction: column; font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 400; } .getting-started-dialog .getting-started-dialog-recording-title { color: va= r(--gm3-sys-color-on-surface,#1f1f1f); font-size: 1.5rem; line-height: 1.75= rem; margin-top: 40px; text-align: center; width: 100%; } .getting-started-dialog .getting-started-dialog-record-button { border: 1px= solid transparent; border-radius: 9999px; box-sizing: border-box; cursor: = pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; height: 40px; line-heig= ht: 1.25rem; padding: 9px 24px; white-space: nowrap; background: var(--gm3-= sys-color-secondary-container,#c2e7ff); color: var(--gm3-sys-color-on-secon= dary-container,#004a77); } .getting-started-dialog .getting-started-dialog-record-button.docs-gm3-butt= on-hover { border: 1px solid transparent; border-radius: 9999px; box-sizing= : border-box; cursor: pointer; font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; h= eight: 40px; line-height: 1.25rem; padding: 9px 24px; white-space: nowrap; = color: var(--gm3-sys-color-on-secondary-container,#004a77); background: lin= ear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),= .08),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.08)),va= r(--gm3-sys-color-secondary-container,#c2e7ff); box-shadow: 0 1px 2px rgba(= var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-= color-shadow-rgb,0,0,0),.15); } .getting-started-dialog .getting-started-dialog-record-button.docs-gm3-butt= on-focused { border: 1px solid transparent; border-radius: 9999px; box-sizi= ng: border-box; cursor: pointer; font-family: "Google Sans", Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= height: 40px; line-height: 1.25rem; padding: 9px 24px; white-space: nowrap= ; color: var(--gm3-sys-color-on-secondary-container,#004a77); background: l= inear-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119= ),.1),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1)),va= r(--gm3-sys-color-secondary-container,#c2e7ff); box-shadow: none; } .getting-started-dialog .getting-started-dialog-record-button.docs-gm3-butt= on-active { border: 1px solid transparent; border-radius: 9999px; box-sizin= g: border-box; cursor: pointer; font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = height: 40px; line-height: 1.25rem; padding: 9px 24px; white-space: nowrap;= color: var(--gm3-sys-color-on-secondary-container,#004a77); background: li= near-gradient(rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119)= ,.1),rgba(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1)),var= (--gm3-sys-color-secondary-container,#c2e7ff); } .getting-started-dialog .getting-started-dialog-record-button.docs-gm3-butt= on-disabled { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.12); color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); curso= r: default; } .getting-started-dialog .getting-started-dialog-record-button { margin-top:= 16px; } .getting-started-dialog-docgen-view { height: 100%; padding: 0px; } .templates-sidebar-container .insertabletemplates-section-title { display: = none; } .insertabletemplates-dialog .insertabletemplates-section-title { padding-to= p: 24px; padding-bottom: 24px; } .getting-started-dialog-navigation-container { margin: auto; } .getting-started-dialog-navigation-container .getting-started-dialog-naviga= tion-button { align-items: center; background: var(--gm3-sys-color-surface-= container-high,#e9eef6); border-radius: 16px; border-width: medium; border-= style: none; border-color: currentcolor; border-image: none; color: var(--g= m3-sys-color-on-surface-variant,#444746); cursor: pointer; display: flex; f= ont: 400 16px / 64px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; height: 64px; letter-spacing: 0.00625rem; margin-bottom: 18px; = width: 232px; padding-left: 24px; } .getting-started-dialog-navigation-container .getting-started-dialog-naviga= tion-button:focus-visible { outline: 2px solid var(--gm3-sys-color-secondar= y,#00639b); } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button.getting-started-= dialog-navigation-button-disabled { color: color-mix(in srgb,var(--gm3-sys-= color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); opacity: = 0.38; cursor: default; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button.getting-started-= dialog-navigation-button-disabled:not(.getting-started-dialog-navigation-bu= tton-selected):hover .getting-started-dialog-navigation-button-icon { backg= round: none; } .getting-started-dialog-navigation-container .getting-started-dialog-naviga= tion-button-selected, .getting-started-dialog-navigation-container .getting= -started-dialog-navigation-button:hover { background: var(--gm3-sys-color-s= urface,#fff); } .getting-started-dialog .getting-started-dialog-navigation-container .docs-= icon { margin-top: 0px; margin-right: 24px; height: 24px; width: 24px; } .prerendered-getting-started-dialog { position: absolute; top: 50%; right: = 50%; transform: translate(50%, -50%); } .prerendered-getting-started-dialog-scrim { width: 100vw; height: 100vh; } .insertabletemplates-prerendered-thumbnail { opacity: 0.5; pointer-events: = none; } .insertabletemplates-prerendered-thumbnail-placeholder { background-color: = var(--gm3-sys-color-surface-dim,#d3dbe5); } .docs-thumbnailcontrol-thumbnail.insertabletemplates-prerendered-thumbnail-= hidden { display: none; } .insertabletemplates-prerendered-thumbnail-failure { background-color: var(= --gm3-sys-color-surface-container,#f0f4f9); border-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); border-width: 2px; } .getting-started-dialog .insertabletemplates-prerendered-view .insertablete= mplates-gallery-content-container { overflow-y: hidden; margin-right: 16px;= } .insertabletemplates-dialog .docs-thumbnailcontrol-title { line-height: 1.2= 5rem; margin-top: 8px; margin-bottom: 0px; } .insertabletemplates-dialog .docs-thumbnailcontrol { padding: 0px 12px 24px= 0px; } .insertabletemplates-dialog .insertabletemplates-hidden { display: none; } .insertabletemplates-dialog .insertabletemplates-page-content-horizontal-th= umbnails { display: flex; justify-content: center; } .insertabletemplates-dialog .insertabletemplates-page-content-horizontal-th= umbnails .docs-thumbnailcontainer { display: flex; flex-wrap: nowrap; overf= low: auto hidden; padding: 4px; } .insertabletemplates-dialog .insertabletemplates-content-container.insertab= letemplates-page-content-horizontal-thumbnails.insertabletemplates-domain-t= emplate-content-container .docs-thumbnailcontainer { flex-flow: wrap; overf= low-x: scroll; } #slide-library-container .docs-thumbnailcontrol-title { color: var(--gm3-sy= s-color-on-surface,#1f1f1f); font-size: 0.875rem; line-height: 1.25rem; mar= gin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowra= p; } .templates-loading .insertabletemplates-gallery-content-container, .templat= es-loading-spinner-container { display: none; } .templates-loading .templates-loading-spinner-container { display: flex; fl= ex-direction: column; height: 100%; justify-content: center; } .insertabletemplates-gallery-view-container.templates-loading .templates-lo= ading-spinner-container { margin-bottom: 92px; } .insertabletemplates-details-view-container.templates-loading .templates-lo= ading-spinner-container { margin-bottom: 25px; } .getting-started-dialog { max-width: 1130px; max-height: 720px; } @media screen and (max-height: 800px) { .getting-started-dialog { height: calc(100% - 80px); } } @media screen and (max-width: 1200px) { .getting-started-dialog { width: calc(100% - 80px); } } .getting-started-dialog .insertabletemplates-action-buttons-container { bac= kground: var(--gm3-sys-color-surface,#fff); justify-content: end; padding: = 16px 16px 16px 28px; } .getting-started-dialog .getting-started-dialog-insertabletemplates-page-co= ntent, .getting-started-dialog .insertabletemplates-gallery-content-contain= er { overflow-y: auto; } .getting-started-dialog .insertabletemplates-header { align-items: center; = padding: 32px 32px 26px; } .getting-started-dialog .insertabletemplates-gallery-header .insertabletemp= lates-section-title { padding: 0px; } .getting-started-dialog .insertabletemplates-details-view-back-button, .get= ting-started-dialog .insertabletemplates-gallery-back-button { padding: 8px= ; } .getting-started-dialog .getting-started-dialog-close { top: 32px; right: 3= 2px; padding: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .getting-started-dialog .getting-started-dialog-close:active { border-width= : medium; border-style: none; border-color: currentcolor; border-image: non= e; background: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 12%,t= ransparent); } .getting-started-dialog .getting-started-dialog-contents .getting-started-d= ialog-close:not(:hover, :focus) { background: var(--gm3-sys-color-surface,#= fff); } .getting-started-dialog .getting-started-dialog-close.getting-started-dialo= g-close-disabled { color: color-mix(in srgb,var(--gm3-sys-color-on-surface,= #1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); opacity: 0.38; cursor: def= ault; } .getting-started-dialog .getting-started-dialog-close.getting-started-dialo= g-close-disabled:hover { background: none; } .getting-started-dialog .getting-started-dialog-close.getting-started-dialo= g-close-disabled:focus { border-width: medium; border-style: none; border-c= olor: currentcolor; border-image: none; background: none; } .getting-started-dialog .getting-started-dialog-contents .getting-started-d= ialog-close:focus-visible { outline: 2px solid var(--gm3-sys-color-secondar= y,#00639b); outline-offset: 2px; } .getting-started-dialog .insertabletemplates-gallery-content-container { pa= dding-top: 2px; } .getting-started-dialog .insertabletemplates-section-title:has(+ .templates= -loading-spinner-container) { padding: 38px 32px 26px 48px; overflow-x: cli= p; } .getting-started-dialog .insertabletemplates-domain-template-content-contai= ner, .getting-started-dialog .insertabletemplates-gallery-content-container= { padding-left: 44px; padding-bottom: 20px; } .getting-started-dialog .getting-started-dialog-templates-view, .getting-st= arted-dialog .template-container-view { height: 100%; } @media screen and (min-width: 850px) { .getting-started-dialog .insertabletemplates-page-content-container:not(.= insertabletemplates-domain-template-content-container) .docs-thumbnailcontr= ol:first-child { margin-left: 40px; } .getting-started-dialog .insertabletemplates-page-content-container:not(.= insertabletemplates-domain-template-content-container) .docs-thumbnailcontr= ol:last-child { margin-right: 24px; } } .getting-started-dialog .getting-started-dialog-insertabletemplates-page-co= ntent { display: flex; flex-direction: column; flex: 1 1 auto; } .getting-started-dialog .getting-started-dialog-insertabletemplates-page-co= ntent .insertabletemplates-page-content-container { padding-bottom: 10px; } .getting-started-dialog .getting-started-dialog-insertabletemplates-page-co= ntent .insertabletemplates-page-content-container .docs-thumbnailcontrol { = padding-bottom: 0px; } .getting-started-dialog .getting-started-dialog-video-preview-container .in= sertabletemplates-page-content-container { margin-bottom: auto; } .getting-started-dialog .insertabletemplates-details-view-title, .getting-s= tarted-dialog .insertabletemplates-section-title { margin-right: 40px; } .insertabletemplates-details-view-container:not(.templates-view-container-h= idden), .insertabletemplates-gallery-view-container:not(.templates-view-con= tainer-hidden) { display: flex; flex-direction: column; height: 100%; } .insertabletemplates-content-container .docs-thumbnailcontrol-title { font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font= -weight: 500; letter-spacing: 0px; line-height: 1.25rem; -webkit-font-smoot= hing: antialiased; color: var(--gm3-sys-color-on-surface-variant,#444746); = overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .insertabletemplates-action-buttons-container { margin: auto 0px 0px; paddi= ng: 16px 28px; display: flex; flex-direction: row; gap: 8px; border-top: 1p= x solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .insertabletemplates-action-buttons-container-hidden { display: none; } .insertabletemplates-details-view-title, .insertabletemplates-section-title= { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1.375r= em; font-weight: 400; letter-spacing: 0px; line-height: normal; margin: 0px= ; white-space: nowrap; text-overflow: ellipsis; } .insertabletemplates-gallery-section-header { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f);= white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .getting-started-dialog-templates-view .insertabletemplates-gallery-section= -header { margin: 64px 0px 16px 4px; } .templates-sidebar-content .insertabletemplates-gallery-section-header { ma= rgin: 40px 0px 16px 4px; } .insertabletemplates-details-view-title { overflow-x: hidden; } .templates-sidebar-content .insertabletemplates-details-view-title { font-s= ize: 1rem; } .insertabletemplates-details-view-back-button:hover, .insertabletemplates-g= allery-back-button:hover { background-color: color-mix(in srgb,var(--gm3-sy= s-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .templates-scrollable-container { display: flex; flex: 1 1 auto; overflow-y= : auto; } .templates-view-container-hidden { display: none; } #slide-library-container .docs-thumbnailcontainer { display: flex; flex-wra= p: wrap; gap: 24px; justify-content: normal; padding-bottom: 20px; } #slide-library-container .docs-thumbnailcontainer { gap: 20px 24px; } #slide-library-container .docs-thumbnailcontrol { padding: 0px; } .insertabletemplates-header { align-items: end; display: flex; padding: 12p= x 24px; } .insertabletemplates-details-view-back-button, .insertabletemplates-gallery= -back-button { cursor: pointer; margin-right: 8px; border-radius: 9999px; } .insertabletemplates-view-container, .template-container-view { height: 100= %; width: 100%; } .template-container-view > div { height: 100%; overflow: hidden; } @media screen and (forced-colors: active) { #slide-library-container .docs-thumbnailcontrol-focused .docs-thumbnailco= ntrol-thumbnailcontainer { border-color: highlight; } } #slide-library-container .docs-thumbnailcontrol-thumbnailcontainer, .templa= tes-sidebar-content .docs-thumbnailcontrol-thumbnailcontainer { border-radi= us: 4px; border-width: 1px; } .template-container-view .insertabletemplates-view-container .docs-thumbnai= lcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletemplate= s-view-container .docs-thumbnailcontrol-thumbnailcontainer { border-radius:= 12px; } .templates-sidebar-content .docs-thumbnailcontainer.docs-thumbnailcontainer= -horizontal { display: flex; flex-wrap: wrap; gap: 8px; } .templates-sidebar-content .insertabletemplates-view-container .docs-thumbn= ailcontrol-thumbnail, .templates-sidebar-content .template-container-view .= docs-thumbnailcontrol-thumbnail { border-radius: 11px; } #slide-library-container .docs-thumbnailcontrol-thumbnailcontainer { border= -width: 2px; } #slide-library-container .docs-thumbnailcontrol-thumbnail svg, .templates-s= idebar-content .docs-thumbnailcontrol-thumbnail svg { border-radius: 4px; } #slide-library-container .docs-thumbnailcontrol-focused .docs-thumbnailcont= rol-thumbnailcontainer { outline: 2px solid var(--gm3-sys-color-primary,#0b= 57d0); } .getting-started-dialog .docs-thumbnailcontrol-thumbnail, .templates-sideba= r-content .insertabletemplates-view-container .docs-thumbnailcontrol-thumbn= ail, .templates-sidebar-content .template-container-view .docs-thumbnailcon= trol-thumbnail { border-radius: 11px; } .getting-started-dialog .docs-thumbnailcontrol-thumbnailcontainer, .templat= es-sidebar-content .insertabletemplates-view-container .docs-thumbnailcontr= ol-thumbnailcontainer, .templates-sidebar-content .template-container-view = .docs-thumbnailcontrol-thumbnailcontainer { border: 1px solid var(--gm3-sys= -color-outline-variant,#c4c7c5); border-radius: 12px; margin: 4px; outline:= none; } .getting-started-dialog .docs-thumbnailcontrol-focused .docs-thumbnailcontr= ol-thumbnailcontainer, .templates-sidebar-content .insertabletemplates-view= -container .docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailc= ontainer, .templates-sidebar-content .template-container-view .docs-thumbna= ilcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer { border: 1px s= olid var(--gm3-sys-color-surface-bright,#fff); outline: 4px solid var(--gm3= -sys-color-secondary,#00639b); } .getting-started-dialog .docs-thumbnailcontrol-focused .docs-thumbnailcontr= ol-thumbnailcontainer, .templates-sidebar-content .insertabletemplates-view= -container .docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailc= ontainer, .templates-sidebar-content .template-container-view .docs-thumbna= ilcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer { animation-nam= e: focus-ring-grow, focus-ring-shrink; animation-duration: 0.15s, 0.45s; an= imation-delay: 0s, 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0= , 1), cubic-bezier(0.2, 0, 0, 1); } @media (prefers-reduced-motion) { .getting-started-dialog .docs-thumbnailcontrol-focused .docs-thumbnailcon= trol-thumbnailcontainer, .templates-sidebar-content .insertabletemplates-vi= ew-container .docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnai= lcontainer, .templates-sidebar-content .template-container-view .docs-thumb= nailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer { animation: = auto ease 0s 1 normal none running none; } } @media screen and (forced-colors: active) { .getting-started-dialog .docs-thumbnailcontrol-focused .docs-thumbnailcon= trol-thumbnailcontainer, .templates-sidebar-content .insertabletemplates-vi= ew-container .docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnai= lcontainer, .templates-sidebar-content .template-container-view .docs-thumb= nailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer { outline: hi= ghlight double 5px; } } .getting-started-dialog .docs-thumbnailcontrol-checked .docs-thumbnailcontr= ol-thumbnailcontainer, .getting-started-dialog .docs-thumbnailcontrol-selec= ted .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content .= insertabletemplates-view-container .docs-thumbnailcontrol-checked .docs-thu= mbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletem= plates-view-container .docs-thumbnailcontrol-selected .docs-thumbnailcontro= l-thumbnailcontainer, .templates-sidebar-content .template-container-view .= docs-thumbnailcontrol-checked .docs-thumbnailcontrol-thumbnailcontainer, .t= emplates-sidebar-content .template-container-view .docs-thumbnailcontrol-se= lected .docs-thumbnailcontrol-thumbnailcontainer { border: 1px solid var(--= gm3-sys-color-surface-bright,#fff); outline: 2px solid var(--gm3-sys-color-= primary,#0b57d0); } @media screen and (forced-colors: active) { .getting-started-dialog .docs-thumbnailcontrol-checked .docs-thumbnailcon= trol-thumbnailcontainer, .getting-started-dialog .docs-thumbnailcontrol-sel= ected .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content= .insertabletemplates-view-container .docs-thumbnailcontrol-checked .docs-t= humbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertablet= emplates-view-container .docs-thumbnailcontrol-selected .docs-thumbnailcont= rol-thumbnailcontainer, .templates-sidebar-content .template-container-view= .docs-thumbnailcontrol-checked .docs-thumbnailcontrol-thumbnailcontainer, = .templates-sidebar-content .template-container-view .docs-thumbnailcontrol-= selected .docs-thumbnailcontrol-thumbnailcontainer { outline: highlight sol= id 2px; } } .getting-started-dialog .docs-thumbnailcontrol-checked.docs-thumbnailcontro= l-focused .docs-thumbnailcontrol-thumbnailcontainer, .getting-started-dialo= g .docs-thumbnailcontrol-selected.docs-thumbnailcontrol-focused .docs-thumb= nailcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletempl= ates-view-container .docs-thumbnailcontrol-checked.docs-thumbnailcontrol-fo= cused .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content= .insertabletemplates-view-container .docs-thumbnailcontrol-selected.docs-t= humbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .templat= es-sidebar-content .template-container-view .docs-thumbnailcontrol-checked.= docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .t= emplates-sidebar-content .template-container-view .docs-thumbnailcontrol-se= lected.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontai= ner { border: 1px solid var(--gm3-sys-color-surface-bright,#fff); outline: = 4px solid var(--gm3-sys-color-primary,#0b57d0); } @keyframes focus-ring-grow {=20 0% { box-shadow: 0 0 0 0 var(--gm3-sys-color-primary,#0b57d0); } 100% { box-shadow: 0 0 0 6px var(--gm3-sys-color-primary,#0b57d0); } } @keyframes focus-ring-shrink {=20 0% { box-shadow: 0 0 0 6px var(--gm3-sys-color-primary,#0b57d0); } } .getting-started-dialog .docs-thumbnailcontrol-checked.docs-thumbnailcontro= l-focused .docs-thumbnailcontrol-thumbnailcontainer, .getting-started-dialo= g .docs-thumbnailcontrol-selected.docs-thumbnailcontrol-focused .docs-thumb= nailcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletempl= ates-view-container .docs-thumbnailcontrol-checked.docs-thumbnailcontrol-fo= cused .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content= .insertabletemplates-view-container .docs-thumbnailcontrol-selected.docs-t= humbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .templat= es-sidebar-content .template-container-view .docs-thumbnailcontrol-checked.= docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .t= emplates-sidebar-content .template-container-view .docs-thumbnailcontrol-se= lected.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontai= ner { animation-name: focus-ring-grow, focus-ring-shrink; animation-duratio= n: 0.15s, 0.45s; animation-delay: 0s, 0.15s; animation-timing-function: cub= ic-bezier(0.2, 0, 0, 1), cubic-bezier(0.2, 0, 0, 1); } @media (prefers-reduced-motion) { .getting-started-dialog .docs-thumbnailcontrol-checked.docs-thumbnailcont= rol-focused .docs-thumbnailcontrol-thumbnailcontainer, .getting-started-dia= log .docs-thumbnailcontrol-selected.docs-thumbnailcontrol-focused .docs-thu= mbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletem= plates-view-container .docs-thumbnailcontrol-checked.docs-thumbnailcontrol-= focused .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-conte= nt .insertabletemplates-view-container .docs-thumbnailcontrol-selected.docs= -thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .templ= ates-sidebar-content .template-container-view .docs-thumbnailcontrol-checke= d.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, = .templates-sidebar-content .template-container-view .docs-thumbnailcontrol-= selected.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcont= ainer { animation: auto ease 0s 1 normal none running none; } } @media screen and (forced-colors: active) { .getting-started-dialog .docs-thumbnailcontrol-checked.docs-thumbnailcont= rol-focused .docs-thumbnailcontrol-thumbnailcontainer, .getting-started-dia= log .docs-thumbnailcontrol-selected.docs-thumbnailcontrol-focused .docs-thu= mbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertabletem= plates-view-container .docs-thumbnailcontrol-checked.docs-thumbnailcontrol-= focused .docs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-conte= nt .insertabletemplates-view-container .docs-thumbnailcontrol-selected.docs= -thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, .templ= ates-sidebar-content .template-container-view .docs-thumbnailcontrol-checke= d.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer, = .templates-sidebar-content .template-container-view .docs-thumbnailcontrol-= selected.docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcont= ainer { outline: highlight solid 4px; } } .getting-started-dialog .visible-outline.docs-thumbnailcontrol-hover .docs-= thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertable= templates-view-container .visible-outline.docs-thumbnailcontrol-hover .docs= -thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content .template-= container-view .visible-outline.docs-thumbnailcontrol-hover .docs-thumbnail= control-thumbnailcontainer { border: 1px solid var(--gm3-sys-color-surface-= bright,#fff); outline: 4px solid color-mix(in srgb,var(--gm3-sys-color-on-s= urface,#1f1f1f) 8%,var(--gm3-sys-color-surface-variant,#e1e3e1)); } @media screen and (forced-colors: active) { .getting-started-dialog .visible-outline.docs-thumbnailcontrol-hover .doc= s-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content .insertab= letemplates-view-container .visible-outline.docs-thumbnailcontrol-hover .do= cs-thumbnailcontrol-thumbnailcontainer, .templates-sidebar-content .templat= e-container-view .visible-outline.docs-thumbnailcontrol-hover .docs-thumbna= ilcontrol-thumbnailcontainer { outline: highlight double 5px; } } .getting-started-dialog .docs-thumbnailcontrol-title, .templates-sidebar-co= ntent .insertabletemplates-view-container .docs-thumbnailcontrol-title, .te= mplates-sidebar-content .template-container-view .docs-thumbnailcontrol-tit= le { margin-left: 4px; } .templates-sidebar-container { display: flex; flex-direction: column; posit= ion: absolute; right: 0px; user-select: none; background-color: var(--gm3-s= ys-color-surface,#fff); border-radius: 16px; box-shadow: none; outline: non= e; overflow: hidden; width: 300px; margin: 6px 16px 16px; } .has-right-rail .templates-sidebar-container { margin-left: 0px; margin-rig= ht: 0px; } .templates-sidebar-container { background: var(--gm3-sys-color-surface-cont= ainer,#f0f4f9); width: 320px; } .templates-sidebar-content { overflow-x: hidden; height: calc(100% - 56px);= } .templates-sidebar-content .docs-gm-thumbnailcontrol, .templates-sidebar-co= ntent .docs-thumbnailcontrol { padding: 0px 0px 6px; --gm3-card-filled-focu= s-indicator-outline-offset: 1px; } .templates-sidebar-wiz .templates-sidebar-content .docs-gm-thumbnailcontrol= , .templates-sidebar-wiz .templates-sidebar-content .docs-thumbnailcontrol = { padding: 0px; } .templates-sidebar-content .insertabletemplates-content-container { padding= : 0px 16px; } .templates-sidebar-content .insertabletemplates-gallery-content-container, = .templates-sidebar-content .insertabletemplates-page-content-container { pa= dding-top: 2px; overflow: hidden scroll; } .templates-sidebar-wiz .templates-sidebar-content .insertabletemplates-gall= ery-content-container, .templates-sidebar-wiz .templates-sidebar-content .i= nsertabletemplates-page-content-container { padding-top: 4px; padding-botto= m: 4px; } .sl-thumbnail-placeholder-thumbnail { background-color: var(--gm3-sys-color= -surface-dim,#d3dbe5); border-radius: 4px; } .sl-thumbnail-hidden { display: none; } .getting-started-dialog.getting-started-dialog-gemini { height: 660px; max-= height: 660px; max-width: 996px; width: 996px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini { height: calc(100%= - 96px); } } @media (max-width: 1060px) { .getting-started-dialog.getting-started-dialog-gemini { width: calc(100% = - 96px); } } @media (max-width: 500px) { .getting-started-dialog.getting-started-dialog-gemini { width: calc(100% = - 48px); } } .getting-started-dialog.getting-started-dialog-gemini.getting-started-dialo= g-with-aspect-ratio { height: 720px; max-height: 720px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini.getting-started-dia= log-with-aspect-ratio { height: calc(100% - 96px); } } .getting-started-dialog.getting-started-dialog-gemini.getting-started-dialo= g-with-aspect-ratio.getting-started-dialog-compact { height: 660px; max-hei= ght: 660px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini.getting-started-dia= log-with-aspect-ratio.getting-started-dialog-compact { height: calc(100% - = 96px); } } .getting-started-dialog.getting-started-dialog-gemini:has(.appsDocsGettingS= tartedEntryPointSelectionViewRecommendationBannerContainer) { height: 714px= ; max-height: 714px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini:has(.appsDocsGettin= gStartedEntryPointSelectionViewRecommendationBannerContainer) { height: cal= c(100% - 96px); } } .getting-started-dialog.getting-started-dialog-gemini.getting-started-dialo= g-with-aspect-ratio:has(.appsDocsGettingStartedEntryPointSelectionViewRecom= mendationBannerContainer) { height: 774px; max-height: 774px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini.getting-started-dia= log-with-aspect-ratio:has(.appsDocsGettingStartedEntryPointSelectionViewRec= ommendationBannerContainer) { height: calc(100% - 96px); } } .getting-started-dialog.getting-started-dialog-gemini.getting-started-dialo= g-with-aspect-ratio.getting-started-dialog-compact:has(.appsDocsGettingStar= tedEntryPointSelectionViewRecommendationBannerContainer) { height: 714px; m= ax-height: 714px; } @media (max-height: 756px) { .getting-started-dialog.getting-started-dialog-gemini.getting-started-dia= log-with-aspect-ratio.getting-started-dialog-compact:has(.appsDocsGettingSt= artedEntryPointSelectionViewRecommendationBannerContainer) { height: calc(1= 00% - 96px); } } .getting-started-dialog-gemini.getting-started-dialog-contents { background= : var(--gm3-sys-color-surface-container,#f0f4f9); } .getting-started-dialog-gemini .getting-started-dialog-navigation-view-gemi= ni { min-width: 108px; flex: 0 0 108px; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container { display: flex; flex-direction: column; gap: 16px; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button-selected, .getti= ng-started-dialog-navigation-view-gemini .getting-started-dialog-navigation= -container .getting-started-dialog-navigation-button:hover { background: tr= ansparent; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button-icon { border-ra= dius: 9999px; margin-bottom: 4px; padding: 4px 20px; transition: background= 0.1s linear; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button:not(.getting-sta= rted-dialog-navigation-button-selected):hover .getting-started-dialog-navig= ation-button-icon { background: var(--gm3-sys-color-surface-container-highe= st,#dde3ea); } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button-selected:not(.ge= tting-started-dialog-navigation-button-disabled), .getting-started-dialog-n= avigation-view-gemini .getting-started-dialog-navigation-container .getting= -started-dialog-navigation-button-selected:not(.getting-started-dialog-navi= gation-button-disabled) .iconSVG { color: var(--gm3-sys-color-secondary,#00= 639b); fill: var(--gm3-sys-color-secondary,#00639b); } @media (forced-colors: active) { .getting-started-dialog-navigation-view-gemini .getting-started-dialog-na= vigation-button-icon .iconSVG { color: var(--gm3-sys-color-surface,#fff); f= ill: var(--gm3-sys-color-surface,#fff); } } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button-selected:not(.ge= tting-started-dialog-navigation-button-disabled) .getting-started-dialog-na= vigation-button-icon { background: var(--gm3-sys-color-secondary-container,= #c2e7ff); } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .getting-started-dialog-navigation-button { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 4= 00; letter-spacing: 0.00625rem; line-height: 1rem; align-items: center; bac= kground: transparent; display: flex; flex-direction: column; height: auto; = margin: 0px 8px; padding: 8px; text-align: center; width: auto; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-button-icon { display: flex; } .getting-started-dialog.getting-started-dialog-gemini .getting-started-dial= og-recording-view, .getting-started-dialog.getting-started-dialog-gemini .g= etting-started-dialog-upload-media-view, .getting-started-dialog.getting-st= arted-dialog-gemini .insertabletemplates-view-container, .getting-started-d= ialog.getting-started-dialog-gemini .template-container-view { background-c= olor: var(--gm3-sys-color-surface,#fff); border-radius: 28px 0px 0px 28px; = height: 100%; overflow: auto; width: 100%; } .getting-started-dialog.getting-started-dialog-gemini .getting-started-dial= og-recording-view, .getting-started-dialog.getting-started-dialog-gemini .g= etting-started-dialog-upload-media-view { align-items: center; display: fle= x; justify-content: center; } .getting-started-dialog-navigation-view-gemini .getting-started-dialog-navi= gation-container .docs-icon { margin-right: 0px; } .getting-started-dialog.getting-started-dialog-gemini .getting-started-dial= og-templates-view .insertabletemplates-gallery-view-container .docs-thumbna= ilcontainer, .insertabletemplates-domain-template-content-container .docs-t= humbnailcontainer { display: flex; flex-wrap: wrap; gap: 20px 16px; } .getting-started-dialog.getting-started-dialog-gemini .getting-started-dial= og-templates-view .insertabletemplates-gallery-view-container .docs-thumbna= ilcontrol, .insertabletemplates-domain-template-content-container .docs-thu= mbnailcontrol { padding: 0px; } .getting-started-dialog-back-arrow.docs-gm3-text-button { box-sizing: conte= nt-box; height: 24px; margin: 0px; padding: 8px; position: absolute; left: = 32px; top: 32px; width: 24px; } .getting-started-dialog-back-arrow.docs-gm3-text-button.docs-gm3-button-foc= used, .getting-started-dialog-back-arrow.docs-gm3-text-button.docs-gm3-butt= on-hover { padding: 8px; } .getting-started-dialog-upload-media-heading { text-align: center; } .getting-started-dialog-upload-media-heading .getting-started-dialog-upload= -media-heading-title { font-family: "Google Sans", Roboto, Arial, sans-seri= f; font-size: 1.375rem; font-weight: 400; letter-spacing: 0px; line-height:= 1.75rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); margin-bottom: 8p= x; } .getting-started-dialog-upload-media-heading .getting-started-dialog-upload= -media-heading-subtitle { font-family: "Google Sans", Roboto, Arial, sans-s= erif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-heig= ht: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); } .getting-started-dialog-upload-media-cta-group { display: flex; gap: 16px; = margin: 72px 0px; } .getting-started-dialog-upload-media-cta-group .getting-started-dialog-uplo= ad-media-cta { align-items: center; aspect-ratio: 1 / 1; background-color: = var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: 16px; border= : 0px; display: flex; flex-direction: column; gap: 24px; justify-content: c= enter; width: 220px; } .getting-started-dialog-upload-media-cta-group .getting-started-dialog-uplo= ad-media-cta:hover { cursor: pointer; background-color: color-mix(in srgb,v= ar(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-color-surfa= ce,#fff)); } .getting-started-dialog-upload-media-cta-group .getting-started-dialog-uplo= ad-media-cta:focus { background-color: color-mix(in srgb,var(--gm3-sys-colo= r-on-surface-variant,#444746) 10%,var(--gm3-sys-color-surface,#fff)); } .getting-started-dialog-upload-media-cta-group .getting-started-dialog-uplo= ad-media-cta .getting-started-dialog-upload-media-cta-label { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight:= 400; letter-spacing: 0px; line-height: 1.75rem; } .insertabletemplates-gallery-filter-chips-container { display: flex; flex-w= rap: wrap; gap: 8px; margin-bottom: 32px; margin-left: 48px; } .templates-sidebar-content .insertabletemplates-gallery-filter-chips-contai= ner { flex-wrap: nowrap; margin-left: 16px; margin-bottom: 0px; min-height:= 52px; overflow-x: auto; padding: 4px 0px; } .filter-chip-menu-header { font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; paddi= ng: 12px 14px 4px 12px; } .docs-gm .goog-menu:has(.filter-chip-color-menu-item) { display: grid; gap:= 30px; grid-template-columns: repeat(4, 32px); padding: 16px 20px; } .filter-chip-color-menu-item .goog-menuitem-content { align-items: center; = display: flex; height: 100%; justify-content: center; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem { align-item= s: center; display: flex; border-radius: 9999px; border-style: solid; borde= r-width: 1px; border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); f= orced-color-adjust: none; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-red { background-color: var(--ws-sys-color-extended-red-fil= l,#b3251e); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-red.goog-menuitem-disabled { background-color: rgba(var(--w= s-sys-color-extended-red-fill,#b3251e),.38); background-image: linear-gradi= ent(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-error,#= b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-red.goog-menuitem-disabled .goog-menuitem-checkbox { cursor= : not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-orange { background-color: var(--ws-sys-color-extended-oran= ge-fill,#ff8d41); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-orange.goog-menuitem-disabled { background-color: rgba(var(= --ws-sys-color-extended-orange-fill,#ff8d41),.38); background-image: linear= -gradient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-e= rror,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-orange.goog-menuitem-disabled .goog-menuitem-checkbox { cur= sor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-yellow { background-color: var(--ws-sys-color-extended-yell= ow-fill,#fcbd00); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-yellow.goog-menuitem-disabled { background-color: rgba(var(= --ws-sys-color-extended-yellow-fill,#fcbd00),.38); background-image: linear= -gradient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-e= rror,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-yellow.goog-menuitem-disabled .goog-menuitem-checkbox { cur= sor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-green { background-color: var(--ws-sys-color-extended-green= -fill,#006c35); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-green.goog-menuitem-disabled { background-color: rgba(var(-= -ws-sys-color-extended-green-fill,#006c35),.38); background-image: linear-g= radient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-err= or,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-green.goog-menuitem-disabled .goog-menuitem-checkbox { curs= or: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-blue { background-color: var(--ws-sys-color-extended-blue-f= ill,#1157ce); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-blue.goog-menuitem-disabled { background-color: rgba(var(--= ws-sys-color-extended-blue-fill,#1157ce),.38); background-image: linear-gra= dient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-error= ,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-blue.goog-menuitem-disabled .goog-menuitem-checkbox { curso= r: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-teal { background-color: var(--ws-sys-color-extended-cyan-f= ill,#00687c); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-teal.goog-menuitem-disabled { background-color: rgba(var(--= ws-sys-color-extended-cyan-fill,#00687c),.38); background-image: linear-gra= dient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-error= ,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-teal.goog-menuitem-disabled .goog-menuitem-checkbox { curso= r: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-purple { background-color: var(--ws-sys-color-extended-purp= le-fill,#7438d2); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-purple.goog-menuitem-disabled { background-color: rgba(var(= --ws-sys-color-extended-purple-fill,#7438d2),.38); background-image: linear= -gradient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-e= rror,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-purple.goog-menuitem-disabled .goog-menuitem-checkbox { cur= sor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-pink { background-color: var(--ws-sys-color-extended-pink-f= ill,#b60d6e); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-pink.goog-menuitem-disabled { background-color: rgba(var(--= ws-sys-color-extended-pink-fill,#b60d6e),.38); background-image: linear-gra= dient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-error= ,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-pink.goog-menuitem-disabled .goog-menuitem-checkbox { curso= r: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-white { background-color: rgb(255, 255, 255); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-white.goog-menuitem-disabled { background-color: rgba(255, = 255, 255, 0.38); background-image: linear-gradient(to bottom right,transpar= ent calc(50% - 1px),var(--gm3-sys-color-error,#b3261e),transparent calc(50%= + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-white.goog-menuitem-disabled .goog-menuitem-checkbox { curs= or: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-black { background-color: rgb(0, 0, 0); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-black.goog-menuitem-disabled { background-color: rgba(0, 0,= 0, 0.38); background-image: linear-gradient(to bottom right,transparent ca= lc(50% - 1px),var(--gm3-sys-color-error,#b3261e),transparent calc(50% + 1px= )); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-black.goog-menuitem-disabled .goog-menuitem-checkbox { curs= or: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-grey { background-color: var(--ws-sys-color-extended-grey-f= ill,#5e5e5e); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-grey.goog-menuitem-disabled { background-color: rgba(var(--= ws-sys-color-extended-grey-fill,#5e5e5e),.38); background-image: linear-gra= dient(to bottom right,transparent calc(50% - 1px),var(--gm3-sys-color-error= ,#b3261e),transparent calc(50% + 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-grey.goog-menuitem-disabled .goog-menuitem-checkbox { curso= r: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-brown { background-color: rgb(128, 76, 30); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-brown.goog-menuitem-disabled { background-color: rgba(128, = 76, 30, 0.38); background-image: linear-gradient(to bottom right,transparen= t calc(50% - 1px),var(--gm3-sys-color-error,#b3261e),transparent calc(50% += 1px)); cursor: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.filter-chip-= color-menu-item-brown.goog-menuitem-disabled .goog-menuitem-checkbox { curs= or: not-allowed; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem { height: 30= px; justify-content: center; padding: 0px; width: 30px; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.goog-option.= goog-menuitem-highlight { outline: 6px solid color-mix(in srgb,var(--gm3-sy= s-color-on-surface,#1f1f1f) 8%,transparent); } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem .goog-menuit= em-checkbox { border-radius: 2px; box-sizing: border-box; cursor: pointer; = height: 18px; outline: none; flex-shrink: 0; width: 18px; display: inline-b= lock; margin: 0px; position: relative; top: 0px; vertical-align: middle; bo= rder-width: medium; border-style: none; border-color: currentcolor; border-= image: none; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.goog-option-= selected { outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); } @media screen and (forced-colors: active) { .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.goog-optio= n-selected { outline: highlight solid 2px; } } .filter-chip-color-menu-item.goog-option-selected { background-image: none;= } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.goog-option-= selected .goog-menuitem-checkbox { content: url("data:image/svg+xml;base64,= PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF= 0aW89InhNaW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9IiNmZmYiIG= Q9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yN= zMuMzIzLjkxeiIvPjwvc3ZnPg=3D=3D"); display: block; line-height: 1rem; } .docs-gm .goog-menu .filter-chip-color-menu-item.goog-menuitem.goog-option-= selected.filter-chip-color-menu-item-white .goog-menuitem-checkbox { conten= t: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvM= jAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAg= MCAxIDEiPjxwYXRoIGZpbGw9ImNhbnZhc3RleHQiIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQ= uMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIvPjwvc3ZnPg=3D=3D")= ; } .filter-chip-multiselect-menu-item .goog-menuitem-content { align-items: ce= nter; display: flex; height: 100%; } .docs-gm .goog-menu .filter-chip-multiselect-menu-item.goog-menuitem { alig= n-items: center; display: flex; height: auto; padding: 10px 12px; width: 26= 0px; } .docs-gm .goog-menu .filter-chip-multiselect-menu-item.goog-menuitem .goog-= menuitem-checkbox { border: 2px solid var(--gm3-sys-color-on-surface-varian= t,#444746); border-radius: 2px; box-sizing: border-box; cursor: pointer; he= ight: 18px; margin: 1px 12px 1px 1px; outline: none; flex-shrink: 0; width:= 18px; display: inline-block; position: relative; top: 0px; vertical-align:= middle; } @media (forced-colors: active) { .docs-gm .goog-menu .filter-chip-multiselect-menu-item.goog-menuitem .goo= g-menuitem-checkbox { border-color: canvastext; } } .docs-gm .goog-menu .filter-chip-multiselect-menu-item.goog-menuitem.goog-m= enuitem-disabled .goog-menuitem-checkbox { border-color: rgba(var(--gm3-sys= -color-on-surface-rgb,31,31,31),.38); } .filter-chip-multiselect-menu-item.goog-option-selected { background-image:= none; } .docs-gm .goog-menu .filter-chip-multiselect-menu-item.goog-menuitem.goog-o= ption-selected .goog-menuitem-checkbox { content: url("data:image/svg+xml;b= ase64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZ= WN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHZpZXdCb3g9IjAgMCAxIDEiPjxwYXRoIGZpbGw9IiNm= ZmYiIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny4= 5Ni4yNzMuMzIzLjkxeiIvPjwvc3ZnPg=3D=3D"); display: block; line-height: 1rem;= background-color: var(--gm3-sys-color-primary,#0b57d0); border: 2px solid = var(--gm3-sys-color-primary,#0b57d0); } .docs-gm.docs-hc-gecko .goog-menu .filter-chip-multiselect-menu-item.goog-m= enuitem .goog-menuitem-checkbox { filter: none; } .video-preview-thumbnail-background-scrim { width: 110%; height: 110%; top:= -5%; left: -5%; position: absolute; user-select: none; background-color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.16; } .video-preview-thumbnail-background-image { width: 110%; height: 110%; filt= er: blur(20px); top: -5%; left: -5%; position: absolute; user-select: none;= } .appsDocsTemplatesThumbnailControlFailure { background-color: var(--gm3-sys= -color-surface-container,#f0f4f9); border-color: var(--gm3-sys-color-outlin= e-variant,#c4c7c5); border-width: 2px; } .appsDocsTemplatesThumbnailControlHide.docs-thumbnailcontrol-thumbnail { di= splay: none; } .appsDocsTemplatesThumbnailControlDisabled .docs-thumbnailcontrol-thumbnail= { cursor: auto; } .appsDocsTemplatesThumbnailControlLoaded { opacity: 0.5; } .generativeAiQuotaUpsellMessageContent { align-items: center; display: flex= ; } .generativeAiQuotaUpsellMessageMenuItem .generativeAiQuotaUpsellMessageCont= ent { align-items: flex-start; } .generativeAiQuotaUpsellMessageLowQuotaBackground { background: var(--gm3-s= ys-color-primary-container,#d3e3fd); } .generativeAiQuotaUpsellMessageNoQuotaBackground { background: var(--gm3-sy= s-color-surface-container,#f0f4f9); } .generativeAiQuotaUpsellMessageContextMenuItem .quotaUpsellMessageDescripti= on { margin-left: 0px; width: 250px; } .generativeAiQuotaUpsellMessageContent .generativeAiQuotaUpsellMessageIcon.= docs-icon { height: 20px; width: 20px; } .generativeAiQuotaUpsellMessageIcon.goog-menuitem-icon { opacity: 1; } .jfk-select .goog-flat-menu-button-caption { overflow: hidden; width: 100%;= } .jfk-select .goog-flat-menu-button-dropdown { background: url("https://ssl.= gstatic.com/ui/v1/disclosure/grey-disclosure-arrow-up-down.png") 50% center= no-repeat; border-width: medium; border-style: none; border-color: current= color; border-image: none; height: 11px; margin-top: -4px; width: 7px; } .docs-ai-text-generator-bubble-free-form-input { position: relative; } .docs-ai-text-generator-bubble-free-form-container { cursor: default; } .docs-ai-text-generator-bubble-free-form-input-textarea { box-sizing: borde= r-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); height: 36px; backgr= ound: var(--gm3-sys-color-surface-container,#f0f4f9); border: unset; border= -radius: 4px; font-family: unset; font-size: 0.75rem; margin: 0px; padding:= 13px 45px 0px 10px; resize: none; width: 286px; } @media screen and (forced-colors: none) { .docs-ai-text-generator-bubble-free-form-input-textarea { outline: unset;= } } @media screen and (forced-colors: active) { .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-= text-generator-bubble-usecase-menu.goog-menu .goog-menuitem.goog-menuitem-d= isabled .docs-ai-text-generator-bubble-refine-button-usecase-menuitem-text = { color: graytext; } .superfab-button-container .instant-button.goog-control-focused, .superfa= b-button-text-selection-highlight { outline: highlight solid 2px; } } .docs-hc-gecko .docs-icon-img.superfab-icon { filter: grayscale(1) brightne= ss(5) !important; } .goog-menuitem-disabled .docs-ai-text-generator-bubble-refine-button-usecas= e-menuitem { color: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38;= } .docs-ai-text-generator-bubble-refine-button-usecase-menuitem { align-items= : center; display: flex; gap: 8px; } .docs-ai-text-generator-bubble-refine-button { display: flex; justify-conte= nt: space-between; padding: 10px 16px !important; } .docs-ai-text-generator-bubble-usecase-menu.goog-menu .goog-menuitem { padd= ing: 6px; } .docs-ai-text-generator-bubble-usecase-menu .goog-menuseparator { margin-le= ft: 0px; } .docs-ai-text-generator-bubble-refine-button .docs-ai-text-generator-bubble= -refine-button-icon-container, .docs-ai-text-generator-bubble-refine-button= .docs-ai-text-generator-bubble-refine-button-icon-container .docs-icon { h= eight: 18px; width: 18px; } .docs-ai-text-generator-bubble-usecase-menu { width: 298px; border: 1px sol= id var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; backgr= ound: var(--gm3-sys-color-surface,#fff); font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; padding: 8px 0px 0px; position= : absolute; } .docs-left-fab-content .docs-ai-text-generator-bubble-usecase-menu { paddin= g-bottom: 0px; } .docs-ai-text-generator-bubble-usecase-menu .goog-menuitem-content { displa= y: flex; } .docs-ai-text-generator-bubble-usecase-menu .goog-submenu-arrow { padding-t= op: 3px; } .docs-ai-text-generator-bubble-tone-menu, .docs-context-tone-menu { width: = 220px; } .docs-ai-text-generator-bubble-tone-menu { font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-ai-text-generator-bubble-tone-menu .goog-menuitem.docs-ai-text-genera= tor-bubble-tone-menu-item, .docs-context-tone-menu .goog-menuitem.docs-cont= ext-tone-menu-item { padding: 4px 8px 4px 12px; } .docs-context-usecase-menuitem-icon .docs-icon.goog-inline-block { left: 0p= x; margin: 7px 8px 7px 12px; position: absolute; top: 0px; } .goog-menuitem-disabled .docs-context-usecase-menuitem-icon .docs-icon { op= acity: 0.3; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu { border-radius: 12px; box-shado= w: 0 1px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 4px 8px 3px r= gba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); padding: 0px 0px 4px; width= : 260px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageC= ontent { font-size: 13px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageL= owQuotaBackground, .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2= -enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .generativeAi= QuotaUpsellMessageNoQuotaBackground { background: unset; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageM= enuItem.goog-menuitem { height: auto; margin-top: 2px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-input { width: 100%; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-menu-item.goog-menuitem { height: auto; padding: 8px 8px 3px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-menu-item.goog-menuitem-highlight .docs-ai-text-generator-bubble-f= ree-form-input-textarea { background: var(--gm3-sys-color-surface-container= -highest,#dde3ea); } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-input-textarea { background: var(--gm3-sys-color-surface-container= ,#f0f4f9); border-radius: 8px; font: 400 12px / 1.5rem "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; padding: 12px 16px; width: 10= 0%; } @media screen and (forced-colors: active) { .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-= text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble= -free-form-input-textarea { border: 1px solid buttonborder; } } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-input-textarea:hover { background: var(--gm3-sys-color-surface-con= tainer-highest,#dde3ea); } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-input-textarea:focus { background: var(--gm3-sys-color-surface,#ff= f); border: 1px solid var(--gm3-sys-color-outline,#747775); line-height: 22= px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-f= ree-form-input-textarea::placeholder { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .goog-menuitem { align-content: = center; box-sizing: border-box; height: 32px; padding: 0px 12px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-r= efine-button-usecase-menuitem-text { color: var(--gm3-sys-color-on-surface,= #1f1f1f); font: 400 12px / 20px "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-r= efine-button-usecase-menuitem-arrow { display: none; position: absolute; ri= ght: 20px; height: 20px; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .goog-menuitem-highlight .docs-a= i-text-generator-bubble-refine-button-usecase-menuitem-arrow { display: blo= ck; } .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-te= xt-generator-bubble-usecase-menu.goog-menu .goog-menuseparator { margin: 0p= x; } .docs-text-ui-cursor-blink { animation-name: docs-text-ui-blink; animation-= duration: 1s; animation-delay: 0.5s; animation-iteration-count: infinite; } @keyframes docs-text-ui-blink {=20 0% { opacity: 1; } 13% { opacity: 0; } 50% { opacity: 0; } 63% { opacity: 1; } 100% { opacity: 1; } } .docs-domreader-iframe { border: 0px; position: absolute; top: -100px; widt= h: 625px; height: 1px; overflow: hidden; outline-style: none; z-index: 100;= } .docs-text-spelling-didyoumean-item { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-style: italic; } .docs-text-spelling-contextual-suggestion-item { font-weight: 500; } .docs-text-spelling-contextual-suggestion-menuitem { display: flex; } .docs-text-spelling-contextual-suggestion-menuitem-debug { margin-left: aut= o; font-size: 8px; font-style: normal; } .goog-date-picker table tbody td, .goog-date-picker-wday { height: 17px; te= xt-align: center; vertical-align: middle; padding: 0px; width: 22px !import= ant; } .goog-date-picker-btn { border: 0px; display: block; float: left; width: 12= px; cursor: pointer; font: 500 9px "Google Sans", Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; text-align: center; margin: 0px; padding: 0px; } * html .goog-date-picker table { margin-left: -1px; } .goog-date-picker-menu { position: absolute; background: threedface; border= -style: solid; border-width: 1px; } .goog-date-picker-menu ul { list-style: none; margin: 0px; padding: 0px; } .goog-date-picker-menu ul li { float: none; cursor: default; } .goog-date-picker, .goog-date-picker-wday { background-color: var(--gm3-sys= -color-primary-container,#d3e3fd); } .goog-date-picker-btn { background-color: transparent; color: var(--gm3-sys= -color-secondary,#00639b); } .goog-date-picker-wkend-end, .goog-date-picker-wkend-start { background-col= or: var(--gm3-sys-color-primary-container,#d3e3fd); } #goog-dp-0, #goog-dp-1, #goog-dp-2, #goog-dp-3, #goog-dp-4, #goog-dp-5, #go= og-dp-6 { border-top: 1px solid var(--gm3-sys-color-inverse-primary,#a8c7fa= ); } #goog-dp-0, #goog-dp-14, #goog-dp-21, #goog-dp-28, #goog-dp-35, #goog-dp-7 = { border-left: 1px solid var(--gm3-sys-color-inverse-primary,#a8c7fa); } #goog-dp-13, #goog-dp-20, #goog-dp-27, #goog-dp-34, #goog-dp-41, #goog-dp-6= { border-right: 1px solid var(--gm3-sys-color-surface,#fff); } .goog-date-picker { background-color: var(--gm3-sys-color-surface,#fff); bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius= : 4px; box-shadow: 0 2px 6px 2px color-mix(in sRGB,var(--gm3-sys-color-surf= ace,#fff) 15%,transparent); font-family: Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-weight: 400; outline: none; padding: 0px 10px 8px; po= sition: relative; user-select: none; width: 188px; } .goog-date-picker table { empty-cells: hide; outline: none; width: 100%; } .goog-date-picker table, .goog-date-picker-head td { background-color: tran= sparent; } .goog-date-picker table tbody tr th:first-of-type { display: none; } .goog-date-picker table tbody:focus { outline: none; background-color: var(= --gm3-sys-color-tertiary-container,#c4eed0); } .goog-date-picker-head { color: var(--gm3-sys-color-on-surface-variant,#444= 746); font-size: 11px; height: 40px; } .goog-date-picker-monthyear { letter-spacing: 0.00625rem; padding-left: 7px= ; text-align: left; width: 63px; } .goog-date-picker-button { border: 0px; border-radius: 9999px; cursor: poin= ter; display: block; font-size: 10px; height: 20px; left: 2px; line-height:= 20px; margin: 0px auto; padding-left: 0px; position: relative; text-align:= center; width: 20px; background-color: color-mix(in srgb,var(--gm3-sys-col= or-inverse-surface,#303030) 0%,transparent); transition: background-color 0= .1s linear; } .goog-date-picker-button:hover { background-color: color-mix(in srgb,var(--= gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); tr= ansition: background-color 0.1s linear; } .goog-date-picker-button:focus { outline: none; } .goog-date-picker-button:active { background-color: color-mix(in srgb,var(-= -gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); = transition: background-color 0.1s linear; } .goog-date-picker-nextMonth:focus, .goog-date-picker-previousMonth:focus { = background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f)= 10%,var(--gm3-sys-color-surface,#fff)); transition: background-color 0.1s = linear; } .goog-date-picker-nextMonth, .goog-date-picker-previousMonth { background: = url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAw= MC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjgiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZ= lbm9kZCI+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTS43MjcgNy4wNiAzLjc4IDQgLjcyNy45NG= wuOTQtLjk0IDQgNC00IDR6Ii8+PHBhdGggZD0iTS01LTRoMTZ2MTZILTV6Ii8+PC9nPjwvc3ZnP= g=3D=3D") 50% center no-repeat; } [dir=3D"rtl"] .goog-date-picker-nextMonth { transform: rotate(180deg); } .goog-date-picker-previousMonth { transform: rotate(180deg); } [dir=3D"rtl"] .goog-date-picker-previousMonth { transform: rotate(0deg); } .goog-date-picker-foot { display: none; } .goog-date-picker .goog-date-picker-date, .goog-date-picker-wday { font-siz= e: 10px; font-weight: 400; height: 20px; line-height: 20px; margin: auto; p= osition: relative; text-align: center; width: 24px; } .goog-date-picker-wday { background-color: transparent; color: var(--gm3-sy= s-color-on-surface-variant,#444746); } .goog-date-picker-date { color: var(--gm3-sys-color-on-surface,#1f1f1f); cu= rsor: pointer; background-color: transparent; z-index: 1; } .goog-date-picker-date:focus { outline: none; } .goog-date-picker-date::before { border-radius: 9999px; content: ""; displa= y: block; height: 20px; left: 2px; position: absolute; top: 0px; width: 20p= x; z-index: -1; background-color: color-mix(in srgb,var(--gm3-sys-color-inv= erse-surface,#303030) 0%,transparent); transition: background-color 0.1s li= near; } .goog-date-picker-date::after { content: ""; display: block; height: 20px; = left: 0px; position: absolute; top: 0px; width: 24px; z-index: 2; } .goog-date-picker-date:hover::before { background-color: color-mix(in srgb,= var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff= )); transition: background-color 0.1s linear; } .goog-date-picker-other-month { color: var(--gm3-sys-color-on-surface-varia= nt,#444746); } .goog-date-picker-other-month:hover::before { background-color: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surfa= ce,#fff)); transition: background-color 0.1s linear; } .goog-date-picker-selected { background-color: transparent !important; colo= r: var(--gm3-sys-color-on-tertiary,#fff) !important; font-weight: 400 !impo= rtant; } .goog-date-picker-selected, .goog-date-picker-selected:hover { color: color= -mix(in srgb,var(--gm3-sys-color-tertiary,#146c2e) 8%,var(--gm3-sys-color-o= n-tertiary,#fff)); } .goog-date-picker-selected::before, .goog-date-picker-selected:hover::befor= e { background-color: color-mix(in srgb,var(--gm3-sys-color-on-tertiary,#ff= f) 10%,var(--gm3-sys-color-tertiary,#146c2e)); transition: background-color= 0.1s linear; } .docs-date-picker-action-row { display: flex; justify-content: space-betwee= n; } .docs-bubble { background-color: var(--gm3-sys-color-surface,#fff); border-= radius: 2px; border-width: 1px; border-style: solid; border-image: none; bo= rder-color: var(--gm3-sys-color-outline-variant,#c4c7c5) var(--gm3-sys-colo= r-outline-variant,#c4c7c5) var(--gm3-sys-color-outline-variant,#c4c7c5); bo= x-shadow: 0 1px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.2); color: = var(--gm3-sys-color-on-surface-variant,#444746); cursor: default; padding: = 12px 20px; position: absolute; z-index: 502; white-space: nowrap; } @media screen and (forced-colors: active) { .docs-bubble, .docs-bubble.docs-bubble-material { outline: currentcolor s= olid 1px; } } .docs-bubble.docs-linkbubble-bubble { z-index: 503; } .docs-bubble.docs-linkbubble-bubble.docos-linkbubble { z-index: 1000; } .docs-bubble.docs-linkbubble-bubble.search-popup-menu-linkbubble { z-index:= 1002; } .docs-bubble a, .docs-bubble-link { cursor: pointer; color: var(--gm3-sys-c= olor-primary,#0b57d0) !important; text-decoration: none !important; } .docs-bubble a { display: inline-block; max-width: 400px; text-overflow: el= lipsis; overflow: hidden; vertical-align: bottom; } .docs-bubble a:hover, .docs-bubble-link:hover { text-decoration: underline = !important; } .docs-bubble-label { font-weight: 500; } .docs-bubble .docs-bubble-button .docs-icon { vertical-align: baseline; wid= th: 18px; height: 18px; margin: 0px; } .docs-bubble .docs-bubble-button { line-height: 0; background-color: transp= arent; background-image: none; height: 18px; width: 18px; border-radius: 99= 99px; border-width: 0px; border-style: solid; border-color: transparent; bo= x-shadow: none; background-clip: padding-box; cursor: pointer; -webkit-tap-= highlight-color: transparent; min-width: unset; margin-right: 0px; padding:= 6px; } .docs-bubble .docs-bubble-button.jfk-button:focus, .docs-bubble .docs-bubbl= e-button.jfk-button:hover { background-color: rgba(var(--gm3-sys-color-on-s= urface-rgb,31,31,31),.06); } .docs-bubble .docs-bubble-button.jfk-button.goog-toolbar-button-checked, .d= ocs-bubble .docs-bubble-button.jfk-button:hover:active { background-color: = var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-hc-gecko .docs-bubble-button { border: 1px solid transparent; } .docs-bubble-material { background: var(--gm3-sys-color-surface,#fff); bord= er: 0px; border-radius: 4px; box-shadow: 0 1px 2px rgba(var(--gm3-sys-color= -shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,= 0,0),.15); box-sizing: border-box; font-family: Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; font-weight: 400; outline: none; padding: 0px; posi= tion: absolute; white-space: normal; } .docs-bubble-gm3 { background: var(--gm3-sys-color-surface-container-low,#f= 8fafd); border-radius: 12px; box-shadow: 0 1px 2px rgba(var(--gm3-sys-color= -shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,= 0,0),.15); color: var(--gm3-sys-color-on-surface-variant,#444746); cursor: = default; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; outline: none; padding: 0px; position: absolute; z-index: 502;= } .docs-bubble-material-body-header { align-items: center; display: flex; jus= tify-content: space-between; padding: 12px; } .docs-bubble-material-body { padding: 12px; } .docs-bubble-material-body-action-bar { align-items: center; box-sizing: bo= rder-box; display: flex; height: 48px; justify-content: space-between; padd= ing: 12px; } .docs-bubble-material-body-hint-bar { align-items: center; background-color= : var(--gm3-sys-color-primary,#0b57d0); border-radius: 0px 0px 4px 4px; box= -sizing: border-box; color: var(--gm3-sys-color-on-primary,#fff); display: = flex; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= size: 0.75rem; justify-content: space-between; padding: 12px; } .color-dialog > .docs-material-gm-dialog-title { display: none; } .color-dialog > .docs-material-gm-dialog-content { min-width: unset; paddin= g-top: 16px; padding-bottom: 8px; } .color-dialog > .docs-material-gm-dialog-buttons { padding-top: 8px; } .color-dialog > .docs-material-gm-dialog-buttons > :last-child { margin-rig= ht: 0px; } .goog-color-menu-button.goog-menu-button { background-color: var(--gm3-sys-= color-surface-container,#f0f4f9); background-image: linear-gradient(top,var= (--gm3-sys-color-surface-container,#f0f4f9),var(--gm3-sys-color-surface-con= tainer,#f0f4f9)); } .goog-color-menu-button .goog-menu-button-inner-box, .goog-color-menu-butto= n .goog-menu-button-outer-box { border-color: color-mix(in sRGB,var(--gm3-s= ys-color-on-surface,#1f1f1f) 10%,transparent); } .goog-color-menu-button.goog-menu-button-focused .goog-menu-button-inner-bo= x, .goog-color-menu-button.goog-menu-button-focused .goog-menu-button-outer= -box { border-color: var(--gm3-sys-color-primary,#0b57d0); } .goog-color-menu-button.goog-menu-button-hover .goog-menu-button-inner-box,= .goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box= , .goog-color-menu-button.goog-menu-button-open .goog-menu-button-inner-box= , .goog-color-menu-button.goog-menu-button-open .goog-menu-button-outer-box= { border-color: color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) = 10%,transparent); } .goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box = { box-shadow: 0 1px 1px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) = 10%,transparent); } .docs-flatcolormenubutton.goog-flat-menu-button { min-width: 0px; } .docs-flatcolormenubutton .goog-flat-menu-button-caption { display: inline-= block; height: 14px; outline: 1px solid var(--gm3-sys-color-outline-variant= ,#c4c7c5); vertical-align: middle; width: 14px; forced-color-adjust: none; = } .docs-colormenuitems-custom-header { margin-left: -23px; } .docs-gm .colormenuitems-custom-header-add-button .docs-colormenuitems-cust= om-header, .docs-gm .docs-colormenuitems-scheme-header { margin-left: 5px; = } .docs-gm .docs-colormenuitems .goog-menuitem.colormenuitems-custom-header-a= dd-button { border-radius: 4px; font-size: 13px; padding: 2px 0px; } .docs-gm[class*=3D"docs-hc"] .goog-menuitem-highlight.colormenuitems-custom= -header-add-button { padding: 1px 0px; } .docs-gm .docs-colormenuitems-scheme-header { padding: 4px 0px 4px 5px; } .docs-gm .docs-colormenuitems .docs-colormenuitems-custom-header, .docs-gm = .docs-colormenuitems .docs-colormenuitems-scheme-header { color: var(--gm3-= sys-color-on-surface,#1f1f1f); font-size: 0.6875rem; font-weight: 500; lett= er-spacing: 0.8px; padding-left: 0px; text-transform: uppercase; } .docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-butt= on { background-color: var(--gm3-sys-color-surface,#fff); background-image:= none; border-width: medium; border-style: none; border-color: currentcolor= ; border-image: none; box-shadow: none; color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); cursor: pointer; font-size: 0.875rem; } .docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-butt= on-checked { border-bottom: 2px solid var(--gm3-sys-color-primary,#0b57d0);= color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color { = border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radi= us: 16px; box-sizing: border-box; margin-top: 10px; padding: 3px 15px; text= -align: center; } .docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color .d= ocs-icon { left: auto; margin: 0px; position: relative; right: auto; top: a= uto; vertical-align: middle; } .colormenuitems-ob-order { max-width: 221px; min-width: 183px; } .docs-gm .colormenuitems-ob-order .docs-colormenuitems-scheme-header { box-= sizing: border-box; overflow: hidden; padding-right: 35px; text-overflow: e= llipsis; white-space: nowrap; width: 100%; } .docs-colormenuitems.goog-menu { padding: 10px; } .docs-colormenuitems .jfk-palette-table { margin: 0px; padding: 3px; } .docs-colormenuitems .jfk-palette-cell-hover { border: 1px solid var(--gm3-= sys-color-surface,#fff); outline: 1px solid var(--gm3-sys-color-outline,#74= 7775); } .docs-colormenuitems-theme-header { padding-top: 5px; } .docs-colormenuitems-custom-palette .jfk-palette-cell { border-color: var(-= -gm3-sys-color-outline-variant,#c4c7c5); height: 16px; width: 16px; } .docs-colormenuitems-custom-palette .jfk-palette-cell-selected { border-col= or: var(--gm3-sys-color-outline,#747775); outline: none; } @media print { #docs-editor-container.docs-ui-unprintable, .docs-ui-unprintable { displa= y: none !important; } } .docs-copy-link { width: 500px; } .copy-link-dialog { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-fa= mily: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 13px; w= hite-space: normal; } .copy-link-butter-holder { position: absolute; top: 0px; padding-top: 16px;= left: 220px; } .docs-dialogmessage { align-items: center; background-color: var(--gm3-sys-= color-primary-container,#d3e3fd); border-radius: 8px; display: flex; font-s= ize: 0.75rem; padding: 8px 12px; } .docs-dialogmessage.docs-material .docs-dialogmessage-text { flex-direction= : column; } .docs-dialogmessage.docs-material.docs-dialogmessage-error { background-col= or: var(--gm3-sys-color-error-container,#f9dedc); } .docs-dialogmessage.docs-material .docs-icon { flex-shrink: 0; margin-right= : 12px; } .docs-dialogmessage-link, .docs-dialogmessage-link:visited { color: var(--g= m3-sys-color-primary,#0b57d0); } .docs-display-density-comfortable#docs-toolbar-wrapper { min-height: 42px; = } .docs-display-density-comfortable .docs-omnibox-autocomplete .ac-row .goog-= menuitem, .docs-display-density-comfortable.goog-menu .goog-menuitem { padd= ing-top: 9px; padding-bottom: 9px; } .docs-display-density-comfortable .waffle-function-category-row-description= { display: block; } .docs-display-density-comfortable .shape-palette .goog-palette-cell { paddi= ng: 5px; } .docs-display-density-comfortable.waffle-function-category-row.waffle-funct= ion-category-active { padding: 5px 10px; } [class*=3D"docs-hc"] .docs-display-density-comfortable .ac-row.ac-active .g= oog-menuitem, [class*=3D"docs-hc"] .docs-display-density-comfortable .goog-= menuitem-highlight:not(.waffle-colormenuitems-scheme-header-edit-button) { = padding-top: 8px; padding-bottom: 8px; } .docs-display-density-comfortable.goog-menu .goog-menuitem-icon { top: 8px;= } [class*=3D"docs-hc"] .docs-display-density-comfortable .goog-menuitem-highl= ight:not(.docs-font-menuitem-with-icon) .goog-menuitem-icon { top: 7px; } .docs-display-density-comfortable.docs-omnibox-parent .docs-labelinputmenui= tem.goog-menuitem .ac-row .goog-menuitem .goog-menuitem-icon, .docs-gm .doc= s-display-density-comfortable.goog-menu .apps-menuitem .goog-menuitem-icon = { top: 0px; margin-top: 11px; margin-bottom: 11px; } [class*=3D"docs-hc"] .docs-display-density-comfortable .goog-menuitem-highl= ight .goog-menuitem-icon, [class*=3D"docs-hc"] .docs-display-density-comfor= table.docs-omnibox-parent .docs-labelinputmenuitem .ac-row.ac-active .goog-= menuitem-icon { top: 0px; margin-top: 10px; margin-bottom: 10px; } .docs-display-density-comfortable .goog-palette-cell { padding: 4px; } #t-border-palette.docs-display-density-comfortable .goog-palette-cell { pad= ding: 4px 6px 4px 4px; } #t-border-palette.docs-display-density-comfortable #t-border-style-menu-but= ton { margin-top: 6px; } #t-border-palette.docs-display-density-comfortable .goog-toolbar-color-menu= -button { padding-top: 3px; padding-bottom: 3px; } .docs-display-density-comfortable.trix-palette .goog-palette-cell { display= : inline-block; margin: 2px; padding: 4px 6px 4px 4px; } .docs-display-density-comfortable.trix-palette .goog-palette-table { margin= : 0px; } #t-text-rotation-palette td:not(.goog-palette-cell), .docs-display-density-= comfortable.trix-palette { padding: 0px; } .docs-display-density-comfortable .goog-inline-block.goog-toolbar-combo-but= ton.waffle-text-rotation-combobox { padding-top: 3px; padding-bottom: 3px; = margin: 4px; } .docs-display-density-comfortable.waffle-ac-renderer .waffle-function-autoc= omplete-row-description { display: block; } .docs-display-density-comfortable .docs-material-colorpalette-cell { paddin= g: 2px; } .docs-display-density-comfortable .docs-material-colorpalette-colorswatch {= height: 24px; width: 24px; } .docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.colorm= enuitems-custom-header-add-button { padding: 10px 0px; } [class*=3D"docs-hc"] .docs-display-density-comfortable .goog-menuitem-highl= ight.colormenuitems-custom-header-add-button { padding: 9px 0px; } [class*=3D"docs-hc"] .docs-display-density-comfortable .goog-menuitem-highl= ight.colormenuitems-no-color .goog-menuitem-icon { margin-top: 0px; top: 8p= x; } .docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.goog-i= nline-block.waffle-colormenuitems-scheme-header-edit-button { padding: 5px;= } .docs-display-density-comfortable.docs-colormenuitems .goog-menuseparator {= margin: 10px 0px; } .docs-display-density-comfortable .goog-toolbar .goog-toolbar-button, .docs= -display-density-comfortable .goog-toolbar .goog-toolbar-combo-button, .doc= s-display-density-comfortable .goog-toolbar .goog-toolbar-menu-button { pad= ding: 2px; margin-left: 2px; margin-right: 2px; } .docs-display-density-comfortable .goog-toolbar .goog-toolbar-combo-button-= open { margin-left: 1px; margin-right: 1px; } .docs-display-density-comfortable .docs-toolbar-more-toolbar { min-height: = 39px; } .docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goo= g-inline-block { height: 39px; } .docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goo= g-inline-block { height: 24px; } .docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-= left { margin-right: 0px; } .docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-= right { margin-left: 0px; } .docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input= { height: 29px; line-height: 29px; } .docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input= ::placeholder { line-height: 29px; } .docs-display-density-comfortable .goog-toolbar .docs-omnibox-autocomplete = { margin-right: 2px; } .docs-display-density-comfortable.docs-colormenuitems .docs-c-u-colormenuto= gglebutton-base { padding: 4px 33px; } .docs-display-density-comfortable.docs-colormenuitems .jfk-palette-table { = width: 100%; } .docs-display-density-comfortable.docs-colormenuitems .jfk-palette-row { di= splay: flex; justify-content: space-between; } .docs-display-density-comfortable.docs-colormenuitems .docs-colormenuitems-= custom-palette .jfk-palette-cell, .docs-display-density-comfortable.docs-co= lormenuitems .jfk-palette-colorswatch { height: 22px; width: 22px; } .docs-display-density-comfortable.goog-menu.docs-fontmenu .docs-font-menuit= em-with-icon { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); = } .docs-display-density-comfortable.goog-menu.docs-fontmenu .goog-menuitem.do= cs-submenuitem::before { line-height: 38px; } .docs-display-density-comfortable .goog-toolbar.chart-toolbar-with-omnibox = { display: flex; align-items: center; } .document-margin-floating-control-bubble.docs-bubble { background-color: tr= ansparent; border-width: medium; border-style: none; border-color: currentc= olor; border-image: none; box-shadow: none; cursor: inherit; padding: 0px; = z-index: 97; } .document-margin-floating-control-bubble.docs-bubble.document-margin-floati= ng-control-anchored { background: var(--gm3-sys-color-surface,#fff); border= : 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 99= 99px; box-shadow: 0 1px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.1);= } .document-margin-floating-control-bubble .jfk-button { align-items: center;= display: flex; justify-content: center; margin: 0px; min-width: 0px; backg= round-color: transparent; background-image: none; height: 40px; width: 40px= ; border-radius: 9999px; border-width: 0px; border-style: solid; border-col= or: transparent; box-shadow: none; background-clip: padding-box; cursor: po= inter; -webkit-tap-highlight-color: transparent; padding: 0px; } .document-margin-floating-control-bubble.docs-bubble.document-margin-floati= ng-control-grouped { align-items: center; background: var(--gm3-sys-color-s= urface,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5= ); border-radius: 32px; box-shadow: 0 1px 1px rgba(var(--gm3-sys-color-shad= ow-rgb,0,0,0),.1); display: flex; height: 32px; justify-content: center; wi= dth: 64px; } .document-margin-floating-control-bubble.docs-bubble.document-margin-floati= ng-control-grouped.document-margin-floating-control-anchored { border-radiu= s: 32px; } .document-margin-floating-control-bubble.document-margin-floating-control-g= rouped .jfk-button { height: 24px; width: 24px; border-radius: 9999px; bord= er-width: 0px; border-style: solid; border-color: transparent; box-shadow: = none; background-clip: padding-box; cursor: pointer; -webkit-tap-highlight-= color: transparent; } .document-margin-floating-control-bubble .jfk-button.jfk-button-focused, .d= ocument-margin-floating-control-bubble .jfk-button.jfk-button-hover { backg= round-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); } .document-margin-floating-control-bubble.document-margin-floating-control-g= rouped .jfk-button.jfk-button-focused, .document-margin-floating-control-bu= bble.document-margin-floating-control-grouped .jfk-button.jfk-button-hover = { border-radius: 8px; } .document-margin-floating-control-bubble .jfk-button.jfk-button-active { ba= ckground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); } .document-margin-floating-control-bubble .jfk-button-clear-outline.jfk-butt= on-hover { border: 0px; } .document-margin-floating-control-bubble .document-margin-floating-button .= docs-icon { height: 24px; margin: 0px; width: 24px; } .document-margin-floating-control-bubble.document-margin-floating-control-g= rouped .document-margin-floating-button .docs-icon { height: 20px; width: 2= 0px; } .docs-findinput-container { background: var(--gm3-sys-color-surface,#fff); = border-right-color: ; border-right-style: ; border-right-width: ; border-bo= ttom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-col= or: ; border-left-style: ; border-left-width: ; border-image-source: ; bord= er-image-slice: ; border-image-width: ; border-image-outset: ; border-image= -repeat: ; border-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c= 5); min-width: 20px; padding: 0px 8px; width: 100%; } .docs-findinput-container-focus { border: 1px solid var(--gm3-sys-color-out= line,#747775); box-shadow: inset 0 1px 2px rgba(var(--gm3-sys-color-shadow-= rgb,0,0,0),.3); outline: none; } .docs-gm .docs-findinput-container, .docs-gm .docs-gotoinput-container { bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius= : 4px; box-sizing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1= f); padding: 1px 8px; font-size: 0.875rem; height: 36px; margin: 0px; } .docs-gm .docs-findinput-container-focus, .docs-gm .docs-gotoinput-containe= r:focus { border: 2px solid var(--gm3-sys-color-primary,#0b57d0); box-shado= w: none; padding: 0px 7px; } .docs-findinput-input, .docs-findinput-input:focus { font-size: 13px; heigh= t: 25px; margin: 0px; width: 100%; background: transparent !important; bord= er-width: medium !important; border-style: none !important; border-color: c= urrentcolor !important; border-image: none !important; box-shadow: none !im= portant; outline: none !important; padding: 1px 0px !important; } .docs-findinput-count-container { max-width: 120px; overflow: hidden; paddi= ng: 0px 8px 0px 4px; text-align: right; } .docs-findinput-count { color: var(--gm3-sys-color-on-surface-variant,#4447= 46); white-space: nowrap; } #docs-instant-bubble { background: var(--gm3-sys-color-surface-container-lo= w,#f8fafd); border-width: medium; border-style: none; border-color: current= color; border-image: none; border-radius: 41px; box-shadow: 0 4px 8px 3px r= gba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15),0 1px 3px rgba(var(--gm3-sys= -color-shadow-rgb,0,0,0),.3); position: absolute; top: 0px; width: 40px; te= xt-align: center; z-index: -2; cursor: default; opacity: 0; transition: opa= city 0.25s ease-in-out, z-index 0.26s linear 0.25s; transform: translate(-5= 0%, -50%); } #docs-instant-bubble.enable-optimized-transition { z-index: 99; visibility:= hidden; transition: visibility linear 0.25s, opacity 0.25s ease-in-out; } .docs-gm.docs-material .docos-comments-pe#docs-instant-bubble { z-index: 99= ; } #docs-instant-bubble.docs-instant-bubble-visible { opacity: 1; cursor: poin= ter; z-index: 99; transition: opacity 0.25s ease-in-out; } #docs-instant-bubble.docs-instant-bubble-visible.enable-optimized-transitio= n { visibility: visible; transition-delay: 0s; } #docs-instant-bubble.docs-instant-bubble-quick-hide { z-index: -2; opacity:= 0; top: 0px; transition: none; } #docs-instant-bubble.docs-instant-bubble-quick-hide.enable-optimized-transi= tion { z-index: 99; } #docs-instant-bubble:hover { background: var(--gm3-sys-color-surface,#fff);= } #docs-instant-bubble:focus { outline: 0px; } #docs-instant-bubble .docs-instant-bubble-container { border-radius: 41px; = } #docs-instant-bubble .instant-button.first-visible-button { border-top-left= -radius: 41px; border-top-right-radius: 41px; } #docs-instant-bubble .instant-button.last-visible-button { border-bottom-le= ft-radius: 41px; border-bottom-right-radius: 41px; } @media screen and (forced-colors: active) { #docs-instant-bubble { border: 1px solid transparent; } } .docs-loading-animation { width: 28px; height: 6px; position: absolute; mar= gin: auto; inset: 0px; } .docs-loading-animation-dot-1, .docs-loading-animation-dot-2, .docs-loading= -animation-dot-3 { background-color: color-mix(in sRGB,var(--gm3-sys-color-= inverse-surface,#303030) 20%,transparent); border-radius: 8px; display: inl= ine-block; height: 6px; position: absolute; width: 6px; } .docs-loading-animation-dot-1 { animation: 1s ease-in-out 0s infinite norma= l none running docs-loading-animation-pulse; left: 0px; } .docs-loading-animation-dot-2 { animation: 1s ease-in-out 0.33s infinite no= rmal none running docs-loading-animation-pulse; left: 50%; margin-left: -3p= x; } .docs-loading-animation-dot-3 { animation: 1s ease-in-out 0.66s infinite no= rmal none running docs-loading-animation-pulse; right: 0px; } @keyframes docs-loading-animation-pulse {=20 0%, 40%, 100% { background-color: color-mix(in sRGB,var(--gm3-sys-color-i= nverse-surface,#303030) 20%,transparent); transform: scale(1); } 15% { background-color: var(--gm3-sys-color-inverse-surface,#303030); tra= nsform: scale(1.2); } } .docs-loading-indicator { height: 48px; left: 50%; margin: -24px 0px 0px -2= 4px; position: absolute; top: 50%; width: 48px; } .docs-loading-indicator-small { height: 20px; left: 50%; margin: -10px 0px = 0px -10px; position: absolute; top: 50%; width: 20px; } .goog-palette-cell .docs-preview-palette-item { border: 1px solid var(--gm3= -sys-color-outline-variant,#c4c7c5); margin: 1px; } .goog-palette-cell-hover .docs-preview-palette-item { border: 1px solid var= (--gm3-sys-color-outline,#747775); box-shadow: 0 1px 2px color-mix(in sRGB,= var(--gm3-sys-color-shadow,#000) 10%,transparent); } @media (forced-colors: active) { .goog-palette-cell-hover .docs-preview-palette-item { outline: highlight = solid 2px; outline-offset: 0px; } } .goog-palette-cell-selected .docs-preview-palette-item { border: 2px solid = var(--gm3-sys-color-outline,#747775); box-shadow: 0 1px 2px color-mix(in sR= GB,var(--gm3-sys-color-shadow,#000) 10%,transparent); margin: 0px; } .docs-preview-palette .goog-palette-cell { border: 4px solid transparent; } .docs-preview-palette .goog-palette-table { border-width: medium; border-st= yle: none; border-color: currentcolor; border-image: none; } .docs-roundedcornerselectionbox-border { border: 1px solid var(--gm3-sys-co= lor-primary,#0b57d0); border-radius: 8px; box-sizing: border-box; pointer-e= vents: none; position: absolute; z-index: 30; } .docs-search-bar { display: flex; justify-content: flex-start; align-items:= center; background-color: var(--gm3-sys-color-surface,#fff); direction: lt= r; } .docs-search-bar-input::placeholder { color: var(--gm3-sys-color-on-surface= -variant,#444746); text-align: left; font-size: 0.875rem; font-family: "Goo= gle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-search-bar-input { background-color: transparent; border-width: mediu= m; border-style: none; border-color: currentcolor; border-image: none; colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); outline: none; font-size: 0.875= rem; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; resize: none; } .docs-search-bar-icon-container .docs-search-bar-icon { height: 24px; width= : 24px; } .docs-search-bar-clear-button { cursor: pointer; } .apps-search-popup-menu { box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-colo= r-shadow-rgb,0,0,0),.15); z-index: 1001; } .docs-spinner { height: 44px; overflow: hidden; position: relative; } .docs-quantum-spinner { height: 28px; left: 50%; margin-left: -14px; positi= on: absolute; top: 0px; width: 28px; } .docs-loading-indicator-small .docs-quantum-spinner { height: 20px; margin-= left: -10px; top: 0px; width: 20px; } .docs-white-circle { background: var(--gm3-sys-color-surface,#fff); border-= radius: 9999px; box-shadow: 0 2px 6px color-mix(in sRGB,var(--gm3-sys-color= -shadow,#000) 40%,transparent); height: 44px; left: 50%; margin-left: -22px= ; position: absolute; width: 44px; } .docs-quantum-spinner.active { animation: 1568ms linear 0s infinite normal = none running container-rotate; } .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0;= } .spinner-blue { border-color: rgb(66, 133, 244); } .spinner-red { border-color: rgb(234, 67, 53); } .spinner-yellow { border-color: rgb(251, 188, 4); } .spinner-green { border-color: rgb(52, 168, 83); } .active .spinner-layer.spinner-blue { animation: 5332ms cubic-bezier(0.4, 0= , 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-= bezier(0.4, 0, 0.2, 1) 0s infinite normal both running blue-fade-in-out; } .active .spinner-layer.spinner-red { animation: 5332ms cubic-bezier(0.4, 0,= 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic-b= ezier(0.4, 0, 0.2, 1) 0s infinite normal both running red-fade-in-out; } .active .spinner-layer.spinner-yellow { animation: 5332ms cubic-bezier(0.4,= 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubi= c-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running yellow-fade-in-out= ; } .active .spinner-layer.spinner-green { animation: 5332ms cubic-bezier(0.4, = 0, 0.2, 1) 0s infinite normal both running fill-unfill-rotate, 5332ms cubic= -bezier(0.4, 0, 0.2, 1) 0s infinite normal both running green-fade-in-out; = } .spinner-gap-patch { position: absolute; box-sizing: border-box; top: 0px; = left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inheri= t; } .spinner-gap-patch .spinner-circle { width: 1000%; left: -450%; } .spinner-circle-clipper { display: inline-block; position: relative; width:= 50%; height: 100%; overflow: hidden; border-color: inherit; } .spinner-circle-clipper .spinner-circle { width: 200%; } .spinner-circle { box-sizing: border-box; height: 100%; border-width: 3px; = border-style: solid; border-top-color: inherit; border-right-color: inherit= ; border-left-color: inherit; border-radius: 9999px; animation: auto ease 0= s 1 normal none running none; border-bottom-color: transparent !important; = } .spinner-circle-clipper.spinner-left .spinner-circle { border-right-color: = transparent !important; transform: rotate(129deg); } .spinner-circle-clipper.spinner-right .spinner-circle { left: -100%; transf= orm: rotate(-129deg); border-left-color: transparent !important; } .active .spinner-circle-clipper.spinner-left .spinner-circle { animation: 1= 333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running left-spi= n; } .active .spinner-circle-clipper.spinner-right .spinner-circle { animation: = 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running right-s= pin; } .spinner-fit { position: absolute; inset: 0px; } .goog-menuitem.docs-submenuitem { border-top-width: medium; border-right-wi= dth: medium; border-left-width: medium; border-top-style: none; border-righ= t-style: none; border-left-style: none; border-top-color: currentcolor; bor= der-right-color: currentcolor; border-left-color: currentcolor; border-imag= e: none; border-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7= c5); height: 59px; padding-top: 0px; padding-bottom: 0px; } [class*=3D"docs-hc"] .docs-submenuitem { border-width: medium; border-style= : none; border-color: currentcolor; border-image: none; } .goog-menuitem.docs-submenuitem .goog-menuitem-content { height: 59px; line= -height: 59px; } .goog-menuitem.docs-submenuitem .goog-menuitem-checkbox { height: 59px; top= : 0px; } @keyframes shimmerAnimation {=20 100% { background-position: 0px center; } } .unifiedPreviewBubbleRoot { color: var(--gm3-sys-color-on-surface-variant,#= 444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; min-width: 320px; width: auto; overflow: hidden; } .unifiedPreviewBubbleRoot { border-radius: 8px 8px 28px 28px; } .unifiedPreviewBubbleRoot.docs-bubble { padding: 0px; border-width: medium;= border-style: none; border-color: currentcolor; border-image: none; outlin= e: none; z-index: 1002; } .unifiedPreviewBubbleContentContainer { border-radius: 8px 8px 0px 0px; ove= rflow: hidden; } .unifiedPreviewBubbleContainer { animation: 2s linear 0s infinite normal no= ne running shimmerAnimation; background-image: ; background-repeat: ; backg= round-attachment: ; background-origin: ; background-clip: ; background-colo= r: ; background-size: 200% auto; background-position: 200% center; border: = 2px solid; padding: 2px; } .unifiedPreviewBubbleContainer .unifiedPreviewBubbleContent { background: v= ar(--gm3-sys-color-surface,#fff); outline: none; padding: 0px; display: fle= x; justify-content: center; } .unifiedPreviewBubbleInProgressState { border-color: transparent; padding: = 0px; transition: border-color; } .unifiedPreviewBubbleReadyState { border-color: var(--gm3-sys-color-primary= ,#0b57d0); padding: 0px; transition: border-color 1s; } .unifiedPreviewBubbleContent, .unifiedPreviewBubbleError { border-radius: 8= px 8px 0px 0px; display: flex; min-height: 48px; padding: 12px; } .unifiedPreviewBubbleContentWithScrollbar { overflow-y: scroll; } .unifiedPreviewBubbleError { color: var(--gm3-sys-color-error,#b3261e); } .unifiedPreviewBubbleToolbar { background: var(--gm3-sys-color-surface,#fff= ); display: flex; height: 40px; justify-content: space-between; overflow: h= idden; padding: 12px 16px; position: relative; } .unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble { border-ra= dius: 0px; box-sizing: border-box; height: 100%; margin: 0px; padding: 0px = 12px; top: 0px; white-space: nowrap; width: 100%; } .unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-gener= ativeai-progress-bubble-content { align-items: center; flex-direction: row;= margin: 0px; width: 100%; } .unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-gener= ativeai-progress-bubble-content .docs-generativeai-progress-bubble-text { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); font-size: 13px; fon= t-weight: 400; letter-spacing: 0px; line-height: 1.25rem; margin-top: 0px; = } .unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-gener= ativeai-progress-bubble-content .docs-generativeai-progress-bubble-progress= -bar { margin: 12px; width: 100%; } .unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-gener= ativeai-progress-bubble-close { margin-bottom: 10px; margin-right: 5px; } .unifiedPreviewBubbleLeftSection, .unifiedPreviewBubbleRightSection { align= -items: center; justify-content: space-between; display: flex; position: re= lative; } .unifiedPreviewBubbleDisclaimerIcon { padding-top: 2px; } .unifiedPreviewBubbleBetaBadge { padding-left: 8px; padding-top: 2px; } .unifiedPreviewBubblePreviewingLabel { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height:= 1.25rem; } .unifiedPreviewBubblePreviewingLabel.withItemNumbers { min-width: 100px; } .unifiedPreviewBubbleRightSection .docs-gm3-filled-button { padding: 9px 16= px; } .unifiedPreviewBubbleRightSection .docs-gm3-text-button { margin: 0px; } .unifiedPreviewBubbleSelector { display: flex; } .unifiedPreviewBubbleDivider { border-top: 1px solid var(--gm3-sys-color-su= rface-variant,#e1e3e1); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-= shadow-rgb,0,0,0),.15); } .unifiedPreviewBubbleToolbar .docs-icon { height: 24px; width: 24px; margin= : 0px; } .unifiedPreviewBubbleToolbar .docs-gm3-text-button { align-items: center; b= order-radius: 9999px; display: flex; height: 40px; justify-content: center;= padding: 0px; width: 40px; } .unifiedPreviewBubbleToolbar .docs-gm3-text-button.docs-gm3-button-disabled= { opacity: 0.38; cursor: default; } .unifiedPreviewBubbleToolbar .docs-gm3-text-button.docs-gm3-button-focused,= .unifiedPreviewBubbleToolbar .docs-gm3-text-button.docs-gm3-button-hover {= padding: 0px; } .unifiedPreviewBubbleLoading { border-width: medium; border-style: none; bo= rder-color: currentcolor; border-image: none; } .unifiedPreviewBubbleRightSectionInsertButtonWithMenu { border-top-right-ra= dius: 0px; border-bottom-right-radius: 0px; margin-right: 0px; } .unifiedPreviewBubbleRightSectionInsertMenuButton { border: 1px solid trans= parent; border-radius: 9999px; box-sizing: border-box; cursor: pointer; fon= t-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;= font-size: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem;= white-space: nowrap; background: var(--gm3-sys-color-primary,#0b57d0); col= or: var(--gm3-sys-color-on-primary,#fff); padding: 0px; } .unifiedPreviewBubbleRightSectionInsertMenuButton.goog-menu-button-focused = { color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(= rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys= -color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0= ); } .unifiedPreviewBubbleRightSectionInsertMenuButton.goog-menu-button-focused:= focus-visible { outline: 3px solid var(--gm3-sys-color-secondary,#00639b); = outline-offset: 2px; } .unifiedPreviewBubbleRightSectionInsertMenuButton.goog-menu-button-hover { = color: var(--gm3-sys-color-on-primary,#fff); box-shadow: 0 1px 2px rgba(var= (--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.15); background: linear-gradient(rgba(var(--gm3-sys-c= olor-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys-color-on-primary-r= gb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d0); } .unifiedPreviewBubbleRightSectionInsertMenuButton { border-top-left-radius:= 0px; border-bottom-left-radius: 0px; width: 32px; margin-left: 1px; displa= y: flex; align-items: center; justify-content: center; } .unifiedPreviewBubbleRightSectionInsertMenuButton .goog-menu-button-outer-b= ox { display: none; } .unifiedPreviewBubbleRightSectionInsertMenuButton .docs-icon { height: 20px= ; width: 20px; color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1= f1f) 10%,var(--gm3-sys-color-surface,#fff)); } .unifiedPreviewBubbleRightSectionInsertMenuButton.goog-menu-button-open .do= cs-icon { transform: rotate(180deg); } .unifiedPreviewBubbleRightSectionInsertMenuButton .docs-icon { margin-right= : 2px; } .unifiedPreviewBubbleRightSection .unified-preview-bubble-retry-button, .un= ifiedPreviewBubbleRightSection .unified-preview-bubble-retry-button.docs-gm= 3-button-focused, .unifiedPreviewBubbleRightSection .unified-preview-bubble= -retry-button.docs-gm3-button-hover { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); } .unifiedPreviewBubbleRightSection .unified-preview-bubble-retry-button.docs= -gm3-outlined-button { padding: 9px 16px; } .unifiedPreviewBubbleRightSectionRetryButtonWithMenu { border-top-right-rad= ius: 0px; border-bottom-right-radius: 0px; margin-right: 0px; } .unifiedPreviewBubbleRightSectionRetryMenuButton { border: 1px solid var(--= gm3-sys-color-outline,#747775); color: var(--gm3-sys-color-primary,#0b57d0)= ; padding: 9px 0px; } .unifiedPreviewBubbleRightSectionRetryMenuButton.docs-gm3-button-hover, .un= ifiedPreviewBubbleRightSectionRetryMenuButton.goog-menu-button-focused, .un= ifiedPreviewBubbleRightSectionRetryMenuButton:hover { background-color: tra= nsparent; } .unifiedPreviewBubbleRightSectionRetryMenuButton { border-top-left-radius: = 0px; border-bottom-left-radius: 0px; width: 32px; margin-left: 1px; display= : flex; align-items: center; justify-content: center; } .unifiedPreviewBubbleRightSectionRetryMenuButton .goog-menu-button-outer-bo= x { display: none; } .unifiedPreviewBubbleRightSectionRetryMenuButton .docs-icon { height: 20px;= width: 20px; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .unifiedPreviewBubbleRightSectionRetryMenuButton.goog-menu-button-open .doc= s-icon { transform: rotate(180deg); } @media screen and (forced-colors: active) { .unifiedPreviewBubbleRightSectionInsertMenuButton .docs-icon, .unifiedPre= viewBubbleRightSectionRetryMenuButton .docs-icon { filter: invert(100%); } } .docs-gm .unifiedPreviewBubbleRightSectionFeedbackMenu.goog-menu { border-r= adius: 8px; min-width: 208px; } .docs-gm .unifiedPreviewBubbleRightSectionFeedbackMenu.goog-menu .goog-menu= item { padding: 12px; } .docs-gm .unifiedPreviewBubbleRightSectionFeedbackMenu.goog-menu .docs-icon= { height: 24px; width: 24px; } .unifiedPreviewBubbleRightSectionMenuItemLabel { margin-left: 12px; } .docs-gm .goog-menu .unifiedPreviewBubbleRightSectionMenuItem.goog-menuitem= { padding: 8px 16px; } .goog-menuitem-disabled .unifiedPreviewBubbleRightSectionMenuItem .docs-ico= n { opacity: 0.38; } .unifiedPreviewBubbleRightSectionFeedbackMenuButton.docs-material-menu-butt= on-flat-primary:focus-visible { background-color: rgba(var(--gm3-sys-color-= primary-rgb,11,87,208),.1); border: 1px solid transparent; outline: 3px sol= id var(--gm3-sys-color-secondary,#00639b); } .unifiedPreviewBubbleRightSectionFeedbackMenuButton.docs-material-menu-butt= on-flat-primary { align-items: center; border-radius: 9999px; display: flex= ; height: 40px; justify-content: center; padding: 0px; width: 40px; } .unifiedPreviewBubbleRightSectionFeedbackMenuButton.docs-material-menu-butt= on-flat-primary .docs-icon { height: 24px; width: 24px; } .unifiedPreviewBubbleRightSectionFeedbackMenuButton.docs-material-menu-butt= on-flat-primary .docs-material-menu-button-flat-primary-dropdown { display:= none; } .unifiedPreviewBubbleRightSectionFeedbackButtonContainer { display: flex; a= lign-items: center; } .unifiedPreviewBubbleRightSectionFeedbackButtonContainer::after, .unifiedPr= eviewBubbleRightSectionFeedbackButtonContainer::before { content: ""; displ= ay: block; height: 24px; width: 1px; margin: 0px 4px; background-color: var= (--gm3-sys-color-surface-variant,#e1e3e1); } .unifiedPreviewBubbleRightSectionFeedbackButton { align-items: center; bord= er-radius: 9999px; display: flex; height: 32px; justify-content: center; wi= dth: 32px; } .docs-material .unifiedPreviewBubbleRightSectionFeedbackButton .docs-icon {= height: 24px; width: 24px; margin: 0px; } .unifiedPreviewBubbleRightSectionFeedbackButton.docs-material-button-disabl= ed { opacity: 0.38; } .unifiedPreviewBubbleRightSectionFeedbackButtons { display: flex; justify-c= ontent: flex-end; } .unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-fl= at-primary { align-items: center; display: flex; } .unifiedPreviewBubbleRightSectionLegacySourcesButton.docs-material-menu-but= ton-flat-primary .goog-menu-button { background: transparent; } .unifiedPreviewBubbleRightSectionLegacySourcesButton.docs-material-menu-but= ton-flat-primary .goog-menu-button-outer-box { display: none; } .unifiedPreviewBubbleRightSectionLegacySourcesButton.docs-material-menu-but= ton-flat-primary .docs-icon { height: 20px; margin-bottom: 2px; width: 20px= ; } .unifiedPreviewBubbleRightSectionLegacySourcesButton.docs-material-menu-but= ton-flat-primary.docs-material-menu-button-flat-primary-open .docs-material= -menu-button-flat-primary-dropdown { transform: rotateX(180deg); margin-bot= tom: 10px; } .unifiedPreviewBubbleRightSectionLegacySourcesButton.docs-material-menu-but= ton-flat-primary .docs-material-menu-button-flat-primary-focused:focus-visi= ble { outline: 3px solid var(--gm3-sys-color-secondary,#00639b); outline-of= fset: 2px; } .docs-gm .goog-menu .unifiedPreviewBubbleRightSectionLegacySourcesMenuItem.= goog-menuitem { padding: 8px; } .unifiedPreviewBubbleRightSectionLegacySourcesMenuItem .appsElementsChipRoo= t { background-color: transparent; border: 1px solid var(--gm3-sys-color-su= rface-variant,#e1e3e1); box-sizing: border-box; height: 32px; justify-conte= nt: start; width: 100%; } .unifiedPreviewBubbleRightSectionRestyledSourcesButton.docs-material-menu-b= utton-flat-primary:focus-visible { background-color: rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.1); border: 1px solid transparent; outline: 3px = solid var(--gm3-sys-color-secondary,#00639b); } .unifiedPreviewBubbleRightSectionRestyledSourcesButton.docs-material-menu-b= utton-flat-primary { border-radius: 9999px; height: 40px; justify-content: = center; padding: 1px 8px 0px; } .unifiedPreviewBubbleRightSectionRestyledSourcesButton.docs-material-menu-b= utton-flat-primary .goog-menu-button-outer-box { display: none; } .unifiedPreviewBubbleRightSectionRestyledSourcesButton.docs-material-menu-b= utton-flat-primary .docs-icon { height: 24px; width: 24px; margin: 0px 0px = 2px 8px; transform: rotate(135deg); } .unifiedPreviewBubbleRightSectionRestyledSourcesButton.docs-material-menu-b= utton-flat-primary .docs-material-menu-button-flat-primary-dropdown-icon { = display: none; } .unifiedPreviewBubbleRightSectionSourcesCountElement { color: var(--gm3-sys= -color-on-surface-variant,#444746); margin-left: 2px; margin-right: 8px; } .docs-gm .unifiedPreviewBubbleRightSectionSourcesMenu.goog-menu.docs-menu-a= ttached-button-above { border-radius: 8px; margin-top: -4px; max-width: 300= px; } .docs-gm .goog-menu .unifiedPreviewBubbleRightSectionSourcesMenuItem.goog-m= enuitem { padding: 0px 8px; } .unifiedPreviewBubbleRightSectionSourcesMenuItem .appsElementsChipRoot { ba= ckground-color: transparent; box-sizing: border-box; height: 36px; justify-= content: start; width: 100%; } .unifiedPreviewBubbleRightSectionSourcesMenuItem .appsElementsChipRoot:hove= r { background-color: transparent; } .unifiedPreviewBubbleRightSectionSourcesMenuItem .appsElementsChipLabelText= { font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-= serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-hei= ght: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); overf= low: hidden; text-overflow: ellipsis; white-space: nowrap; } .unifiedPreviewBubbleScrim { background-color: var(--gm3-sys-color-surface-= variant,#e1e3e1); height: 100vh; inset: 0px; opacity: 0.6; position: fixed;= width: 100vw; z-index: 1001; } .unifiedPreviewBubbleCloseButton.docs-gm3-text-button { margin: 0px 8px; } .dataDonationWidgetRoot { align-items: center; display: flex; margin: 0px; = } .dataDonationWidgetRoot .dataDonationWidgetLabel { color: var(--gm3-sys-col= or-on-surface-variant,#444746); font-size: 0.875rem; padding-right: 5px; } .dataDonationWidgetRoot .docs-gm3-icon-button.docs-gm3-button { box-sizing:= border-box; min-height: 36px; min-width: 36px; } .dataDonationWidgetRoot .dataDonationWidgetThumbsUpContainer .docs-gm3-icon= -button.docs-gm3-button { margin: 0px 0px 2px; } .dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer, .d= ataDonationWidgetRoot .dataDonationWidgetReportAbuseContainer .docs-gm3-ico= n-button.docs-gm3-button, .dataDonationWidgetRoot .dataDonationWidgetThumbs= DownContainer .docs-gm3-icon-button.docs-gm3-button { margin: 2px 0px 0px; = } .dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer .fe= edbackButtonContainer-feedback-menuitem-icon { padding-right: 15px; } .dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer .go= og-menu .goog-menuitem { padding: 6px 50px 6px 15px; } .dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer .go= og-button:focus-visible { border-radius: 9999px; outline: 3px solid var(--g= m3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-toolbar-zoom-combobox .goog-toolbar-menu-button-caption { overflow: h= idden; text-overflow: ellipsis; width: 20px; white-space: nowrap; } .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-caption { width: 48p= x !important; } .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-input { width: 28px;= } .docs-gm3-text-button { border: 1px solid transparent; border-radius: 9999p= x; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 500; height: 40px; line-height: 1.25rem; white-space: nowrap; color:= var(--gm3-sys-color-primary,#0b57d0); padding: 9px 12px; } .docs-gm3-text-button.docs-gm3-button-hover { color: var(--gm3-sys-color-pr= imary,#0b57d0); padding: 9px 12px; background-color: rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.08); } .docs-gm3-text-button.docs-gm3-button-focused { color: var(--gm3-sys-color-= primary,#0b57d0); padding: 9px 12px; background-color: rgba(var(--gm3-sys-c= olor-primary-rgb,11,87,208),.1); } .docs-gm3-text-button.docs-gm3-button-focused:focus-visible { outline: 3px = solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-gm3-text-button.docs-gm3-button-disabled { padding: 9px 12px; color: = var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } .docs-gm3-tonal-button { border: 1px solid transparent; border-radius: 9999= px; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-= weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-s= pace: nowrap; background: var(--gm3-sys-color-secondary-container,#c2e7ff);= color: var(--gm3-sys-color-on-secondary-container,#004a77); } .docs-gm3-tonal-button.docs-gm3-button-hover { border: 1px solid transparen= t; border-radius: 9999px; box-sizing: border-box; cursor: pointer; font-fam= ily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font= -size: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; padd= ing: 9px 24px; white-space: nowrap; color: var(--gm3-sys-color-on-secondary= -container,#004a77); background: linear-gradient(rgba(var(--gm3-sys-color-o= n-secondary-container-rgb,0,74,119),.08),rgba(var(--gm3-sys-color-on-second= ary-container-rgb,0,74,119),.08)),var(--gm3-sys-color-secondary-container,#= c2e7ff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.= 3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm3-tonal-button.docs-gm3-button-focused { border: 1px solid transpar= ent; border-radius: 9999px; box-sizing: border-box; cursor: pointer; font-f= amily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fo= nt-size: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; pa= dding: 9px 24px; white-space: nowrap; color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); background: linear-gradient(rgba(var(--gm3-sys-color= -on-secondary-container-rgb,0,74,119),.1),rgba(var(--gm3-sys-color-on-secon= dary-container-rgb,0,74,119),.1)),var(--gm3-sys-color-secondary-container,#= c2e7ff); box-shadow: none; } .docs-gm3-tonal-button.docs-gm3-button-focused:focus-visible { outline: 3px= solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-gm3-tonal-button.docs-gm3-button-disabled { border: 1px solid transpa= rent; border-radius: 9999px; box-sizing: border-box; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875re= m; font-weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px;= white-space: nowrap; background: linear-gradient(rgba(var(--gm3-sys-color-= on-surface-rgb,31,31,31),.1),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,= 31),.1)),var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-on-s= urface,#1f1f1f); cursor: default; } .docs-gm3-filled-button { border: 1px solid transparent; border-radius: 999= 9px; box-sizing: border-box; cursor: pointer; font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font= -weight: 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-= space: nowrap; background: var(--gm3-sys-color-primary,#0b57d0); color: var= (--gm3-sys-color-on-primary,#fff); } .docs-gm3-filled-button.docs-gm3-button-hover { color: var(--gm3-sys-color-= on-primary,#fff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb= ,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); = background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255= ,255),.08),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(-= -gm3-sys-color-primary,#0b57d0); } .docs-gm3-filled-button.docs-gm3-button-focused { color: var(--gm3-sys-colo= r-on-primary,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-on= -primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,2= 55,255),.1)),var(--gm3-sys-color-primary,#0b57d0); } .docs-gm3-filled-button.docs-gm3-button-focused:focus-visible { outline: 3p= x solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-gm3-filled-button.docs-gm3-button-active { color: var(--gm3-sys-color= -on-primary,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-= primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,25= 5,255),.1)),var(--gm3-sys-color-primary,#0b57d0); } .docs-gm3-filled-button.docs-gm3-button-disabled { background: rgba(var(--g= m3-sys-color-on-surface-rgb,31,31,31),.12); color: rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.38); cursor: default; } .docs-gm3-outlined-button { border-radius: 9999px; box-sizing: border-box; = cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.875rem; font-weight: 500; height: 40px; l= ine-height: 1.25rem; padding: 9px 24px; white-space: nowrap; border: 1px so= lid var(--gm3-sys-color-outline,#747775); color: var(--gm3-sys-color-primar= y,#0b57d0); } .docs-gm3-outlined-button.docs-gm3-button-hover { border: 1px solid var(--g= m3-sys-color-outline,#747775); color: var(--gm3-sys-color-primary,#0b57d0);= box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px= 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); background: rgba(= var(--gm3-sys-color-primary-rgb,11,87,208),.08); } .docs-gm3-outlined-button.docs-gm3-button-focused { color: var(--gm3-sys-co= lor-primary,#0b57d0); background: rgba(var(--gm3-sys-color-primary-rgb,11,8= 7,208),.1); border: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-gm3-outlined-button.docs-gm3-button-focused:focus-visible { outline: = 3px solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-gm3-outlined-button.docs-gm3-button-active { border: 1px solid var(--= gm3-sys-color-outline,#747775); color: var(--gm3-sys-color-primary,#0b57d0)= ; background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-gm3-outlined-button.docs-gm3-button-disabled { border: 1px solid rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); color: rgba(var(--gm3-s= ys-color-on-surface-rgb,31,31,31),.38); cursor: default; } .docs-gm3-icon-button { background: none; border-radius: 9999px; height: 32= px; width: 32px; min-width: 40px; min-height: 40px; cursor: pointer; displa= y: flex; align-items: center; justify-content: center; border: 1px solid tr= ansparent !important; } .docs-gm3-icon-button.docs-gm3-button-hover { background-image: none; backg= round-position: initial; background-size: initial; background-repeat: initi= al; background-attachment: initial; background-origin: initial; background-= clip: initial; border-radius: 9999px; height: 32px; width: 32px; background= -color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); bor= der: 1px solid transparent !important; } .docs-gm3-icon-button.docs-gm3-button-focused { background-image: none; bac= kground-position: initial; background-size: initial; background-repeat: ini= tial; background-attachment: initial; background-origin: initial; backgroun= d-clip: initial; border-radius: 9999px; height: 32px; width: 32px; backgrou= nd-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.1); bo= rder: 1px solid transparent !important; } .docs-gm3-icon-button.docs-gm3-button-focused:focus-visible { outline: 3px = solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docs-gm3-icon-button.docs-gm3-button-disabled { cursor: default; opacity: = 0.38; } .docs-gm3-button, .docs-gm3-menu-button { margin: 0px 4px; } @media screen and (forced-colors: active) { .docs-gm3-button.docs-gm3-button-focused { outline: highlight solid 1px; = outline-offset: -4px; } } .button-content-with-icons-flex-box { display: flex; gap: 8px; } .docs-material .button-content-with-icons-flex-box .docs-icon { margin: 0px= ; } .button-content-starts-with-icon { margin-left: -8px; } .button-content-ends-with-icon { margin-right: -8px; } .docs-gm .docs-material .button-content-icon-disabled .docs-icon-img { colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38; } .docs-hc-gecko .docs-gm3-filled-button .button-content-icon-enabled .docs-i= con-img { filter: unset; } .docs-gm3-button-disabled .button-content-icon-enabled, .docs-gm3-button:no= t(.docs-gm3-button-disabled) .button-content-icon-disabled { display: none;= } .docs-gm3-outlined-button.docs-gm3-menu-button { border: 1px solid var(--gm= 3-sys-color-outline,#747775); color: var(--gm3-sys-color-primary,#0b57d0); = padding: 9px 16px; } .docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-hover {= border: 1px solid var(--gm3-sys-color-outline,#747775); color: var(--gm3-s= ys-color-primary,#0b57d0); box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-s= hadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,= 0),.15); background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08); = } .docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-focused= { color: var(--gm3-sys-color-primary,#0b57d0); background: rgba(var(--gm3-= sys-color-primary-rgb,11,87,208),.1); border: 1px solid var(--gm3-sys-color= -primary,#0b57d0); } .docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-focused= :focus-visible { outline: 3px solid var(--gm3-sys-color-secondary,#00639b);= outline-offset: 2px; } .docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-disable= d { border: 1px solid rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12= ); color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); cursor: d= efault; } .docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-disable= d .docs-gm3-outlined-button-dropdown .gm3-dropdown-arrow-path { fill: rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); } .docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-dr= opdown { margin: 0px -6px 0px 8px; } .docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-dr= opdown .gm3-dropdown-arrow-path { fill: var(--gm3-sys-color-primary,#0b57d0= ); } .docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-ca= ption { bottom: 5px; } .docs-material-colorpalette { outline: none; width: fit-content; } .docs-material-colorpalette-cell { border-radius: 9999px; } .docs-material-colorpalette-colorswatch, .docs-material-colorpalette-colors= watch-translucent-wrapper { border-radius: 9999px; box-sizing: border-box; = cursor: pointer; height: 20px; margin: 1px 1px 0px 0px; width: 20px; positi= on: relative; forced-color-adjust: none; } .docs-material-colorpalette-table { border-spacing: 1px; padding: 1px 0px; = } .docs-material-colorpalette-cell.docs-material-colorpalette-cell-hover .doc= s-material-colorpalette-colorswatch, .docs-material-colorpalette-cell.docs-= material-colorpalette-cell-hover .docs-material-colorpalette-colorswatch-tr= anslucent-wrapper.docs-material-colorpalette-colorswatch-overlay { box-shad= ow: 0 0 3px 1px linear-gradient(rgba(var(--gm3-sys-color-on-surface-rgb,31,= 31,31),.1),rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.1)),var(--gm3= -sys-color-surface-container-high,#e9eef6); } .docs-material-colorpalette-colorswatch-translucent-wrapper.docs-material-c= olorpalette-colorswatch-border .docs-material-colorpalette-colorswatch-over= lay, .docs-material-colorpalette-colorswatch.docs-material-colorpalette-col= orswatch-border { border: 1px solid var(--gm3-sys-color-outline-variant,#c4= c7c5); } .docs-customcolorpalette-add-custom-color-button:hover { background-color: = var(--gm3-sys-color-surface-container-high,#e9eef6); border-radius: 4px; cu= rsor: pointer; } .docs-customcolorpalette-eyedropper-button:hover { background-color: var(--= gm3-sys-color-surface-container-high,#e9eef6); border-radius: 4px; cursor: = pointer; } .docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .= docs-material-colorpalette-colorswatch { background: url("data:image/svg+xm= l;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi= IgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNM= SAwaDQ4djQ4SDF6Ii8+PHBhdGggZD0iTTE5IDMyLjM0IDEwLjY2IDI0bC0yLjgzIDIuODNMMTkg= MzhsMjQtMjQtMi44My0yLjgzeiIvPjwvc3ZnPg=3D=3D") 50% center no-repeat; } .docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .= docs-material-colorpalette-colorswatch.docs-material-colorpalette-colorswat= ch-dark { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cD= ovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZ= iIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDQ4djQ4SDB6= Ii8+PHBhdGggZD0iTTE4IDMyLjM0IDkuNjYgMjRsLTIuODMgMi44M0wxOCAzOGwyNC0yNC0yLjg= zLTIuODN6Ii8+PC9zdmc+") 50% center no-repeat; } @media screen and (forced-colors: active) { .docs-material-colorpalette-colorswatch, .docs-material-colorpalette-colo= rswatch-overlay { border: 1px solid var(--gm3-sys-color-outline-variant,#c4= c7c5); } } .docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-= colorpalette-colorswatch-color { border-bottom-left-radius: 12px; border-to= p-left-radius: 12px; height: 100%; position: absolute; width: 50%; } .docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-= colorpalette-colorswatch-checkerboard { border-bottom-right-radius: 12px; b= order-top-right-radius: 12px; height: 100%; margin-left: 10px; position: ab= solute; width: 50%; } .docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-= colorpalette-colorswatch-overlay { border-radius: 9999px; box-sizing: borde= r-box; height: 100%; position: absolute; width: 100%; z-index: 1; } .docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .= docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-c= olorpalette-colorswatch-overlay { background: url("data:image/svg+xml;base6= 4,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ= 2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBmaWxsPSIjM2M0MDQzIiBzdHJva2U9= IiNmZmYiIGQ9Im03IDExLjA3MyA3LjA1Ny03LjA1NyAxLjY1IDEuNjVMNyAxNC4zNzVsLTQuNDM= tNC40MyAxLjY1LTEuNjUxeiIvPjwvc3ZnPg=3D=3D") 50% center no-repeat; } .docs-material-color-picker-dragger { border: 2px solid var(--gm3-sys-color= -surface,#fff); border-radius: 9999px; box-shadow: 0 0 3px 1px color-mix(in= sRGB,var(--gm3-sys-color-shadow,#000) 15%,transparent); cursor: pointer; p= osition: absolute; z-index: 3; } .docs-material-color-picker-saturation-value:focus-visible > .docs-material= -color-picker-dragger, .goog-slider-horizontal:focus-visible .docs-material= -color-picker-dragger { border: 2px solid var(--gm3-sys-color-primary,#0b57= d0); outline: 2px solid var(--gm3-sys-color-inverse-primary,#a8c7fa); } .docs-color-picker { color: var(--gm3-sys-color-on-surface,#1f1f1f); outlin= e: none; width: 100%; } .docs-color-picker-outer-box { border: 1px solid var(--gm3-sys-color-outlin= e-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; cursor: poi= nter; padding: 8px 6px 8px 8px; width: 100%; } .docs-color-picker .docs-color-picker-outer-box { width: auto; } .docs-color-picker-hover .docs-color-picker-outer-box { background-color: r= gba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); border: 1px solid va= r(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-color-picker-open .docs-color-picker-outer-box { background-color: rg= ba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); border: 1px solid tra= nsparent; } .docs-material-gm-select-open.docs-material-gm-select-hover .docs-color-pic= ker-outer-box { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,3= 1,31,31),.06); } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-color-p= icker-outer-box { background-color: rgba(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),.08); } .docs-color-picker-disabled { color: rgba(var(--gm3-sys-color-on-surface-rg= b,31,31,31),.38); opacity: 0.38; cursor: default; } .docs-color-picker-disabled .docs-color-picker-outer-box { border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); box-shadow: none; cursor: d= efault; } .docs-color-picker-inner-box { align-items: center; display: flex; justify-= content: space-between; position: relative; width: 100%; } .docs-color-picker-caption { box-sizing: border-box; color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; font-size: 0.875rem; line-height: 1.25rem; max-width: 100%; = overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22p= x; width: 22px; border-radius: 9999px; border: 1px solid var(--gm3-sys-colo= r-outline-variant,#c4c7c5); margin: 0px; outline: none; } .docs-color-picker-dropdown { align-items: center; display: flex; height: 2= 4px; justify-content: center; width: 24px; } .docs-color-picker-dropdown-icon { background: url("https://ssl.gstatic.com= /docs/common/material_common_sprite1060_gm3_grey_medium.svg") -7144px 0px n= o-repeat; height: 18px; width: 18px; } .docs-color-picker-open .docs-color-picker-dropdown-icon { transform: rotat= e(180deg); } .docs-material-color-swatch-wrapper { border-radius: 9999px; display: inlin= e-block; position: relative; vertical-align: middle; } .docs-material-color-swatch-color { box-shadow: transparent 0px 0px 0px 1px= ; } .docs-material-color-swatch-element { border-radius: 9999px; height: 100%; = position: absolute; width: 100%; } .docs-material-color-swatch-wrapper-hover { box-shadow: 0 0 0 1px var(--gm3= -sys-color-primary-container,#d3e3fd); } .docs-material-color-swatch-wrapper-focused { box-shadow: 0 0 0 1px var(--g= m3-sys-color-primary-container,#d3e3fd); outline: none; } .docs-material-color-swatch-border { box-shadow: 0 0 0 1px color-mix(in sRG= B,var(--gm3-sys-color-shadow,#000) 15%,transparent); } .docs-material-color-swatch-checkbox-background { background-image: url("ht= tps://ssl.gstatic.com/docs/common/checkboard.png"); background-size: 10px a= uto; } @media screen and (forced-colors: active) { .docs-material-color-swatch-color { border: 1px solid var(--gm3-sys-color= -outline-variant,#c4c7c5); } } .docs-gm-labeled-color-picker { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); outline: none; width: 100%; } .docs-gm-labeled-color-picker-outer-box { border: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; = cursor: pointer; padding: 8px 6px 8px 8px; width: 100%; } .docs-gm-labeled-color-picker-focused .docs-gm-labeled-color-picker-outer-b= ox { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.0= 6); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-gm-labeled-color-picker .docs-gm-labeled-color-picker-outer-box { wid= th: auto; } .docs-gm-labeled-color-picker-hover .docs-gm-labeled-color-picker-outer-box= { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04)= ; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-outer-box = { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04);= border: 1px solid transparent; } .docs-material-gm-select-open.docs-material-gm-select-hover .docs-gm-labele= d-color-picker-outer-box { background-color: rgba(var(--gm3-sys-color-on-su= rface-rgb,31,31,31),.06); } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-gm-labe= led-color-picker-outer-box { background-color: rgba(var(--gm3-sys-color-on-= surface-rgb,31,31,31),.08); } .docs-gm-labeled-color-picker-disabled { color: rgba(var(--gm3-sys-color-on= -surface-rgb,31,31,31),.38); opacity: 0.38; cursor: default; } .docs-gm-labeled-color-picker-disabled .docs-gm-labeled-color-picker-outer-= box { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box-s= hadow: none; cursor: default; } .docs-gm-labeled-color-picker-inner-box { align-items: center; display: fle= x; justify-content: space-between; position: relative; width: 100%; } .docs-gm-labeled-color-picker-caption { box-sizing: border-box; color: var(= --gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; max-wi= dth: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; = height: 22px; width: 22px; border-radius: 9999px; border: 1px solid var(--g= m3-sys-color-outline-variant,#c4c7c5); margin: 0px; outline: none; } .docs-gm-labeled-color-picker-dropdown { align-items: center; display: flex= ; height: 24px; justify-content: center; width: 24px; } .docs-gm-labeled-color-picker-dropdown-icon { background: url("https://ssl.= gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg") -7= 144px 0px no-repeat; height: 18px; width: 18px; } .docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-dropdown-i= con { transform: rotate(180deg); } .docs-gm-labeled-color-picker-label { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; font-size: 0.75rem; margin-bottom: 8px; display: inline-block; } .docs-material-hsv-color-picker { padding-bottom: 15px; } .docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled= { padding: 8px 0px 0px; } .docs-material-hsv-color-picker-information { padding: 0px 0px 15px; width:= 100%; } .docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picke= r-information { display: flex; padding: 0px; width: 100%; } .docs-material-info-element { display: inline-block; margin-right: 15px; } .docs-material-hsv-color-picker-title { text-transform: uppercase; } .docs-material-hsv-color-picker-swatch-slider-wrapper { align-items: center= ; display: flex; margin-top: 16px; } .docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled= .docs-material-color-slider { padding: 0px; } .docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled= .goog-slider-horizontal { height: 10px; } .docs-material-hsv-color-picker-sliders-wrapper { display: flex; flex-direc= tion: column; flex-grow: 1; padding-left: 20px; row-gap: 12px; } .docs-material-hsv-color-picker-sliders-wrapper.docs-material-hsv-color-pic= ker-sliders-wrapper-increased-gap { row-gap: 18px; } .docs-material-color-input-wrapper { display: flex; flex-direction: column;= } .docs-material-hsv-color-picker-text { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; font-size: 0.6875rem; font-weight: 500; padding: 10px 0px 0px; } .docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picke= r-text { color: var(--gm3-sys-color-on-surface-variant,#444746); font-famil= y: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-s= ize: 0.6875rem; font-weight: 500; padding: 16px 0px 0px; } .docs-material-hsv-color-picker-input { border: 1px solid var(--gm3-sys-col= or-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 1px 8px; font-size: = 0.875rem; height: 36px; margin: 8px 0px; background-color: var(--gm3-sys-co= lor-surface,#fff); width: 90px; } .docs-material-hsv-color-picker-input:focus { border: 2px solid var(--gm3-s= ys-color-primary,#0b57d0); box-shadow: none; padding: 0px 7px; } .docs-material-hsv-color-picker-eyedropper { margin-left: 20px; } .docs-material-hsv-color-picker .docs-material-hsv-color-picker-eyedropper = .docs-material-button-hairline-primary, .docs-material-hsv-color-picker .do= cs-material-hsv-color-picker-eyedropper .docs-material-button-hairline-prim= ary.docs-material-button.docs-material-button-focused { padding: 8px; displ= ay: flex; align-items: center; margin: 0px; } .docs-material-hsv-color-picker-eyedropper .docs-icon { width: 24px; height= : 24px; margin-right: -1px; } .docs-material-hue-slider-background { background: linear-gradient(90deg, r= ed, rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255), rgb= (255, 0, 255), red); } .docs-material-opacity-slider-checkbox-background { background-image: url("= https://ssl.gstatic.com/docs/common/checkboard.png"); background-size: 10px= auto; } .docs-material-rgba-color-input-wrapper { margin-left: 8px; } .docs-material-rgba-alpha-input, .docs-material-rgba-blue-input, .docs-mate= rial-rgba-green-input, .docs-material-rgba-red-input { width: 42.5px; } .docs-material-color-picker-saturation-value-background { border: 1px solid= var(--gm3-sys-color-surface,#fff); box-sizing: border-box; } .docs-material-color-picker-saturation-value { height: 150px; outline: none= ; position: relative; width: 100%; } .docs-material-color-picker-overlay { border-radius: 4px; height: 100%; lef= t: 0px; position: absolute; top: 0px; width: 100%; } .docs-material-color-picker-saturation-overlay { background: linear-gradien= t(90deg, rgb(255, 255, 255), color-mix(in srgb, rgb(255, 255, 255) 0%, tran= sparent 100%)); z-index: 1; } .docs-material-color-picker-value-overlay { background: linear-gradient(tra= nsparent, rgb(0, 0, 0)); z-index: 2; } .docs-material-gm-dialog { background: var(--gm3-sys-color-surface-bright,#= fff); border: 1px solid transparent; border-radius: 8px; box-shadow: 0 4px = 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); position: absolute= ; z-index: 1003; } .docs-material-gm-dialog-bg { background-color: var(--gm3-sys-color-scrim,#= 000); left: 0px; position: absolute; top: 0px; z-index: 1002; } .docs-material-gm-dialog:focus { outline: none; } .docs-material-gm-dialog-title { border-bottom-width: medium; border-bottom= -style: none; border-bottom-color: currentcolor; padding: 24px; } .docs-material-gm-dialog-title-text { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; font-size: 22px; font-weight: 400; line-height: 1.75rem; } .docs-material-gm-dialog-title-close { height: 24px; position: absolute; ri= ght: 24px; top: 26px; width: 24px; } .docs-material-gm-dialog-content { min-width: 312px; padding: 0px 24px 24px= ; color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, Robo= toDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; } .docs-material-gm-dialog-buttons { display: flex; justify-content: flex-end= ; padding: 24px; } .docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-b= utton, .docs-material-gm-dialog .docs-material-button-hairline-default.docs= -material-button { text-transform: none; } .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-button.doc= s-material-button { margin-left: 12px; } .docs-material-menu-button-flat-default, .docs-material-menu-button-flat-pr= imary, .docs-material-menu-button-raised-default, .docs-material-menu-butto= n-raised-primary { box-sizing: border-box; border-radius: 2px; border: 1px = solid transparent; cursor: pointer; display: inline-block; font: 500 13px /= 30px Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 32px; marg= in: 0px 4px; text-transform: uppercase; vertical-align: middle; } .docs-material-menu-button-raised-default, .docs-material-menu-button-raise= d-primary { padding: 0px 6px 0px 16px; } .docs-material-menu-button-flat-default, .docs-material-menu-button-flat-pr= imary { padding: 0px 0px 0px 8px; } .docs-material-menu-button-flat-primary { color: var(--gm3-sys-color-primar= y,#0b57d0); } .docs-material-menu-button-flat-primary-hover { background-color: rgba(var(= --gm3-sys-color-primary-rgb,11,87,208),.12); } .docs-material-menu-button-flat-primary-active { background-color: rgba(var= (--gm3-sys-color-primary-rgb,11,87,208),.32); color: var(--gm3-sys-color-se= condary,#00639b); } .docs-material-menu-button-flat-primary-focused { border: 1px solid var(--g= m3-sys-color-primary,#0b57d0); outline: none; } .docs-material-menu-button-flat-default { background-color: var(--gm3-sys-c= olor-surface,#fff); color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material-menu-button-flat-default-hover { background-color: color-mix= (in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) 20%,transparent); = } .docs-material-menu-button-flat-default-active { background-color: color-mi= x(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 20%,transparent); color: = var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material-menu-button-flat-default-focused { border: 1px solid var(--g= m3-sys-color-primary,#0b57d0); outline: none; } .docs-material-menu-button-raised-primary { background-color: var(--gm3-sys= -color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docs-material-menu-button-raised-default-hover, .docs-material-menu-button= -raised-primary-hover { } .docs-material-menu-button-raised-default-active, .docs-material-menu-butto= n-raised-primary-active { } .docs-material-menu-button-raised-primary-active { background-color: var(--= gm3-sys-color-secondary,#00639b); } .docs-material-menu-button-raised-primary-focused { background-color: var(-= -gm3-sys-color-primary,#0b57d0); border: 1px inset var(--gm3-sys-color-outl= ine-variant,#c4c7c5); outline: none; } .docs-material-menu-button-raised-default { background-color: color-mix(in = sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 5%,transparent); color: var(--= gm3-sys-color-on-surface,#1f1f1f); } .docs-material-menu-button-raised-default-active { background-color: color-= mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); color= : var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material-menu-button-raised-default-focused { border: 1px solid var(-= -gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-surface-vari= ant,#444746); outline: none; } .docs-material-menu-button-flat-default-disabled, .docs-material-menu-butto= n-flat-primary-disabled, .docs-material-menu-button-raised-default-disabled= { background-color: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sy= s-color-on-surface-variant,#444746); cursor: auto; } .docs-material-menu-button-raised-primary-disabled { background-color: colo= r-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); col= or: var(--gm3-sys-color-on-primary,#fff); cursor: auto; } .docs-material-menu-button-flat-default-disabled, .docs-material-menu-butto= n-flat-primary-disabled, .docs-material-menu-button-raised-default-disabled= , .docs-material-menu-button-raised-primary-disabled { box-shadow: none; } .docs-material-menu-button-flat-default-caption, .docs-material-menu-button= -flat-primary-caption, .docs-material-menu-button-raised-default-caption, .= docs-material-menu-button-raised-primary-caption { float: left; vertical-al= ign: middle; } .docs-material-menu-button-flat-default-dropdown, .docs-material-menu-butto= n-flat-primary-dropdown { height: 24px; margin: 3px 0px 3px 2px; } .docs-material-menu-button-raised-default-dropdown, .docs-material-menu-but= ton-raised-primary-dropdown { height: 24px; margin: 3px 0px 3px 8px; } .docs-material-menu-button-raised-primary-dropdown-icon { fill: var(--gm3-s= ys-color-on-primary,#fff); } .docs-material-menu-button-flat-default-dropdown-icon, .docs-material-menu-= button-raised-default-dropdown-icon { fill: var(--gm3-sys-color-on-surface-= variant,#444746); } .docs-material-menu-button-flat-primary-dropdown-icon { fill: var(--gm3-sys= -color-primary,#0b57d0); opacity: 0.54; } .docs-material-menu-button-flat-default-disabled .docs-material-menu-button= -flat-default-dropdown-icon, .docs-material-menu-button-flat-primary-disabl= ed .docs-material-menu-button-flat-primary-dropdown-icon, .docs-material-me= nu-button-raised-default-disabled .docs-material-menu-button-raised-default= -dropdown-icon { fill: color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f= 1f1f) 30%,transparent); opacity: 1; } .docs-material-color-slider { box-sizing: border-box; outline: 0px; padding= : 8px 0px; position: relative; } .docs-material-color-slider-background { border-radius: 4px; display: inlin= e-block; height: 10px; position: absolute; width: 100%; } .docs-material-color-slider-wrapper { position: relative; width: 100%; } .docs-material-color-slider-thumb { height: 16px; pointer-events: inherit; = top: -5px; width: 16px; } .docs-material-color-slider-track { left: 0px; position: absolute; top: 0px= ; } .docs-material-color-slider-checkbox-background { background-image: url("ht= tps://ssl.gstatic.com/docs/common/checkboard.png"); background-size: 10px a= uto; } .goog-slider { position: relative; outline: 0px; } .goog-slider-horizontal { height: 18px; } .goog-slider-vertical { width: 18px; } .goog-slider-thumb { background-color: rgb(245, 245, 245); border-radius: 2= px; transition: background-color 0.218s, border-color 0.218s, background-im= age 0.218s; border: 1px solid rgb(220, 220, 220); height: 16px; position: a= bsolute; width: 16px; } .goog-slider-thumb:hover { background-color: rgb(248, 248, 248); border-col= or: rgb(198, 198, 198); } .goog-slider-scale { position: absolute; } .goog-slider-horizontal .goog-slider-scale { border-top: 1px solid rgb(204,= 204, 204); top: 8px; width: 100%; } .goog-slider-vertical .goog-slider-scale { border-left: 1px solid rgb(204, = 204, 204); height: 100%; left: 8px; } .docs-slider { margin-top: 6px; position: relative; outline: none; } .docs-slider .goog-slider-thumb { cursor: move; position: absolute; top: 0p= x; } .docs-slider:focus .goog-slider-thumb { border-color: var(--gm3-sys-color-p= rimary,#0b57d0); } .docs-material-slider .docs-material-slider-tooltip, .docs-slider .jfk-tool= tip.top { border-radius: 2px; box-shadow: 0 2px 4px color-mix(in sRGB,var(-= -gm3-sys-color-shadow,#000) 20%,transparent); font-size: 10px; height: 10px= ; line-height: 10px; top: -26px; white-space: nowrap; transition-property: = opacity, visibility; transition-duration: 0.13s; word-break: normal !import= ant; } .docs-gm .docs-material-slider .docs-material-slider-tooltip, .docs-gm .doc= s-slider .jfk-tooltip.top { display: block; } .docs-gm .docs-material-slider .docs-material-slider-tooltip { top: -40px; = } .docs-material-slider .docs-material-slider-hidden, .docs-slider .docs-slid= er-hidden { opacity: 0; visibility: hidden; } .docs-slider.goog-slider-disabled .goog-slider-thumb { cursor: default; bor= der-color: var(--gm3-sys-color-outline-variant,#c4c7c5); background: var(--= gm3-sys-color-surface,#fff); } .docs-material-slider { box-sizing: border-box; padding: 8px; position: rel= ative; outline: 0px; } .docs-material-slider-horizontal { height: 46px; min-width: 128px; } .docs-material-slider-vertical { width: 46px; min-height: 128px; } .docs-material-slider-wrapper { position: absolute; outline: transparent so= lid 1px; } .docs-material-slider-horizontal .docs-material-slider-wrapper { left: 8px;= height: 2px; right: 8px; top: 23px; } .docs-material-slider-vertical .docs-material-slider-wrapper { bottom: 8px;= left: 23px; top: 8px; width: 2px; } .docs-material-slider-thumb { pointer-events: inherit; position: absolute; = } .docs-material-slider-horizontal .docs-material-slider-thumb { top: 50%; wi= dth: 16px; } .docs-material-slider-vertical .docs-material-slider-thumb { left: 50%; hei= ght: 16px; } .docs-material-slider-focus-ring { background-color: color-mix(in sRGB,var(= --gm3-sys-color-primary,#0b57d0) 40%,transparent); border-radius: 9999px; l= eft: -15px; height: 30px; opacity: 0; pointer-events: inherit; position: ab= solute; top: -15px; transform: scale(0); transition: transform 0.4s cubic-b= ezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); w= idth: 30px; outline: transparent solid 1px; } .docs-material-slider-rtl .docs-material-slider-focus-ring { left: inherit;= right: -15px; } .docs-material-slider-thumb-grabber { background-color: var(--gm3-sys-color= -primary,#0b57d0); border-color: var(--gm3-sys-color-primary,#0b57d0); bord= er-radius: 9999px; border-style: solid; box-sizing: border-box; cursor: poi= nter; height: 20px; position: absolute; transform: scale(0.7); transition: = transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 20px; } .docs-material-slider-horizontal.docs-material-slider-ltr .docs-material-sl= ider-thumb-grabber { bottom: -10px; left: -10px; } .docs-material-slider-horizontal.docs-material-slider-rtl .docs-material-sl= ider-thumb-grabber { bottom: -10px; right: -10px; } .docs-material-slider-vertical .docs-material-slider-thumb-grabber { left: = -10px; top: -10px; } .docs-material-slider-track-wrapper { left: 0px; position: absolute; top: 0= px; } .docs-material-slider-horizontal .docs-material-slider-track-wrapper { heig= ht: 2px; width: 100%; } .docs-material-slider-vertical .docs-material-slider-track-wrapper { height= : 100%; width: 2px; } .docs-material-slider-track { position: absolute; } .docs-material-slider-horizontal .docs-material-slider-track { height: 2px;= } .docs-material-slider-vertical .docs-material-slider-track { width: 2px; } @media screen and (forced-colors: active) { .docs-material-slider.docs-material-slider-horizontal .docs-material-slid= er-track { height: 0px; outline: solid 2px; } .docs-material-slider.docs-material-slider-vertical .docs-material-slider= -track { width: 0px; outline: solid 2px; } } .docs-material-slider-track-on { background-color: var(--gm3-sys-color-prim= ary,#0b57d0); } .docs-material-slider-track-off { background-color: var(--ws-sys-color-exte= nded-grey-tonal,#e3e3e3); } .docs-material-slider.goog-slider-disabled .docs-material-slider-thumb-grab= ber, .docs-material-slider.goog-slider-disabled .docs-material-slider-track= -on { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1= f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); border-color: color-mix(in s= rgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface= ,#fff)); cursor: default; } .docs-material-slider:not(.docs-material-slider-mouse-focused):not(.goog-sl= ider-disabled):focus .docs-material-slider-focus-ring { opacity: 1; transfo= rm: scale(1); } .docs-material-slider.docs-material-slider-mouse-focused:not(.goog-slider-d= isabled) .docs-material-slider-thumb-grabber { transform: scale(1); } .docs-material-slider-ltr.docs-material-slider-horizontal .docs-material-sl= ider-track-on { left: 0px; } .docs-material-slider-rtl.docs-material-slider-horizontal .docs-material-sl= ider-track-on { right: 0px; } .docs-material-slider-vertical .docs-material-slider-track-on { bottom: 0px= ; } .docs-material-slider-horizontal .docs-material-slider-track-off { left: 0p= x; width: 100%; } .docs-material-slider-vertical .docs-material-slider-track-off { top: 0px; = height: 100%; } .docs-material-slider-input { display: flex; gap: 10px; } .docs-material-slider-input-slider { width: 186px; } .docs-material-slider-input-number-input { width: 72px; } .docs-material-slider-input-number-input .docs-number-input-container { pad= ding-right: 0px; } @keyframes ghostTip {=20 0% { opacity: 1; content: attr(aria-label); } 40% { opacity: 1; content: attr(aria-label); } 45% { opacity: 0; content: attr(aria-label); } 46% { opacity: 0; content: attr(data-ghost-tip); } 51% { opacity: 1; content: attr(data-ghost-tip); } 90% { opacity: 1; content: attr(data-ghost-tip); } 95% { opacity: 0; content: attr(data-ghost-tip); } 96% { opacity: 0; content: attr(aria-label); } 100% { opacity: 1; content: attr(aria-label); } } @keyframes ghostTipImmediate {=20 0% { opacity: 1; content: attr(data-ghost-tip); } 90% { opacity: 1; content: attr(data-ghost-tip); } 95% { opacity: 0; content: attr(data-ghost-tip); } 96% { opacity: 0; content: attr(aria-label); } 100% { opacity: 1; content: attr(aria-label); } } .appsElementsRichTextInputRoot { position: relative; } .appsElementsRichTextInputContentEditableContainer ol, .appsElementsRichTex= tInputContentEditableContainer p, .appsElementsRichTextInputContentEditable= Container pre, .appsElementsRichTextInputContentEditableContainer ul { marg= in-block: unset; } .appsElementsRichTextInputContentEditableContainer :is(ul, ol) { margin-blo= ck: 16px; } .appsElementsRichTextInputContentEditableContainer :is(ul, ol):first-child = { margin-block-start: 0px; } .appsElementsRichTextInputContentEditableContainer :is(ul, ol):last-child {= margin-block-end: 0px; } .appsElementsRichTextInputContentEditableContainer span[style=3D"display: c= ontents;"] > :is(ul, ol) { margin-block: 16px; } .appsElementsRichTextInputContentEditableContainer span[style=3D"display: c= ontents;"]:first-child > :is(ul, ol):first-child { margin-block-start: 0px;= } .appsElementsRichTextInputContentEditableContainer span[style=3D"display: c= ontents;"]:last-child > :is(ul, ol):last-child { margin-block-end: 0px; } .appsElementsRichTextInputContentEditableContainer :is(ul, ol) :is(ul, ol),= .appsElementsRichTextInputContentEditableContainer :is(ul, ol) :is(ul, ol)= :is(:first-child, :last-child) { margin-block: 8px; } .appsElementsRichTextInputContentEditableContainer ul { list-style-type: di= sc; padding-inline-start: 16px; } .appsElementsRichTextInputContentEditableContainer ol { padding-inline-star= t: 3ch; } .appsElementsRichTextInputContentEditableContainer code, .appsElementsRichT= extInputContentEditableContainer pre { font-size: 0.75rem; font-weight: 400= ; letter-spacing: 0.00625rem; line-height: 1rem; font-family: "Google Sans = Mono", monospace; white-space: pre-wrap; margin: unset; } .appsElementsRichTextInputContentEditableContainer table { background-color= : var(--gm3-sys-color-surface,#fff); border-spacing: 0px; border: 1px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); border-collapse: inherit; wo= rd-break: auto-phrase; } .appsElementsRichTextInputContentEditableContainer table th { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: = 500; letter-spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsRichTextInputContentEditableContainer table td { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter-spac= ing: 0.00625rem; line-height: 1rem; font-weight: 400; padding: 5px 8px; } .appsElementsRichTextInputContentEditableContainer table td, .appsElementsR= ichTextInputContentEditableContainer table th { text-align: start; border: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsRichTextInputContentEditableContainer table tr + tr td, .appsE= lementsRichTextInputContentEditableContainer table tr + tr th, .appsElement= sRichTextInputContentEditableContainer table tr:first-child td, .appsElemen= tsRichTextInputContentEditableContainer table tr:first-child th { border-bl= ock-start: 0px; } .appsElementsRichTextInputContentEditableContainer table td + td, .appsElem= entsRichTextInputContentEditableContainer table td + th, .appsElementsRichT= extInputContentEditableContainer table td:first-child, .appsElementsRichTex= tInputContentEditableContainer table th + td, .appsElementsRichTextInputCon= tentEditableContainer table th + th, .appsElementsRichTextInputContentEdita= bleContainer table th:first-child { border-inline-start: 0px; } .appsElementsRichTextInputContentEditableContainer table td:last-child, .ap= psElementsRichTextInputContentEditableContainer table th:last-child { borde= r-inline-end: 0px; } .appsElementsRichTextInputContentEditableContainer table tr:last-child td {= border-block-end: 0px; } .appsElementsRichTextInputContentEditableContainer mark:not([class]) { back= ground-color: unset; color: unset; } .appsElementsRichTextInputContentEditableContainer a:any-link:not([class]) = { color: var(--gm3-sys-color-primary,#0b57d0); text-underline-offset: 0.25e= m; text-decoration: underline; } .appsElementsRichTextInputContentEditableContainer a:active:not([class]), .= appsElementsRichTextInputContentEditableContainer a:hover:not([class]), .ap= psElementsRichTextInputContentEditableContainer a:visited:not([class]) { co= lor: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsRichTextInputContentEditableContainer { font-variant-ligatures= : no-contextual; font-feature-settings: "liga" 0; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputContentEditableContainer { border: 1px solid va= r(--gm3-sys-color-outline,#747775); } } .appsElementsRichTextInputContentEditableContainer { inline-size: 100%; max= -block-size: 100%; overflow: hidden auto; position: relative; } .appsElementsRichTextInputContentEditable { outline: 0px; white-space: var(= --ae-richtextinput-input-white-space,pre-wrap); text-align: start; unicode-= bidi: plaintext; color: var(--gm3-sys-color-on-surface,#1f1f1f); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputContentEditable { caret-color: auto; color: can= vastext; } } .appsElementsRichTextInputContentEditable:empty::before { content: attr(ari= a-label)/""; pointer-events: none; user-select: none; color: var(--ae-richt= extinput-placeholder-color,var(--gm3-sys-color-on-surface-variant,#444746))= ; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputContentEditable:empty::before { color: graytext= ; } } .appsElementsRichTextInputContentEditable.appsElementsRichTextInputAnimateP= laceholder:empty::before { content: none; } .appsElementsRichTextInputContentEditable:focus-within:empty::before { colo= r: var(--ae-richtextinput-focus-placeholder-color,var(--gm3-sys-color-outli= ne,#747775)); } .appsElementsRichTextInputGhostTip:empty::before { animation: 10s linear 0s= 1 normal none running ghostTip; } .appsElementsRichTextInputGhostTip.appsElementsRichTextInputImmediateGhostT= ip:empty::before { animation: 10s linear 0s 1 normal none running ghostTipI= mmediate; } .appsElementsRichTextInputPlaceholderContainer { position: absolute; inset:= 0px; display: flex; align-items: center; pointer-events: none; user-select= : none; } .appsElementsRichTextInputPlaceholderContainer.appsElementsRichTextInputPla= ceholderContainer { box-sizing: border-box; max-height: 100%; max-width: 10= 0%; background: transparent; border-width: medium; border-style: none; bord= er-color: currentcolor; border-image: none; margin: 0px; box-shadow: none; = overflow: hidden; } .appsElementsRichTextInputContentEditable:not(:empty) + .appsElementsRichTe= xtInputPlaceholderContainer { display: none; } .appsElementsRichTextInputContentEditable:focus-within ~ .appsElementsRichT= extInputPlaceholderContainer .appsElementsRichTextInputPlaceholderText { co= lor: var(--ae-richtextinput-focus-rotating-placeholder-color,var(--gm3-sys-= color-outline,#747775)); } .appsElementsRichTextInputPlaceholderTextWrapper { display: grid; position:= relative; flex-grow: 1; flex-shrink: 1; overflow: hidden; } .appsElementsRichTextInputPlaceholderText { color: var(--ae-richtextinput-p= laceholder-color,var(--gm3-sys-color-on-surface-variant,#444746)); display:= flex; align-items: center; grid-area: 1 / 1; justify-self: start; max-widt= h: 100%; min-inline-size: 0px; opacity: 1; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputPlaceholderText { color: graytext; } } .appsElementsRichTextInputPlaceholderTextContent { white-space: nowrap; ove= rflow: hidden; text-overflow: ellipsis; flex-grow: 1; flex-shrink: 1; } .appsElementsRichTextInputHidden { opacity: 0; } .appsElementsRichTextInputFadeOut { opacity: 0; transition-property: opacit= y; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.3,= 0, 1, 1); } .appsElementsRichTextInputFadeIn { opacity: 1; transition-property: opacity= ; transition-duration: 0.2s; transition-delay: 0.2s; transition-timing-func= tion: cubic-bezier(0, 0, 0, 1); } .appsElementsRichTextInputPlaceholderBadge, .appsElementsRichTextInputTabBa= dge { vertical-align: middle; flex-shrink: 0; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputPlaceholderBadge, .appsElementsRichTextInputTab= Badge { --ae-badge-container-color: Canvas; --ae-badge-text-color: CanvasTe= xt; --ae-badge-outline-color: CanvasText; outline: transparent solid 1px; } } .appsElementsRichTextInputTabBadge { --ae-badge-container-color: var(--ws-s= ys-color-extended-grey-tonal,#e3e3e3); --ae-badge-text-color: #5e5e5e; disp= lay: inline-block; margin-inline-start: 4px; } .appsElementsRichTextInputPlaceholderBadge { --ae-badge-container-color: tr= ansparent; --ae-badge-text-color: var(--ws-sys-color-extended-on-grey-outli= ne,#5e5e5e); --ae-badge-outline-color: var(--ws-sys-color-extended-grey-out= line,#e3e3e3); display: inline-flex; align-items: center; margin-inline-sta= rt: 8px; } .appsElementsRichTextInputFileListQuery::before { content: "@"; } .appsElementsRichTextInputFileListQueryPlaceholder::after { color: var(--gm= 3-sys-color-outline,#747775); content: attr(placeholder); pointer-events: n= one; user-select: none; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputFileListQueryPlaceholder::after { color: select= editemtext; } } .appsElementsRichTextInputList { max-block-size: 25vh; } .appsElementsRichTextInputDisabled.appsElementsRichTextInputDisabled { colo= r: var(--ae-richtextinput-input-disabled-color,var(--gm3-sys-color-outline-= variant,#c4c7c5)); pointer-events: none; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputDisabled.appsElementsRichTextInputDisabled { bo= rder-color: graytext; color: graytext; } } .appsElementsRichTextInputDisabled.appsElementsRichTextInputDisabled::befor= e { color: var(--ae-richtextinput-input-disabled-color,var(--gm3-sys-color-= outline-variant,#c4c7c5)); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsRichTextInputDisabled.appsElementsRichTextInputDisabled::bef= ore { color: graytext; } } .appsElementsRichTextInputInputChip { line-height: 1.4em; vertical-align: b= ottom; margin-inline: 0.5px; } .appsElementsRichTextInputFeedChip { line-height: 1.2em; vertical-align: te= xt-bottom; } .appsElementsRichTextInputLinkPreview { --ae-link-preview-inline-size: 272p= x; } .appsElementsRichTextInputLinkPreviewAnchorWrapper { display: inline; } .appsElementsRichTextInputSnackbar.appsElementsRichTextInputSnackbar { --gm= 3-snackbar-supporting-text-font: "Google Sans"; --gm3-snackbar-z-index: 999= 9; } .javascriptMaterialdesignGm3WizChipShared-chip { position: relative; max-wi= dth: 100%; display: inline-flex; align-items: center; height: var(--gm3-chi= p-shared-container-height,32px); isolation: isolate; --QOcx9e: var(--gm3-ch= ip-shared-container-shape-start-start,8px); --vRgHIb: var(--gm3-chip-shared= -container-shape-start-end,8px); --xg9FB: var(--gm3-chip-shared-container-s= hape-end-end,8px); --Pk3PIb: var(--gm3-chip-shared-container-shape-end-star= t,8px); --jF0a9c: var(--gm3-chip-shared-focus-indicator-color,var(--gm3-sys= -color-secondary,#00639b)); --hK0TOb: var(--gm3-chip-shared-focus-indicator= -outline-offset,2px); --SGGi: var(--gm3-chip-shared-focus-indicator-thickne= ss,3px); --vTiv8c: var(--gm3-chip-shared-container-shape-start-start,8px); = --UtHrue: var(--gm3-chip-shared-container-shape-start-end,8px); --uHecC: va= r(--gm3-chip-shared-container-shape-end-end,8px); --C8LWjb: var(--gm3-chip-= shared-container-shape-end-start,8px); } .javascriptMaterialdesignGm3WizChipShared-chip, .javascriptMaterialdesignGm= 3WizChipShared-chip__action--primary::before { border-start-start-radius: v= ar(--gm3-chip-shared-container-shape-start-start,8px); border-start-end-rad= ius: var(--gm3-chip-shared-container-shape-start-end,8px); border-end-end-r= adius: var(--gm3-chip-shared-container-shape-end-end,8px); border-end-start= -radius: var(--gm3-chip-shared-container-shape-end-start,8px); } .javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesig= nGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared= -chip__action--primary:focus-visible { --H6apye: block; } .javascriptMaterialdesignGm3WizChipShared-chip--flat .javascriptMaterialdes= ignGm3WizChipShared-chip__action--primary::before { border-style: solid; } .javascriptMaterialdesignGm3WizChipShared-chip__cell { height: 100%; displa= y: inline-flex; align-items: center; } .javascriptMaterialdesignGm3WizChipShared-chip__cell--primary { overflow-x:= hidden; min-width: 54px; justify-content: center; } .javascriptMaterialdesignGm3WizChipShared-chip__action { height: 100%; disp= lay: inline-flex; align-items: center; background: none; border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; box= -sizing: content-box; cursor: pointer; justify-content: center; outline: no= ne; padding: 0px; text-decoration: none; color: inherit; } .javascriptMaterialdesignGm3WizChipShared-chip__action--presentational { cu= rsor: auto; } .javascriptMaterialdesignGm3WizChipShared-chip--disabled, .javascriptMateri= aldesignGm3WizChipShared-chip__action:is(:disabled, [aria-disabled=3D"true"= ]) { pointer-events: none; } .javascriptMaterialdesignGm3WizChipShared-chip__action--primary { overflow-= x: hidden; } .javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesig= nGm3WizChipShared-chip--with-primary-graphic) .javascriptMaterialdesignGm3W= izChipShared-chip__action--primary { padding-inline-start: var(--gm3-chip-s= hared-leading-space,16px); } .javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesig= nGm3WizChipShared-chip--with-trailing-action) .javascriptMaterialdesignGm3W= izChipShared-chip__action--primary { padding-inline-end: var(--gm3-chip-sha= red-trailing-space,16px); } .javascriptMaterialdesignGm3WizChipShared-chip--with-primary-graphic .javas= criptMaterialdesignGm3WizChipShared-chip__graphic { padding-inline: var(--g= m3-chip-shared-with-leading-icon-leading-space,8px) var(--gm3-chip-shared-w= ith-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizChipShared-chip--with-trailing-action .javas= criptMaterialdesignGm3WizChipShared-chip__action--trailing { padding-inline= : var(--gm3-chip-shared-with-icon-icon-label-space,8px) var(--gm3-chip-shar= ed-with-trailing-icon-trailing-space,8px); } .javascriptMaterialdesignGm3WizChipShared-chip__action--primary::before { b= ox-sizing: border-box; content: ""; height: 100%; left: 0px; position: abso= lute; pointer-events: none; top: 0px; width: 100%; z-index: 1; } .javascriptMaterialdesignGm3WizChipShared-chip__action-touch { position: ab= solute; top: 50%; height: 48px; left: 0px; right: 0px; transform: translate= Y(-50%); } .javascriptMaterialdesignGm3WizChipShared-chip__action-link-wrapper { heigh= t: 100%; display: inline-flex; overflow-x: hidden; } .javascriptMaterialdesignGm3WizChipShared-chip__text-label { white-space: n= owrap; user-select: none; text-overflow: ellipsis; overflow: hidden; font-f= amily: var(--gm3-chip-shared-label-text-font,"Google Sans",Roboto,Arial,san= s-serif); line-height: var(--gm3-chip-shared-label-text-line-height,1.25rem= ); font-size: var(--gm3-chip-shared-label-text-size,.875rem); font-weight: = var(--gm3-chip-shared-label-text-weight,500); letter-spacing: var(--gm3-chi= p-shared-label-text-tracking,0); } .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMateria= ldesignGm3WizChipShared-chip__text-label { color: var(--gm3-chip-shared-dis= abled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.3= 8)); } .javascriptMaterialdesignGm3WizChipShared-chip__graphic { align-items: cent= er; display: inline-flex; justify-content: center; overflow: hidden; pointe= r-events: none; position: relative; flex: 1 0 auto; } .javascriptMaterialdesignGm3WizChipShared-chip__graphic, .javascriptMateria= ldesignGm3WizChipShared-chip__icon--primary.javascriptMaterialdesignGm3WizC= hipShared-chip__icon--primary { height: var(--gm3-chip-shared-with-icon-ico= n-size,18px); width: var(--gm3-chip-shared-with-icon-icon-size,18px); font-= size: var(--gm3-chip-shared-with-icon-icon-size,18px); } @keyframes gm3-chip-enter {=20 0% { transform: scale(0.8); opacity: 0.4; } 100% { transform: scale(1); opacity: 1; } } .javascriptMaterialdesignGm3WizChipShared-chip--enter { animation: 0.1s cub= ic-bezier(0, 0, 0.2, 1) 0s 1 normal none running gm3-chip-enter; } @keyframes gm3-chip-exit {=20 0% { opacity: 1; } 100% { opacity: 0; } } .javascriptMaterialdesignGm3WizChipShared-chip--exit { animation: 75ms cubi= c-bezier(0.4, 0, 1, 1) 0s 1 normal none running gm3-chip-exit; } .javascriptMaterialdesignGm3WizChipShared-chip--hidden { opacity: 0; pointe= r-events: none; transition: width 0.15s cubic-bezier(0.4, 0, 1, 1); } .javascriptMaterialdesignGm3WizChipShared-chip__display-contents { display:= contents; } .javascriptMaterialdesignGm3WizChipShared-chip__graphic, .javascriptMateria= ldesignGm3WizChipShared-chip__icon, .javascriptMaterialdesignGm3WizChipShar= ed-chip__text-label { z-index: 1; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizChipShared-chip--disabled { background-col= or: canvas; } .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMater= ialdesignGm3WizChipShared-chip__icon--primary, .javascriptMaterialdesignGm3= WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip= __text-label { color: graytext; } .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMater= ialdesignGm3WizChipShared-chip__icon--primary:has(svg, img) { opacity: 1; } .javascriptMaterialdesignGm3WizChipShared-chip__action--primary::before {= border-color: canvastext; } .javascriptMaterialdesignGm3WizChipShared-chip__action-link-wrapper .java= scriptMaterialdesignGm3WizChipShared-chip__action--primary::before { border= -color: linktext; } .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMater= ialdesignGm3WizChipShared-chip__action--primary::before { border-color: gra= ytext; } .javascriptMaterialdesignGm3WizChipShared-chip--elevated .javascriptMater= ialdesignGm3WizChipShared-chip__action--primary::before { border-style: sol= id; border-width: 1px; } } .javascriptMaterialdesignGm3WizElevationElevation, .javascriptMaterialdesig= nGm3WizElevationElevation::after, .javascriptMaterialdesignGm3WizElevationE= levation::before, .javascriptMaterialdesignGm3WizElevationElevationOverlay = { border-radius: inherit; inset: 0px; position: absolute; pointer-events: n= one; } .javascriptMaterialdesignGm3WizElevationElevationOverlay { transition: opac= ity 75ms linear; background-color: var(--nnZJCc,transparent); opacity: calc= (clamp(0, var(--yXuigc, 0), .05) + clamp(0, var(--yXuigc, 0) - 1, .03) + cl= amp(0, var(--yXuigc, 0) - 2, .03) + clamp(0, var(--yXuigc, 0) - 3, .01) + c= lamp(0, var(--yXuigc, 0) - 4, .02)); } .javascriptMaterialdesignGm3WizElevationElevation::after, .javascriptMateri= aldesignGm3WizElevationElevation::before { transition: box-shadow 75ms line= ar; content: ""; } .javascriptMaterialdesignGm3WizElevationElevation::before { box-shadow: 0 c= alc(1px*(clamp(0, var(--yXuigc, 0), 1) + clamp(0, var(--yXuigc, 0) - 3, 1) = + clamp(0, var(--yXuigc, 0) - 4, 1)*2)) calc(1px*(2*clamp(0, var(--yXuigc, = 0), 1) + clamp(0, var(--yXuigc, 0) - 2, 1) + clamp(0, var(--yXuigc, 0) - 4,= 1))) 0 var(--Fe5l0b,transparent); opacity: calc(clamp(0, var(--yXuigc, 0),= 1)*.3); } .javascriptMaterialdesignGm3WizElevationElevation::after { box-shadow: 0 ca= lc(1px*(clamp(0, var(--yXuigc, 0), 1) + clamp(0, var(--yXuigc, 0) - 1, 1) += clamp(0, var(--yXuigc, 0) - 2, 3)*2)) calc(1px*(clamp(0, var(--yXuigc, 0),= 2)*3 + clamp(0, var(--yXuigc, 0) - 2, 3)*2)) calc(1px*(clamp(0, var(--yXui= gc, 0), 4) + 2*clamp(0, var(--yXuigc, 0) - 4, 1))) var(--Fe5l0b,transparent= ); opacity: calc(clamp(0, var(--yXuigc, 0), 1)*.15); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizElevationElevation { display: none; } } .javascriptMaterialdesignGm3WizFocusRingOutwardFocusRingOutward { display: = var(--H6apye,none); pointer-events: none; position: absolute; z-index: 1; b= order-start-start-radius: calc(var(--vTiv8c, 0px) + var(--hK0TOb, 2px)); bo= rder-start-end-radius: calc(var(--UtHrue, 0px) + var(--hK0TOb, 2px)); borde= r-end-end-radius: calc(var(--uHecC, 0px) + var(--hK0TOb, 2px)); border-end-= start-radius: calc(var(--C8LWjb, 0px) + var(--hK0TOb, 2px)); inset: calc(va= r(--hK0TOb, 2px)*-1); box-shadow: 0 0 0 var(--SGGi,3px) var(--jF0a9c,var(--= gm3-sys-color-secondary,#00639b)); outline: var(--SGGi,3px) solid transpare= nt; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizFocusRingOutwardFocusRingOutward { outline= -color: canvastext; } } .javascriptMaterialdesignGm3WizFocusRingOutwardFocusRingOutward { animation= -name: gm3-focus-ring-outward-grows, gm3-focus-ring-outward-shrinks; animat= ion-duration: 0.15s, 0.45s; animation-delay: 0s, 0.15s; animation-timing-fu= nction: cubic-bezier(0.2, 0, 0, 1), cubic-bezier(0.2, 0, 0, 1); } @keyframes gm3-focus-ring-outward-grows {=20 0% { box-shadow: 0 0 0 0 var(--jF0a9c,var(--gm3-sys-color-secondary,#0063= 9b)); } 100% { box-shadow: 0 0 0 8px var(--jF0a9c,var(--gm3-sys-color-secondary,#= 00639b)); } } @keyframes gm3-focus-ring-outward-shrinks {=20 0% { box-shadow: 0 0 0 8px var(--jF0a9c,var(--gm3-sys-color-secondary,#00= 639b)); } } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizFocusRingOutwardFocusRingOutward { animati= on: auto ease 0s 1 normal none running none; } } .javascriptMaterialdesignGm3WizFocusRingOutwardDisableAnimations { animatio= n: auto ease 0s 1 normal none running none; } .javascriptMaterialdesignGm3WizRippleRipple { overflow: hidden; outline: no= ne; -webkit-tap-highlight-color: transparent; } .javascriptMaterialdesignGm3WizRippleRipple, .javascriptMaterialdesignGm3Wi= zRippleRipple::after, .javascriptMaterialdesignGm3WizRippleRipple::before {= position: absolute; pointer-events: none; top: 0px; left: 0px; width: 100%= ; height: 100%; border-start-start-radius: var(--QOcx9e,inherit); border-st= art-end-radius: var(--vRgHIb,inherit); border-end-start-radius: var(--Pk3PI= b,inherit); border-end-end-radius: var(--xg9FB,inherit); } .javascriptMaterialdesignGm3WizRippleRipple::after, .javascriptMaterialdesi= gnGm3WizRippleRipple::before { opacity: 0; content: ""; } .javascriptMaterialdesignGm3WizRippleRipple::before { transition: opacity 7= 5ms linear,border-radius var(--YGBguf,0s) linear; background-color: var(--s= badab,transparent); } .javascriptMaterialdesignGm3WizRippleRippleHover::before { opacity: var(--h= SHBee,0); } .javascriptMaterialdesignGm3WizRippleRipple::after { opacity: 0; background= : radial-gradient(closest-side,var(--F1tVH,transparent) max(100% - 70px,65%= ),transparent 100%); transition: opacity .25s linear,border-radius var(--YG= Bguf,0s) linear; transform-origin: center center; } .javascriptMaterialdesignGm3WizRippleRipplePressed::after { transition-dura= tion: 105ms; opacity: var(--kDWEsd,0); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizRippleRipple { display: none; } } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl { --gm3-chip-shared= -leading-space: var(--gm3-chip-input-without-avatar-leading-space,12px); --= gm3-chip-shared-trailing-space: var(--gm3-chip-input-without-avatar-trailin= g-space,12px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMateri= aldesignGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-= without-avatar-with-icon-icon-color,var(--gm3-sys-color-on-surface-variant,= #444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMateria= ldesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipS= hared-chip__icon--primary { color: var(--gm3-chip-input-without-avatar-with= -icon-disabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.38)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesi= gnGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-withou= t-avatar-with-icon-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); = } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesi= gnGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-withou= t-avatar-with-icon-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); = } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:active .javascriptMaterialdes= ignGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-witho= ut-avatar-with-icon-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)= ); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMateria= ldesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipS= hared-chip__icon--primary:has(svg, img) { opacity: var(--gm3-chip-input-wit= hout-avatar-with-icon-disabled-icon-opacity,.38); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__text-label { color: var(--gm3-chip-input-without-avatar-l= abel-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesi= gnGm3WizChipShared-chip__text-label { color: var(--gm3-chip-input-without-a= vatar-hover-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesi= gnGm3WizChipShared-chip__text-label { color: var(--gm3-chip-input-without-a= vatar-focus-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMa= terialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3Wi= zChipShared-chip__action--primary-interactive:active .javascriptMaterialdes= ignGm3WizChipShared-chip__text-label { color: var(--gm3-chip-input-without-= avatar-pressed-label-text-color,var(--gm3-sys-color-on-surface-variant,#444= 746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl { --sbadab: var(-= -gm3-chip-input-without-avatar-hover-state-layer-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --hSHBee: var(--gm3-chip-input-without-avatar= -hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-chip-input-without-ava= tar-pressed-state-layer-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --kDWEsd: var(--gm3-chip-input-without-avatar-pressed-state-layer-opac= ity,0.1); } } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__cell--trailing { flex: 1 0 auto; } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing { position: relative; overflo= w: visible; --hK0TOb: -4.5px; --vTiv8c: 24px; --UtHrue: 24px; --uHecC: 24px= ; --C8LWjb: 24px; } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing-wrapper { height: 100%; } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing:focus-visible { --H6apye: blo= ck; } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__icon--trailing { height: 18px; width: 18px; fo= nt-size: 18px; color: var(--gm3-chip-input-without-avatar-with-trailing-ico= n-trailing-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing:disabled .javascriptMateriald= esignGm3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-wi= thout-avatar-with-trailing-icon-disabled-trailing-icon-color,rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing:hover .javascriptMaterialdesi= gnGm3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-witho= ut-avatar-with-trailing-icon-hover-trailing-icon-color,var(--gm3-sys-color-= on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing:focus .javascriptMaterialdesi= gnGm3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-witho= ut-avatar-with-trailing-icon-focus-trailing-icon-color,var(--gm3-sys-color-= on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing:not(:disabled):active .javasc= riptMaterialdesignGm3WizChipShared-chip__icon--trailing { color: var(--gm3-= chip-input-without-avatar-with-trailing-icon-pressed-trailing-icon-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--trailing .javascriptMaterialdesignGm3W= izChipShared-chip__action-touch { width: 48px; left: 50%; transform: transl= ate(-50%, -50%); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__ripple--trailing { height: var(--gm3-chip-inpu= t-without-avatar-with-trailing-icon-state-layer-height,24px); width: var(--= gm3-chip-input-without-avatar-with-trailing-icon-state-layer-width,24px); b= order-radius: 24px; top: 50%; transform: translateY(-50%); left: auto; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMateri= aldesignGm3WizChipShared-chip__action--trailing:disabled .javascriptMateria= ldesignGm3WizChipShared-chip__icon--trailing { color: graytext; } } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterial= designGm3WizChipShared-chip__action--primary::before { border-width: var(--= gm3-chip-input-without-avatar-outline-width,1px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMateri= aldesignGm3WizChipShared-chip__action--primary::before { border-color: var(= --gm3-chip-input-without-avatar-outline-color,var(--gm3-sys-color-outline,#= 747775)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMateri= aldesignGm3WizChipShared-chip__action--primary-interactive:focus::before { = border-color: var(--gm3-chip-input-without-avatar-focus-outline-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMateria= ldesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipS= hared-chip__action--primary::before { border-color: var(--gm3-chip-input-wi= thout-avatar-disabled-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),.12)); } } .appsElementsPromptBoxRoot { background-color: var(--ae-generativeai-prompt= box-background-color,var(--gm3-sys-color-surface-container-lowest,#fff)); b= order: 1px solid var(--ae-generativeai-promptbox-outline-color,transparent)= ; border-radius: 28px; box-sizing: border-box; display: flex; flex-directio= n: column; padding: var(--ae-generativeai-promptbox-container-content-paddi= ng,12px); position: relative; transition: background-color 0.25s cubic-bezi= er(0.4, 0, 0.2, 1), border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1), paddi= ng 0.25s cubic-bezier(0.4, 0, 0.2, 1); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsPromptBoxRoot { border: 1px solid canvastext; } } .appsElementsPromptBoxRootDisabled .appsElementsPromptBoxToolBarContainer {= pointer-events: none; opacity: 0.38; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsPromptBoxRoot:has(.appsElementsPromptBoxInput[contenteditabl= e=3D"false"]) { border: 1px solid graytext; } } .appsElementsPromptBoxRootWrapped { border-radius: 16px; padding-block-star= t: 8px; } .appsElementsPromptBoxRootWrapped .appsElementsPromptBoxRichTextInput { gri= d-column: span 2; } .appsElementsPromptBoxGridContainer { align-items: center; display: grid; g= rid-template: "toolbar input submit" / auto 1fr auto; column-gap: 8px; posi= tion: relative; } .appsElementsPromptBoxNoToolbarColumn .appsElementsPromptBoxGridContainer {= grid-template: "input submit" / 1fr auto; margin-left: 4px; } .appsElementsPromptBoxRootWrapped .appsElementsPromptBoxGridContainer { ali= gn-items: stretch; grid-template: "input input" "preview preview" "toolbar = submit" / 1fr auto; } .appsElementsPromptBoxImageReferencePreviewContainer { grid-area: preview; = padding-block-end: 8px; } .appsElementsPromptBoxImageReferencePreviewContainer:empty { display: none;= } .appsElementsPromptBoxToolBarContainer { align-items: center; display: flex= ; grid-area: toolbar; gap: 8px; } .appsElementsPromptBoxToolBarContainer:empty { display: none; } .appsElementsPromptBoxToolBarContainer span[data-is-tooltip-wrapper=3D"true= "] { display: flex; } .appsElementsPromptBoxToolBarContainerWithPromptOptionsMenu { gap: 4px; } .appsElementsPromptBoxInputContainer { grid-area: input; min-inline-size: 0= px; padding-block-end: 0px; transition: padding-block-end 0.25s cubic-bezie= r(0.4, 0, 0.2, 1); will-change: padding-block-end; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsPromptBoxInputContainer.appsElementsPromptBoxInputContainer = { border: 1px solid transparent; forced-color-adjust: none; } } .appsElementsPromptBoxRichTextInput { min-inline-size: 0px; } .appsElementsPromptBoxRootWrapped .appsElementsPromptBoxInputContainer { pa= dding-block-end: 8px; } .appsElementsPromptBoxInput { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0px; line-heig= ht: 1.5rem; --ae-richtextinput-input-disabled-color: var(--ae-generativeai-= promptbox-input-disabled-text-color,var(--gm3-sys-color-outline-variant,#c4= c7c5)); --ae-richtextinput-placeholder-color: var(--ae-generativeai-promptb= ox-placeholder-text-color,var(--gm3-sys-color-on-surface-variant,#444746));= --ae-richtextinput-focus-placeholder-color: var(--ae-generativeai-promptbo= x-focus-placeholder-text-color,var(--gm3-sys-color-outline,#747775)); --ae-= richtextinput-focus-rotating-placeholder-color: var(--ae-generativeai-promp= tbox-focus-rotating-placeholder-text-color,var(--gm3-sys-color-outline,#747= 775)); caret-color: var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-= sys-color-on-surface,#1f1f1f); overflow: hidden auto; padding: var(--ae-gen= erativeai-promptbox-input-padding,4px); } .appsElementsPromptBoxInput[style*=3D"--ae-generativeai-promptbox-max-lines= "] { max-block-size: calc(1.5em*var(--ae-generativeai-promptbox-max-lines, = 0) + 8px); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsPromptBoxInput.appsElementsPromptBoxInput { caret-color: aut= o; color: canvastext; } } .appsElementsPromptBoxRightSideContainer { align-items: center; display: fl= ex; grid-area: submit; justify-content: flex-end; } .appsElementsPromptBoxRightSideContainer span[data-is-tooltip-wrapper=3D"tr= ue"] { display: flex; } .appsElementsPromptBoxRightSideContainerWithGap { gap: 8px; } .appsElementsPromptBoxLeadingIconContainer { height: 32px; margin-left: 8px= ; width: 20px; } .appsElementsPromptBoxLeadingIcon { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); padding-top: 6px; } .appsElementsPromptBoxSubmitIcon { --gm3-icon-button-filled-tonal-container= -color: color-mix(in srgb,var(--ae-generativeai-promptbox-submit-button-col= or,var(--gm3-sys-color-secondary-container,#c2e7ff)),transparent calc((1 - = var(--ae-generativeai-promptbox-submit-button-opacity, 1))*100%)); --gm3-ic= on-button-filled-tonal-container-height: 32px; --gm3-icon-button-filled-ton= al-container-width: 32px; --gm3-icon-button-filled-tonal-icon-size: 20px; -= -gm3-icon-button-filled-container-height: 32px; --gm3-icon-button-filled-co= ntainer-width: 32px; --gm3-icon-button-filled-icon-size: 20px; } .appsElementsPromptBoxSubmitButton { --gm3-button-filled-tonal-container-co= lor: var(--ae-generativeai-promptbox-submit-button-color,var(--gm3-sys-colo= r-secondary-container,#c2e7ff)); --gm3-button-filled-tonal-container-height= : 32px; --gm3-button-filled-tonal-hover-label-text-color: var(--ae-generati= veai-promptbox-submit-button-hover-label-text-color,var(--gm3-sys-color-on-= secondary-container,#004a77)); --gm3-button-filled-tonal-label-text-color: = var(--ae-generativeai-promptbox-submit-button-label-text-color,var(--gm3-sy= s-color-on-secondary-container,#004a77)); --gm3-button-filled-tonal-label-t= ext-size: 0.875rem; --gm3-button-filled-tonal-with-icon-hover-icon-color: v= ar(--ae-generativeai-promptbox-submit-button-icon-color,var(--gm3-sys-color= -on-secondary-container,#004a77)); --gm3-button-filled-tonal-with-icon-icon= -color: var(--ae-generativeai-promptbox-submit-button-icon-color,var(--gm3-= sys-color-on-secondary-container,#004a77)); --gm3-button-filled-container-h= eight: 32px; padding: 10px 16px; } .appsElementsPromptBoxTrailingIconButtonsContainer { align-items: center; d= isplay: flex; gap: var(--ae-generativeai-promptbox-trailing-icon-container-= gap,8px); height: 32px; } .appsElementsPromptBoxTrailingIconButton { --gm3-icon-button-standard-conta= iner-height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-= icon-button-standard-icon-size: 20px; } .appsElementsPromptBoxPrimaryActionButton { --gm3-button-text-container-hei= ght: 32px; --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-button-text-hover-state-layer-color: rgba(= var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),0.1); --gm3-button-tex= t-hover-state-layer-opacity: 1; --gm3-button-text-label-text-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-button-text-label-text-font= : "Google Sans"; --gm3-button-text-label-text-size: 0.875rem; --gm3-button-= text-label-text-tracking: 0rem; --gm3-button-text-label-text-weight: 500; -= -gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-label-spa= ce: 8px; --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-text-wit= h-leading-icon-leading-space: 12px; --gm3-button-text-with-leading-icon-tra= iling-space: 12px; } .appsElementsPromptBoxSecondaryActionButton { --gm3-icon-button-standard-co= ntainer-height: 32px; --gm3-icon-button-standard-container-width: 32px; --g= m3-icon-button-standard-icon-size: 18px; --gm3-icon-button-standard-unselec= ted-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-icon-button-standard-unselected-hover-state-layer-color: rgba(var(--gm3-s= ys-color-on-surface-variant-rgb,68,71,70),0.1); --gm3-icon-button-standard-= unselected-hover-state-layer-opacity: 1; --gm3-icon-button-standard-unselec= ted-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsPromptBoxMoreOptionsMenu { --gm3-list-container-shape: 8px; --= gm3-list-list-item-content-gap: 12px; --gm3-list-list-item-focus-label-text= -color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-it= em-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --gm3-list-list-item-label-text-font: "Google Sans"; --gm3-li= st-list-item-label-text-line-height: 1.25rem; --gm3-list-list-item-label-te= xt-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-li= st-list-item-label-text-weight: 500; --gm3-list-list-item-leading-icon-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-le= ading-space: 16px; --gm3-list-list-item-selected-focus-label-text-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-selecte= d-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-list-list-item-selected-label-text-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-list-list-item-trailing-space: 16px; --gm3-list= -list-item-control-selected-focus-label-text-color: var(--gm3-sys-color-on-= surface-variant,#444746); --gm3-list-list-item-control-selected-hover-label= -text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-li= st-item-control-selected-label-text-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-list-list-item-control-selected-label-text-weight: 5= 00; --gm3-list-list-item-control-selected-leading-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-menu-container-color: var(--gm3-s= ys-color-surface,#fff); --gm3-menu-container-elevation: 2; --gm3-menu-conta= iner-shape: 8px; --gm3-menu-list-item-container-height: 40px; --gm3-menu-li= st-item-content-gap: 12px; --gm3-menu-list-item-focus-label-text-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-hover-la= bel-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu= -list-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-menu-list-item-label-text-font: "Google Sans Flex","Google Sans",R= oboto,Arial,sans-serif; --gm3-menu-list-item-label-text-line-height: 1.25re= m; --gm3-menu-list-item-label-text-size: 0.875rem; --gm3-menu-list-item-lab= el-text-tracking: 0rem; --gm3-menu-list-item-label-text-weight: 500; --gm3-= menu-list-item-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-menu-list-item-leading-space: 16px; --gm3-menu-list-item-pre= ssed-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-menu-list-item-selected-focus-label-text-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-list-item-selected-hover-label-text-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-s= elected-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-menu-list-item-trailing-space: 16px; --gm3-menu-list-item-with-leadin= g-icon-leading-icon-size: 20px; --gm3-menu-list-padding: 8px 0; --gm3-menu-= list-item-control-selected-focus-label-text-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-list-item-control-selected-hover-label-= text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-lis= t-item-control-selected-label-text-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-menu-list-item-control-selected-label-text-weight: 50= 0; --gm3-menu-list-item-control-selected-leading-icon-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-menu-active-container-shape: 8px; = } .appsElementsPromptBoxDropZone { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; li= ne-height: 1.25rem; align-items: center; backdrop-filter: blur(8px); backgr= ound-color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff),transpar= ent 15%); block-size: 100%; border-radius: 16px; border: 1px dashed var(--g= m3-sys-color-primary-container,#d3e3fd); box-sizing: border-box; color: var= (--gm3-sys-color-primary,#0b57d0); display: flex; flex-direction: column; g= ap: 8px; inline-size: 100%; inset: 0px; justify-content: center; position: = absolute; z-index: 2; } .appsElementsPromptBoxDropZoneIcon { color: var(--gm3-sys-color-primary,#0b= 57d0); } .appsElementsPromptBoxContextChip { background-color: var(--gm3-sys-color-p= rimary-container,#d3e3fd); box-sizing: border-box; --gm3-chip-shared-contai= ner-shape-start-start: 16px; --gm3-chip-shared-container-shape-start-end: 1= 6px; --gm3-chip-shared-container-shape-end-end: 16px; --gm3-chip-shared-con= tainer-shape-end-start: 16px; --gm3-chip-input-without-avatar-outline-color= : transparent; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsPromptBoxContextChip { --gm3-chip-input-without-avatar-outli= ne-color: var(--gm3-sys-color-on-primary-container,#0842a0); } } .appsElementsPromptBoxContextChipContainer { align-self: flex-start; margin= -block-end: 12px; max-width: 100%; } .appsElementsPromptBoxChipSetContainer { min-width: 0px; max-width: 100%; } .appsElementsPromptBoxContextChipTooltip { display: block; } .appsElementsPromptBoxFeedbackMenuContainer { position: absolute; inset-blo= ck-start: 0px; inset-inline-end: 12px; z-index: 2; } .quotaUpsellMessageLearnMoreLink { text-decoration: underline; } .quotaUpsellMessageDescription { color: var(--gm3-sys-color-on-surface-vari= ant,#444746); margin-left: 8px; text-align: left; text-wrap: wrap; width: 1= 00%; } .quotaUpsellMessageIcon { height: 20px; width: 20px; } .quotaUpsellMessageIconPromotional { color: var(--gm3-sys-color-tertiary,#1= 46c2e); } .quotaUpsellMessageIconInformational { color: var(--gm3-sys-color-primary,#= 0b57d0); } .kix-documentmetrics-widget { background-color: var(--gm3-sys-color-surface= ,#fff); border: 1px solid transparent; border-radius: 4px; bottom: 0px; dir= ection: ltr; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 0.875rem; font-weight: 400; left: 0px; margin: = 16px; box-shadow: 0 2px 6px 2px color-mix(in sRGB,var(--gm3-sys-color-shado= w,#000) 15%,transparent); overflow: hidden; position: absolute; z-index: 50= 0; } .kix-documentmetrics-widget.docs-material-gm-select { height: auto; width: = auto; } .kix-documentmetrics-widget.docs-material-gm-select .docs-material-gm-selec= t-outer-box { border: 0px solid transparent; display: block; padding: 12px = 10px 12px 14px; } .kix-documentmetrics-widget .docs-material-gm-select-inner-box { min-width:= 170px; width: auto; } .kix-documentmetrics-widget .docs-material-gm-select-caption { font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; min-width: 138px; margin-right: 8px; } .kix-documentmetrics-widget-menu.goog-menu { font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-= weight: 400; } .kix-documentmetrics-widget-menu.goog-menu.docs-menu-attached-button-below = { border-bottom-left-radius: 4px; } .kix-documentmetrics-widget-number { font-weight: 700; } .kix-documentmetrics-widget-limittext { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 0.875rem; max-width: 220px; } .kix-documentmetrics-widget-limitbutton.jfk-button { cursor: pointer; float= : right; border-radius: 4px; box-shadow: none; box-sizing: border-box; font= -family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-weight: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.0062= 5rem; line-height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-= color-surface,#fff); color: var(--gm3-sys-color-primary,#0b57d0); border: 1= px solid transparent !important; } .kix-documentmetrics-widget-limitbutton.jfk-button-hover { border-radius: 4= px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-si= ze: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; = padding: 9px 24px 11px; background: linear-gradient(rgba(var(--gm3-sys-colo= r-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-prima= ry-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3e= 3fd); color: var(--gm3-sys-color-primary,#0b57d0); border: 1px solid transp= arent !important; } .kix-documentmetrics-widget-limitbutton.jfk-button-focused { border-radius:= 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-= size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem= ; padding: 9px 24px 11px; background: linear-gradient(rgba(var(--gm3-sys-co= lor-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-prim= ary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e= 3fd); color: var(--gm3-sys-color-primary,#0b57d0); border: 1px solid transp= arent !important; } .kix-documentmetrics-widget-limitbutton.jfk-button-focused.jfk-button-hover= { border-radius: 4px; box-shadow: none; box-sizing: border-box; font-famil= y: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-w= eight: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; = line-height: 1rem; padding: 9px 24px 11px; background: linear-gradient(rgba= (var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-= sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-prima= ry-container,#d3e3fd); color: var(--gm3-sys-color-primary,#0b57d0); border:= 1px solid transparent !important; } .kix-documentmetrics-widget-limitbutton.jfk-button-active, .kix-documentmet= rics-widget-limitbutton.jfk-button-hover.jfk-button-active { border-radius:= 4px; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; he= ight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24p= x 11px; background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-con= tainer-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,= 8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); color: var(-= -gm3-sys-color-primary,#0b57d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3-s= ys-color-shadow-rgb,0,0,0),.15); border: 1px solid transparent !important; = } .kix-documentmetrics-widget-limitbutton.jfk-button-disabled { cursor: defau= lt; border-radius: 4px; box-shadow: none; box-sizing: border-box; font-fami= ly: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= weight: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem;= line-height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color= -surface,#fff); color: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.= 38; border: 1px solid transparent !important; } #docs-equationtoolbar { background: var(--gm3-sys-color-surface-container,#= f0f4f9); border-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5)= ; border-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); pa= dding: 0px 44px; } #edit-equation-with-latex-button, #insert-equation-button { margin: 3px 0px= ; font-size: 0.875rem; } @media screen and (forced-colors: active) { #edit-equation-with-latex-button { background-color: highlight; } } .kix-equation-toolbar-icon { background-image: url("//ssl.gstatic.com/docs/= common/ee-palettes-2.gif"); width: 28px; height: 18px; } .docsDarkMode .kix-equation-toolbar-icon { background-color: var(--gm3-sys-= color-on-surface,#1f1f1f); background-image: unset; mask-image: url("//ssl.= gstatic.com/docs/common/ee-palettes-2.gif"); } .kix-equation-toolbar-palette-icon { background-image: url("//ssl.gstatic.c= om/docs/common/ee-palettes-2.gif"); } .docsDarkMode .kix-equation-toolbar-palette-icon { background-color: var(--= gm3-sys-color-on-surface,#1f1f1f); background-image: unset; mask-image: url= ("//ssl.gstatic.com/docs/common/ee-palettes-2.gif"); } @media screen and (forced-colors: active) { .docsDarkMode .kix-equation-toolbar-icon, .docsDarkMode .kix-equation-too= lbar-palette-icon { background-color: buttontext; } } .kix-equation-toolbar-palette .goog-palette-cell, .kix-equation-toolbar-pal= ette .goog-palette-table { border: 0px; } .kix-equation-toolbar-palette-item { border: 1px solid var(--gm3-sys-color-= surface,#fff); } .goog-palette-cell-hover .kix-equation-toolbar-palette-item { border-color:= var(--gm3-sys-color-outline,#747775); box-shadow: 0 1px 2px color-mix(in s= RGB,var(--gm3-sys-color-shadow,#000) 10%,transparent); } .kix-equation-toolbar-icon-character { background-position: -4px 0px; mask-= position: -4px 0px; } .kix-equation-toolbar-icon-misc { background-position: -50px 0px; mask-posi= tion: -50px 0px; } .kix-equation-toolbar-icon-relation { background-position: -96px 0px; mask-= position: -96px 0px; } .kix-equation-toolbar-icon-integral { background-position: -142px 0px; mask= -position: -142px 0px; } .kix-equation-toolbar-icon-arrow { background-position: -188px 0px; mask-po= sition: -188px 0px; } .kix-equation-highlight { border: 1px solid var(--gm3-sys-color-inverse-pri= mary,#a8c7fa); } #docs-equationtoolbar .goog-toolbar-menu-button { height: 27px; margin-bott= om: 1px; margin-top: 0px; } #docs-equationtoolbar .goog-toolbar-menu-button-inner-box { padding-top: 2p= x; } .kix-icon-accessible-img::before { content: url("//ssl.gstatic.com/docs/doc= uments/images/icons-25.png"); } .kix-icon-accessible-img { background: url("//ssl.gstatic.com/docs/document= s/images/icons-25.png") no-repeat; } .kix-icon-close-comment-sprite { left: -48px; } .kix-icon-close-comment { position: absolute; right: 0px; top: 0px; cursor:= pointer; } .kix-noteview-highlighted .kix-icon-close-comment-sprite { left: -32px; } .kix-icon-delete-note-sprite { left: -16px; } .kix-icon-delete-note { position: absolute; top: 0px; cursor: pointer; } .kix-noteview-highlighted .kix-icon-delete-note-sprite { left: 0px; } .kix-icon-reply-comment-sprite { left: -80px; } .kix-icon-reply-comment { position: absolute; right: 32px; top: 0px; cursor= : pointer; } .kix-noteview-highlighted .kix-icon-reply-comment-sprite { left: -64px; } .kix-rotatingtilemanager { overflow: hidden; position: absolute; } .kix-rotatingtilemanager-content { position: absolute; z-index: 22; } .kix-canvas-tile-content { position: absolute; pointer-events: none; } .kix-commentcontainer .kix-canvas-tile-content { position: static; display:= block; } .kix-canvas-tile-selection { opacity: 0; } #kix-splash-screen { background-color: var(--gm3-sys-color-surface-containe= r-low,#f8fafd); height: 50000px; left: 0px; outline: none; overflow: hidden= ; position: absolute; top: 0px; width: 100%; z-index: 101; } .kix-splash-screen-page { margin: 0px; pointer-events: none; position: rela= tive; user-select: none; } .kix-splash-screen-scrollbar-measurer { height: 100px; width: 100px; left: = -500px; overflow: scroll; position: absolute; top: -500px; white-space: now= rap; z-index: -500; } @page { size: 8.5in 11in; margin: 0px; visibility: hidden; } @page landscape { page-orientation: rotate-right; } @media print { .docs-page { break-after: page; } .docs-page-portrait { left: 0px !important; } .docs-page-landscape { transform: rotate(0deg) !important; } .docs-page-landscape.enable-chrome-orientation-print { page: landscape; } } @media print { body { print-color-adjust: exact; overflow: visible !important; direction= : ltr !important; } body > * { display: none !important; } #docs-editor-container, .docs-print-container { display: block !important= ; } #docs-editor { width: 100% !important; } .docs-bubble, .goog-menu { display: none !important; } .docs-print-block { display: block !important; } } .kix-scrollareadocumentplugin { display: flex; justify-content: center; pad= ding-bottom: 68px; position: absolute; } .kix-scrollareadocumentplugin-barkickpaddingemptycanvas { padding-bottom: 1= 40px; } .kix-scrollareadocumentplugin-barkickpadding { padding-bottom: 100px; } .kix-scrollbararea { height: 0px; position: fixed; right: 20px; width: 100%= ; z-index: 598; } .peopleKitStyleGm3 { --pkw-background: var(--gm3-sys-color-background,#fff)= ; --pkw-outline: var(--gm3-sys-color-outline,#747775); --pkw-outline-varian= t: var(--gm3-sys-color-outline-variant,#c4c7c5); --pkw-scrim: rgba(0,0,0,.3= 2); --pkw-primary: var(--gm3-sys-color-primary,#0b57d0); --pkw-on-primary: = var(--gm3-sys-color-on-primary,#fff); --pkw-secondary-container: var(--gm3-= sys-color-secondary-container,#c2e7ff); --pkw-on-secondary-container: var(-= -gm3-sys-color-on-secondary-container,#001d35); --pkw-error: var(--gm3-sys-= color-error,#b3261e); --pkw-on-error: var(--gm3-sys-color-on-error,#fff); -= -pkw-error-container: var(--gm3-sys-color-error-container,#f9dedc); --pkw-e= rror-container-low: #ffedea; --pkw-on-error-container: var(--gm3-sys-color-= on-error-container,#410e0b); --pkw-caution: #7d5800; --pkw-caution-containe= r: #ffdea9; --pkw-caution-container-low: #ffefd4; --pkw-on-caution-containe= r: #271900; --pkw-on-surface: var(--gm3-sys-color-on-surface,#1f1f1f); --pk= w-on-surface-variant: var(--gm3-sys-color-on-surface-variant,#444746); --pk= w-surface-container: var(--gm3-sys-color-surface-container,#f0f4f9); --pkw-= surface-container-high: var(--gm3-sys-color-surface-container-high,#e9eef6)= ; --pkw-inverse-surface: var(--gm3-sys-color-inverse-surface,#303030); --pk= w-inverse-on-surface: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); } .peoplekitThemeDark .peopleKitStyleGm3 { --pkw-background: var(--gm3-sys-co= lor-background,#fff); --pkw-outline: var(--gm3-sys-color-outline,#747775); = --pkw-outline-variant: var(--gm3-sys-color-outline-variant,#c4c7c5); --pkw-= scrim: rgba(0,0,0,.32); --pkw-primary: var(--gm3-sys-color-primary,#0b57d0)= ; --pkw-on-primary: var(--gm3-sys-color-on-primary,#fff); --pkw-secondary-c= ontainer: var(--gm3-sys-color-secondary-container,#c2e7ff); --pkw-on-second= ary-container: var(--gm3-sys-color-on-secondary-container,#001d35); --pkw-e= rror: var(--gm3-sys-color-error,#b3261e); --pkw-on-error: var(--gm3-sys-col= or-on-error,#fff); --pkw-error-container: var(--gm3-sys-color-error-contain= er,#f9dedc); --pkw-error-container-low: #410001; --pkw-on-error-container: = var(--gm3-sys-color-on-error-container,#410e0b); --pkw-caution: #ffba28; --= pkw-caution-container: #5e4100; --pkw-caution-container-low: #503700; --pkw= -on-caution-container: #ffdea9; --pkw-on-surface: var(--gm3-sys-color-on-su= rface,#1f1f1f); --pkw-on-surface-variant: var(--gm3-sys-color-on-surface-va= riant,#444746); --pkw-surface-container: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); --pkw-surface-container-high: var(--gm3-sys-color-surface-con= tainer-high,#e9eef6); --pkw-inverse-surface: var(--gm3-sys-color-inverse-su= rface,#303030); --pkw-inverse-on-surface: var(--gm3-sys-color-inverse-on-su= rface,#f2f2f2); } .peoplekitThemeDark .peopleKitStyleGm3 { --gm3-sys-color-background: #13131= 4; --gm3-sys-color-background-rgb: 19,19,20; --gm3-sys-color-error: #f2b8b5= ; --gm3-sys-color-error-rgb: 242,184,181; --gm3-sys-color-error-container: = #8c1d18; --gm3-sys-color-error-container-rgb: 140,29,24; --gm3-sys-color-in= verse-on-surface: #303030; --gm3-sys-color-inverse-on-surface-rgb: 48,48,48= ; --gm3-sys-color-inverse-surface: #e3e3e3; --gm3-sys-color-inverse-surface= -rgb: 227,227,227; --gm3-sys-color-on-error: #601410; --gm3-sys-color-on-er= ror-rgb: 96,20,16; --gm3-sys-color-on-error-container: #f9dedc; --gm3-sys-c= olor-on-error-container-rgb: 249,222,220; --gm3-sys-color-on-primary: #062e= 6f; --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-color-on-secondary-= container: #c2e7ff; --gm3-sys-color-on-secondary-container-rgb: 194,231,255= ; --gm3-sys-color-on-surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227,= 227,227; --gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-sys-color-on-su= rface-variant-rgb: 196,199,197; --gm3-sys-color-outline: #8e918f; --gm3-sys= -color-outline-rgb: 142,145,143; --gm3-sys-color-outline-variant: #444746; = --gm3-sys-color-outline-variant-rgb: 68,71,70; --gm3-sys-color-primary: #a8= c7fa; --gm3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color-secondary-c= ontainer: #004a77; --gm3-sys-color-secondary-container-rgb: 0,74,119; --gm3= -sys-color-surface-container: #1e1f20; --gm3-sys-color-surface-container-rg= b: 30,31,32; --gm3-sys-color-surface-container-high: #282a2c; --gm3-sys-col= or-surface-container-high-rgb: 40,42,44; } .peoplekitComponentsAvatarImplAvatarContainer { position: relative; } .peoplekitComponentsAvatarImplAvatar { border-radius: 50%; outline: transpa= rent solid 1px; overflow: hidden; } .peoplekitComponentsAvatarImplBadgeIconImage { margin: auto; display: block= ; height: 100%; width: 100%; } .peoplekitComponentsAvatarImplAvatarBadge { position: absolute; bottom: 0px= ; right: 0px; display: none; height: 30%; width: 30%; min-height: 30%; min-= width: 30%; object-fit: cover; overflow: hidden; } .peoplekitComponentsAvatarImplAvatarBadge.visible { display: inline; } .isSelected .peoplekitComponentsAvatarImplAvatarBadge { display: none; } .peoplekitComponentsAvatarImplContainer { display: flex; flex-direction: ro= w; height: inherit; width: inherit; } .peoplekitComponentsAvatarImplColumn { display: flex; flex-direction: colum= n; flex: 1 1 0%; overflow: hidden; height: inherit; align-items: stretch; } .peoplekitComponentsAvatarImplRow { display: flex; flex: 1 1 0%; overflow: = hidden; } .peoplekitComponentsAvatarImplDivider { margin: 1px; } .peoplekitComponentsAvatarImplImageRoot { display: flex; flex-direction: co= lumn; flex: 1 1 auto; place-items: center; transition: background 50ms ease= -in-out; } .peoplekitComponentsAvatarImplImageRoot.isLoading { background-clip: paddin= g-box; background-color: var(--pkw-on-surface-variant,#bdc1c6); } .peoplekitComponentsAvatarImplDefaultAvatarImage { display: none; } .isNotLoaded .peoplekitComponentsAvatarImplDefaultAvatarImage { display: bl= ock; fill: var(--pkw-on-surface-variant,#5f6368); } .peoplekitThemeDark .isNotLoaded .peoplekitComponentsAvatarImplDefaultAvata= rImage { fill: var(--pkw-on-surface-variant,#9aa0a6); } .peoplekitComponentsAvatarImplImage { opacity: 1; display: block; transitio= n: opacity 50ms ease-in-out; } .isLoading .peoplekitComponentsAvatarImplImage { opacity: 0; } .isNotLoaded .peoplekitComponentsAvatarImplImage { display: none; } .peoplekitComponentsChipChip { background: var(--pkw-background,#fff); bord= er-radius: 50vh; box-shadow: 0 0 0 1px var(--pkw-outline,#dadce0) inset; co= lor: var(--pkw-on-surface-variant,#5f6368); cursor: pointer; display: inlin= e-block; flex-direction: column; justify-content: center; margin: 4px; min-= width: 1px; outline: transparent solid 1px; user-select: none; } .peoplekitComponentsChipChip:hover { background: var(--pkw-background,#f8f9= fa); color: var(--pkw-on-surface-variant,#202124); } .peoplekitComponentsChipChip.isActive { background: var(--pkw-secondary-con= tainer,#e8f0fe); box-shadow: none; color: var(--pkw-on-secondary-container,= #1967d2); outline-width: 2px; } .peoplekitComponentsChipChip.isActive:hover { background: var(--pkw-seconda= ry-container,#d2e3fc); color: var(--pkw-on-secondary-container,#174ea6); } .peoplekitComponentsChipChip.isSpotlit { box-shadow: 0 0 0 2px var(--pkw-pr= imary,#669df6) inset; outline-width: 3px; } .peoplekitComponentsChipChip.isWarning { background: var(--pkw-caution-cont= ainer-low,#fef7e0); box-shadow: 0 0 0 1px var(--pkw-caution,#fbbc04) inset;= color: var(--pkw-caution,#5f6368); } .peoplekitComponentsChipChip.isWarning.isActive { background: var(--pkw-cau= tion-container,#fdd663); color: var(--pkw-on-caution-container,#3c4043); bo= x-shadow: none; } .peoplekitComponentsChipChip.isWarning.isActive:hover { background: var(--p= kw-caution-container,#fcc934); color: var(--pkw-on-caution-container,#20212= 4); } .peoplekitComponentsChipChip.isWarning.isSpotlit { box-shadow: 0 0 0 2px va= r(--pkw-on-caution-container,#202124) inset; } .peoplekitComponentsChipChip.isWarning:hover { background: var(--pkw-cautio= n-container,#feefc3); color: var(--pkw-caution,#202124); } .peoplekitComponentsChipChip.isError { background: var(--pkw-error-containe= r-low,#fff); box-shadow: 0 0 0 1px var(--pkw-error,#ea4335) inset; color: v= ar(--pkw-error,#c5221f); } .peoplekitComponentsChipChip.isError.isActive { background: var(--pkw-error= -container,rgba(217,48,37,.2)); color: var(--pkw-on-error-container,#a50e0e= ); box-shadow: none; } .peoplekitComponentsChipChip.isError.isActive:hover { background: var(--pkw= -error-container,rgba(217,48,37,.24)); color: var(--pkw-on-error-container,= #a50e0e); } .peoplekitComponentsChipChip.isError.isSpotlit { box-shadow: 0 0 0 2px var(= --pkw-on-error-container,#a50e0e) inset; } .peoplekitComponentsChipChip.isError:hover { background: var(--pkw-error-co= ntainer,#fad2cf); color: var(--pkw-error,#a50e0e); } .peoplekitComponentsChipChip.isDragged.isActive, .peoplekitComponentsChipCh= ip.isDragged.isError, .peoplekitComponentsChipChip.isDragged.isSpotlit, .pe= oplekitComponentsChipChip.isDragged.isWarning { border-width: 0px; box-shad= ow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6= px 2px; } .peoplekitComponentsChipChip.isDragged.isActive .mdc-elevation-overlay, .pe= oplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay, .people= kitComponentsChipChip.isDragged.isSpotlit .mdc-elevation-overlay, .peopleki= tComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay { opacity: 0= ; } .peoplekitComponentsChipChip.isDragged { border-width: 0px; box-shadow: rgb= a(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;= } .peoplekitComponentsChipChip.isDragged .mdc-elevation-overlay { opacity: 0;= } .peoplekitComponentsChipChip.isDragged.peopleKitStyleGm3 { box-shadow: rgba= (0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px; } .peoplekitComponentsChipChip.isDisabled, .peoplekitComponentsChipChip.isDis= abled:hover { cursor: default; opacity: 0.5; } .peoplekitComponentsChipChip.isDeletionDisabled .peoplekitComponentsChipDel= eteButton { display: none; } .peoplekitThemeDark .peoplekitComponentsChipChip { background: var(--pkw-ba= ckground,linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,237,.08)),= #202124); border-radius: 50vh; box-shadow: 0 0 0 1px var(--pkw-outline,#5f6= 368) inset; color: var(--pkw-on-surface-variant,#9aa0a6); cursor: pointer; = display: inline-block; flex-direction: column; justify-content: center; mar= gin: 4px; min-width: 1px; outline: transparent solid 1px; user-select: none= ; } .peoplekitThemeDark .peoplekitComponentsChipChip:hover { background: var(--= pkw-background,linear-gradient(0deg,rgba(232,234,237,.04),rgba(232,234,237,= .04)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,237,.08)),#20= 2124); color: var(--pkw-on-surface-variant,#e8eaed); } .peoplekitThemeDark .peoplekitComponentsChipChip.isActive { background: var= (--pkw-secondary-container,linear-gradient(0deg,rgba(138,180,248,.24),rgba(= 138,180,248,.24)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,2= 37,.08)),#202124); box-shadow: none; color: var(--pkw-on-secondary-containe= r,#d2e3fc); outline-width: 2px; } .peoplekitThemeDark .peoplekitComponentsChipChip.isActive:hover { backgroun= d: var(--pkw-secondary-container,linear-gradient(0deg,rgba(138,180,248,.32)= ,rgba(138,180,248,.32)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232= ,234,237,.08)),#202124); color: var(--pkw-on-secondary-container,#fff); } .peoplekitThemeDark .peoplekitComponentsChipChip.isSpotlit { box-shadow: 0 = 0 0 2px var(--pkw-primary,#aecbfa) inset; outline-width: 3px; } .peoplekitThemeDark .peoplekitComponentsChipChip.isWarning { background: va= r(--pkw-caution-container-low,linear-gradient(0deg,rgba(232,234,237,.08),rg= ba(232,234,237,.08)),#202124); box-shadow: 0 0 0 1px var(--pkw-caution,#fdd= 663) inset; color: var(--pkw-caution,#fdd663); } .peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isActive { backg= round: var(--pkw-caution-container,linear-gradient(0deg,rgba(253,214,99,.24= ),rgba(253,214,99,.24)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232= ,234,237,.08)),#202124); color: var(--pkw-on-caution-container,#feefc3); bo= x-shadow: none; } .peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isActive:hover {= background: var(--pkw-caution-container,linear-gradient(0deg,rgba(253,214,= 99,.36),rgba(253,214,99,.36)),linear-gradient(0deg,rgba(232,234,237,.08),rg= ba(232,234,237,.08)),#202124); color: var(--pkw-on-caution-container,#fff);= } .peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isSpotlit { box-= shadow: 0 0 0 2px var(--pkw-on-caution-container,#e8eaed) inset; } .peoplekitThemeDark .peoplekitComponentsChipChip.isWarning:hover { backgrou= nd: var(--pkw-caution-container,linear-gradient(0deg,rgba(253,214,99,.04),r= gba(253,214,99,.04)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,23= 4,237,.08)),#202124); color: var(--pkw-caution,#feefc3); } .peoplekitThemeDark .peoplekitComponentsChipChip.isError { background: var(= --pkw-error-container-low,linear-gradient(0deg,rgba(232,234,237,.08),rgba(2= 32,234,237,.08)),#202124); box-shadow: 0 0 0 1px var(--pkw-error,#f28b82) i= nset; color: var(--pkw-error,#f28b82); } .peoplekitThemeDark .peoplekitComponentsChipChip.isError.isActive { backgro= und: var(--pkw-error-container,linear-gradient(0deg,hsla(5,81%,73%,.24),hsl= a(5,81%,73%,.24)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,2= 37,.08)),#202124); color: var(--pkw-on-error-container,#fad2cf); box-shadow= : none; } .peoplekitThemeDark .peoplekitComponentsChipChip.isError.isActive:hover { b= ackground: var(--pkw-error-container,linear-gradient(0deg,hsla(5,81%,73%,.3= 6),hsla(5,81%,73%,.36)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232= ,234,237,.08)),#202124); color: var(--pkw-on-error-container,#fce8e6); } .peoplekitThemeDark .peoplekitComponentsChipChip.isError.isSpotlit { box-sh= adow: 0 0 0 2px var(--pkw-on-error-container,#fad2cf) inset; } .peoplekitThemeDark .peoplekitComponentsChipChip.isError:hover { background= : var(--pkw-error-container,linear-gradient(0deg,hsla(5,81%,73%,.04),hsla(5= ,81%,73%,.04)),linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,237,= .08)),#202124); color: var(--pkw-error,#fad2cf); } .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive, .peopl= ekitThemeDark .peoplekitComponentsChipChip.isDragged.isError, .peoplekitThe= meDark .peoplekitComponentsChipChip.isDragged.isSpotlit, .peoplekitThemeDar= k .peoplekitComponentsChipChip.isDragged.isWarning { border-width: 0px; box= -shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px = 2px 6px 2px; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive .mdc-el= evation-overlay, .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged= .isError .mdc-elevation-overlay, .peoplekitThemeDark .peoplekitComponentsCh= ipChip.isDragged.isSpotlit .mdc-elevation-overlay, .peoplekitThemeDark .peo= plekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay { opaci= ty: 0; } .peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDrag= ged.isActive, .peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsC= hipChip.isDragged.isError, .peoplekitThemeDark .peoplekitThemeDark .peoplek= itComponentsChipChip.isDragged.isSpotlit, .peoplekitThemeDark .peoplekitThe= meDark .peoplekitComponentsChipChip.isDragged.isWarning { border-width: 0px= ; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15)= 0px 2px 6px 2px; } .peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDrag= ged.isActive .mdc-elevation-overlay, .peoplekitThemeDark .peoplekitThemeDar= k .peoplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay, .p= eoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragge= d.isSpotlit .mdc-elevation-overlay, .peoplekitThemeDark .peoplekitThemeDark= .peoplekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay { = opacity: 0; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged { border-width: = 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.= 15) 0px 2px 6px 2px; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged .mdc-elevation-o= verlay { opacity: 0; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.peopleKitStyleGm= 3 { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px= 4px 8px 3px; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDisabled, .peoplekitThem= eDark .peoplekitComponentsChipChip.isDisabled:hover { cursor: default; opac= ity: 0.5; } .peoplekitThemeDark .peoplekitComponentsChipChip.isDeletionDisabled .people= kitComponentsChipDeleteButton { display: none; } .peopleKitStyleGm3 .peoplekitComponentsChipChip { position: relative; } .peopleKitStyleGm3 .peoplekitComponentsChipChip::before { background: var(-= -pkw-on-surface-variant,var(--gm3-sys-color-on-surface-variant,#444746)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsChipChip::before= { background: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-surface-= variant,#444746)); } .peopleKitStyleGm3 .peoplekitComponentsChipChip::before { border-radius: 50= vh; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; t= op: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsChipChip:hover::before { opacity: 0.= 08; } .peopleKitStyleGm3 .peoplekitComponentsChipChip.isActive:hover::before { op= acity: 0.1; } .peopleKitStyleGm3 .peoplekitComponentsChipChip.isWarning:hover::before { o= pacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsChipChip.isWarning.isActive:hover::b= efore { opacity: 0.1; } .peopleKitStyleGm3 .peoplekitComponentsChipChip.isError:hover::before { opa= city: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsChipChip.isError.isActive:hover::bef= ore { opacity: 0.1; } .peoplekitComponentsChipChipRow { align-items: stretch; display: flex; flex= -flow: row; padding: 2px; } .peoplekitComponentsChipLeft { flex: initial; } .peoplekitComponentsChipCenter { place-items: stretch; display: flex; flex:= 1 1 auto; overflow: hidden; } .peoplekitComponentsChipRight { align-items: center; display: flex; flex: i= nitial; } .peoplekitComponentsChipLabelContainer { display: flex; flex-flow: column; = justify-content: center; margin-left: 8px; margin-right: 8px; overflow: hid= den; } .peoplekitComponentsChipLabelRow { flex: initial; } .peoplekitComponentsChipLabel { letter-spacing: 0.0214286em; font-family: R= oboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; line-heigh= t: unset; max-width: 400px; overflow: hidden; text-overflow: ellipsis; whit= e-space: nowrap; display: flex; } .peopleKitStyleGm3 .peoplekitComponentsChipLabel { font-family: "Google San= s Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fon= t-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .peoplekitComponentsChipDisambiguationLabel.hasDisambiguationLabel { margin= -left: 4px; } .peoplekitComponentsChipDisplayLabel { flex: 1 0 auto; overflow: hidden; te= xt-overflow: ellipsis; max-width: 100%; } .peoplekitComponentsChipDisambiguationLabel { overflow: hidden; text-overfl= ow: ellipsis; } .peoplekitComponentsChipAvatar { position: relative; } .peoplekitComponentsChipAvatarContainer { height: inherit; width: inherit; = position: relative; } .peoplekitComponentsChipAvatarExclamationOverlay { border-radius: 50%; heig= ht: 100%; left: 0px; outline: transparent solid 1px; position: absolute; to= p: 0px; width: 100%; display: flex; align-items: center; justify-content: c= enter; } .peoplekitComponentsChipAvatarExclamationOverlay.isError { background-color= : var(--pkw-error,#c5221f); } .peoplekitThemeDark .peoplekitComponentsChipAvatarExclamationOverlay.isErro= r { background-color: var(--pkw-error,#f28b82); } .peoplekitComponentsChipExclamationIcon { display: inline-flex; height: 85%= ; width: 85%; } .peoplekitComponentsChipExclamationIcon.isError { fill: var(--pkw-on-error,= #fff); } .peoplekitThemeDark .peoplekitComponentsChipExclamationIcon.isError { fill:= var(--pkw-on-error,#202124); } @media (forced-colors: active) { .peoplekitComponentsChipExclamationIcon { filter: brightness(0); } } .peoplekitComponentsChipDeleteButton { align-items: center; display: flex; = height: 100%; max-height: 24px; margin-left: -3px; margin-right: 1px; width= : 24px; z-index: 1; } .peoplekitComponentsChipDeleteIcon { display: block; fill: currentcolor; ma= rgin: 0px auto; } .peoplekitComponentsChipPlaceholderAvatarPlaceholder { border-radius: 50%; = background-color: var(--pkw-secondary-fixed-dim,#aecbfa); } .peoplekitComponentsChipPlaceholderLabelPlaceholder { align-self: center; b= ackground-color: var(--pkw-secondary-fixed-dim,#aecbfa); border-radius: 8px= ; height: 16px; margin-left: 8px; margin-right: 8px; width: 150px; } .peoplekitComponentsChipPlaceholderShimmer { animation: 1.4s cubic-bezier(0= .5, 0, 0.5, 1) 0s infinite normal none running fadeinout; } @keyframes fadeinout {=20 0% { opacity: 0.75; } 50% { opacity: 1; } 100% { opacity: 0.75; } } .peoplekitComponentsTooltipImplTooltip { font-family: Roboto, Arial, sans-s= erif; line-height: 1rem; font-size: 0.75rem; letter-spacing: 0.025em; font-= weight: 400; background-color: var(--pkw-inverse-surface,#3c4043); color: v= ar(--pkw-inverse-on-surface,#f1f3f4); } .peoplekitThemeDark .peoplekitComponentsTooltipImplTooltip { background-col= or: var(--pkw-inverse-surface,#3c4043); color: var(--pkw-inverse-on-surface= ,#e8eaed); } .peoplekitComponentsTooltipImplTooltip { border-radius: 5px; box-sizing: bo= rder-box; font-weight: 700; line-height: 16px; min-width: 40px; max-width: = 200px; min-height: 24px; max-height: 40vh; overflow: hidden; padding: 4px 8= px; position: absolute; outline: transparent solid 1px; text-align: center;= width: max-content; z-index: 9; } .peopleKitStyleGm3 .peoplekitComponentsTooltipImplTooltip { font-family: "G= oogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75= rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; borde= r-radius: 4px; } .peoplekitComponentsTooltipImplRichTooltip { box-shadow: rgba(0, 0, 0, 0.15= ) 0px 2px 6px 2px, rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; background-color: va= r(--pkw-surface-container,var(--gm3-sys-color-surface-container,#f0f4f9)); = color: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-surface-variant,= #444746)); } .peoplekitThemeDark .peoplekitComponentsTooltipImplRichTooltip { background= -color: var(--pkw-surface-container,var(--gm3-sys-color-surface-container,#= f0f4f9)); color: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-surfac= e-variant,#444746)); } .peoplekitComponentsTooltipImplRichTooltip { border-radius: 12px; box-sizin= g: border-box; max-width: 280px; padding: 12px 16px; position: absolute; ou= tline: transparent solid 1px; text-align: left; z-index: 9; } @media (forced-colors: active) { .peoplekitComponentsTooltipImplRichTooltip, .peoplekitComponentsTooltipIm= plTooltip { border: 1px solid transparent; outline: none; } } .peoplekitComponentsTooltipImplTitle { font-family: "Google Sans Text", "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter-spacing:= 0px; line-height: 1.25rem; font-weight: 500; } .peoplekitComponentsTooltipImplSubtext { font-family: "Google Sans Text", "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: = 400; letter-spacing: 0px; line-height: 1.25rem; margin-bottom: 12px; } .peoplekitComponentsTooltipImplLearnMore { font-family: "Google Sans Text",= "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter-spac= ing: 0px; line-height: 1.25rem; color: var(--pkw-primary,#1a73e8); display:= inline-block; font-weight: 500; text-decoration: none; } .peoplekitComponentsTooltipImplLearnMore:focus, .peoplekitComponentsTooltip= ImplLearnMore:hover { text-decoration: underline; } .peoplekitComponentsButtonIconIconButton { background: none; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= border-radius: 50%; cursor: pointer; } .peoplekitComponentsButtonIconIconButton:hover { background-color: var(--pk= w-background,#dadce0); } .peoplekitComponentsButtonIconIconButton:active { background-color: var(--p= kw-background,#bdc1c6); } .peoplekitComponentsButtonIconIconButton.isFocused { background-color: var(= --pkw-background,#dadce0); outline: transparent solid 3px; } .peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity { hei= ght: 40px; padding: 8px; width: 40px; } .peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity .peop= lekitComponentsButtonIconAdaptableIcon { height: 24px; width: 24px; } .peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensit= y { height: 32px; padding: 6px; width: 32px; } .peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensit= y .peoplekitComponentsButtonIconAdaptableIcon { height: 20px; width: 20px; = } .peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity { = height: 28px; padding: 5px; width: 28px; } .peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity .p= eoplekitComponentsButtonIconAdaptableIcon { height: 18px; width: 18px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton { background: = none; border-width: medium; border-style: none; border-color: currentcolor;= border-image: none; border-radius: 50%; cursor: pointer; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:hover { backgr= ound-color: var(--pkw-background,#5f6368); } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:active { backg= round-color: var(--pkw-background,#80868b); } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.isFocused { ba= ckground-color: var(--pkw-background,#5f6368); outline: transparent solid 3= px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.googleMaterial= DefaultDensity { height: 40px; padding: 8px; width: 40px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.googleMaterial= DefaultDensity .peoplekitComponentsButtonIconAdaptableIcon { height: 24px; = width: 24px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMater= ialComfortableDensity { height: 32px; padding: 6px; width: 32px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMater= ialComfortableDensity .peoplekitComponentsButtonIconAdaptableIcon { height:= 20px; width: 20px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMater= ialCompactDensity { height: 28px; padding: 5px; width: 28px; } .peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMater= ialCompactDensity .peoplekitComponentsButtonIconAdaptableIcon { height: 18p= x; width: 18px; } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton { position: rel= ative; } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton::before { backg= round: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-surface-variant,= #444746)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconBu= tton::before { background: var(--pkw-on-surface-variant,var(--gm3-sys-color= -on-surface-variant,#444746)); } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton::before { borde= r-radius: 50%; content: ""; height: 100%; left: 0px; opacity: 0; position: = absolute; top: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:hover::before {= opacity: 0.16; } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:active::before = { opacity: 0.2; } .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton.isFocused::befo= re { opacity: 0.2; } @media (forced-colors: none) { .peopleKitStyleGm3 .peoplekitComponentsButtonIconAdaptableIcon { filter: = brightness(0) saturate(100%) invert(25%) sepia(11%) saturate(129%) hue-rota= te(109deg) brightness(93%) contrast(86%); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonIconAdap= tableIcon { filter: brightness(0) saturate(100%) invert(88%) sepia(2%) satu= rate(246%) hue-rotate(87deg) brightness(92%) contrast(88%); } } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsButtonIconAdaptableIcon { filter: brightness(0) inver= t(1); } } @media (forced-colors: active) and (prefers-color-scheme: light) { .peoplekitComponentsButtonIconAdaptableIcon { filter: brightness(0); } } .peoplekitComponentsResultlistitemResultListItem { background: var(--pkw-ba= ckground,#fff); display: flex; flex-direction: column; justify-content: cen= ter; cursor: pointer; } .peoplekitComponentsResultlistitemResultListItem:hover { background: var(--= pkw-background,hsla(0,0%,4%,.04)); } .peoplekitComponentsResultlistitemResultListItem:hover .peoplekitComponents= ResultlistitemDisabledIconIndicator { background: var(--pkw-background,#f1f= 3f4); } .peoplekitComponentsResultlistitemResultListItem.isActive { background: var= (--pkw-background,hsla(0,0%,4%,.12)); outline: transparent solid 3px; outli= ne-offset: -3px; } .peoplekitComponentsResultlistitemResultListItem.isActive .peoplekitCompone= ntsResultlistitemDisabledIconIndicator { background: var(--pkw-background,#= f1f3f4); } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem { back= ground: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgb= a(232,234,237,.08)),#202124); display: flex; flex-direction: column; justif= y-content: center; cursor: pointer; } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem:hover = { background: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.1= 4),rgba(232,234,237,.14)),#202124); } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem:hover = .peoplekitComponentsResultlistitemDisabledIconIndicator { background: var(-= -pkw-background,rgba(241,243,244,.14)); } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isActi= ve { background: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237= ,.19),rgba(232,234,237,.19)),#202124); outline: transparent solid 3px; outl= ine-offset: -3px; } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isActi= ve .peoplekitComponentsResultlistitemDisabledIconIndicator { background: va= r(--pkw-background,rgba(241,243,244,.14)); } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem { posit= ion: relative; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem::before= { background: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-surface-= variant,#444746)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsResultlistitemRe= sultListItem::before { background: var(--pkw-on-surface-variant,var(--gm3-s= ys-color-on-surface-variant,#444746)); } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem::before= { content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; to= p: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem:hover::= before { opacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.isActiv= e::before { opacity: 0.1; } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty { min-height: 64px; } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty .peoplekitComponentsResultlistitemLabel { font-family: Roboto, Arial, sa= ns-serif; line-height: 1.5rem; font-size: 1rem; letter-spacing: 0.00625em; = font-weight: 400; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleM= aterialDefaultDensity .peoplekitComponentsResultlistitemLabel { font-family= : "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; line-height= : 1.5rem; font-size: 1rem; letter-spacing: 0px; font-weight: 400; } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty .peoplekitComponentsResultlistitemSublabel { font-family: Roboto, Arial,= sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-spacing: 0.0= 142857em; font-weight: 400; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleM= aterialDefaultDensity .peoplekitComponentsResultlistitemSublabel { font-fam= ily: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty .peoplekitComponentsResultlistitemWhiteCheckSvg { width: 24px; height: 2= 4px; } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty .peoplekitComponentsResultlistitemMetaIcon { width: 25px; height: 25px; = } .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensi= ty .peoplekitComponentsResultlistitemResultListItemRow { padding: 8px 16px;= } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleM= aterialDefaultDensity { min-height: 72px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity { min-height: 52px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity .peoplekitComponentsResultlistitemLabel { font-family: Roboto, Ar= ial, sans-serif; font-size: 0.875rem; letter-spacing: 0.0142857em; font-wei= ght: 400; line-height: 1.25rem; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspa= ceMaterialComfortableDensity .peoplekitComponentsResultlistitemLabel { font= -family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25re= m; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity .peoplekitComponentsResultlistitemSublabel { font-family: Roboto,= Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.025em; font-weigh= t: 400; line-height: 1rem; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspa= ceMaterialComfortableDensity .peoplekitComponentsResultlistitemSublabel { f= ont-family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; f= ont-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-heigh= t: 1rem; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity .peoplekitComponentsResultlistitemWhiteCheckSvg { width: 19px; he= ight: 19px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity .peoplekitComponentsResultlistitemMetaIcon { width: 20px; height:= 20px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortab= leDensity .peoplekitComponentsResultlistitemResultListItemRow { padding-lef= t: 12px; padding-right: 12px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity { min-height: 44px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity .peoplekitComponentsResultlistitemLabel { font-family: Roboto, Arial,= sans-serif; font-size: 0.875rem; letter-spacing: 0.0142857em; font-weight:= 400; line-height: 1.125; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspa= ceMaterialCompactDensity .peoplekitComponentsResultlistitemLabel { font-fam= ily: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity .peoplekitComponentsResultlistitemSublabel { font-family: Roboto, Ari= al, sans-serif; font-size: 0.75rem; letter-spacing: 0.025em; font-weight: 4= 00; line-height: 0.875rem; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspa= ceMaterialCompactDensity .peoplekitComponentsResultlistitemSublabel { font-= family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-= size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1= rem; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity .peoplekitComponentsResultlistitemWhiteCheckSvg { width: 17px; height= : 17px; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity .peoplekitComponentsResultlistitemMetaIcon { width: 20px; height: 20p= x; } .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDe= nsity .peoplekitComponentsResultlistitemResultListItemRow { padding-left: 1= 2px; padding-right: 12px; } .peoplekitComponentsResultlistitemResultListItem.isDisabled { cursor: defau= lt; } .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitCompo= nentsResultlistitemLabel, .peoplekitComponentsResultlistitemResultListItem.= isDisabled .peoplekitComponentsResultlistitemSublabelText { color: var(--pk= w-on-surface,#3c4043); } .peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isDisa= bled .peoplekitComponentsResultlistitemLabel, .peoplekitThemeDark .peopleki= tComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResu= ltlistitemSublabelText { color: var(--pkw-on-surface,#e8eaed); } .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitCompo= nentsResultlistitemLabel, .peoplekitComponentsResultlistitemResultListItem.= isDisabled .peoplekitComponentsResultlistitemSublabelText { opacity: 0.38; = } .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitCompo= nentsResultlistitemAvatar { opacity: 0.5; } .peoplekitComponentsResultlistitemResultListItem.isSelected .peoplekitCompo= nentsResultlistitemAvatarSelectionOverlay { opacity: 1; transform: scale(1)= ; } .peoplekitComponentsResultlistitemResultListItem.isOutOfOffice { background= -color: var(--pkw-caution-container-low,#ffefd5); } .peoplekitComponentsResultlistitemResultListItemRow { align-items: center; = display: flex; flex-flow: row; } .peoplekitComponentsResultlistitemLeft { flex: initial; } .peoplekitComponentsResultlistitemCenter { flex: 1 1 auto; overflow: hidden= ; } .peoplekitComponentsResultlistitemRight { display: inline-flex; flex: initi= al; } .peoplekitComponentsResultlistitemLabelContainer { align-content: flex-star= t; align-items: flex-start; display: flex; flex-flow: column; margin-right:= 0px; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemLabelContainer { margi= n-left: 16px; } .peoplekitComponentsResultlistitemLabelContainer { margin-left: 12px; } .peoplekitComponentsResultlistitemLabelRow { flex: initial; width: 100%; } .peoplekitComponentsResultlistitemLabel { display: flex; flex-direction: ro= w; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .peoplekitComponentsResultlistitemLabelText { color: var(--pkw-on-surface,#= 3c4043); } .peoplekitThemeDark .peoplekitComponentsResultlistitemLabelText { color: va= r(--pkw-on-surface,#e8eaed); } .peoplekitComponentsResultlistitemLabelText { overflow: hidden; text-overfl= ow: ellipsis; white-space: nowrap; } .peoplekitComponentsResultlistitemTags { display: flex; flex-direction: row= ; align-items: center; } .peoplekitComponentsResultlistitemSublabel { display: flex; flex-direction:= row; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .peoplekitComponentsResultlistitemSublabelText { color: var(--pkw-on-surfac= e-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsResultlistitemSublabelText { color:= var(--pkw-on-surface-variant,#9aa0a6); } .peoplekitComponentsResultlistitemSublabelText { overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; } .peoplekitComponentsResultlistitemAvatar { position: relative; } .peoplekitComponentsResultlistitemAvatarContainer { height: inherit; width:= inherit; position: relative; } .peoplekitComponentsResultlistitemAvatarSelectionOverlay { background-color= : var(--pkw-primary,#1a73e8); } .peoplekitThemeDark .peoplekitComponentsResultlistitemAvatarSelectionOverla= y { background-color: var(--pkw-primary,#8ab4f8); } .peoplekitComponentsResultlistitemAvatarSelectionOverlay { border-radius: 5= 0%; height: 100%; left: 0px; opacity: 0; outline: transparent solid 1px; po= sition: absolute; top: 0px; transform: scale(0); transition: transform 0.15= s ease-out; width: 100%; display: flex; align-items: center; justify-conten= t: center; } .peoplekitComponentsResultlistitemWhiteCheck { fill: var(--pkw-on-primary,#= fff); } .peoplekitThemeDark .peoplekitComponentsResultlistitemWhiteCheck { fill: va= r(--pkw-on-primary,#202124); } .peoplekitComponentsResultlistitemWhiteCheck { display: inline-flex; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsResultlistitemWhiteCheck { filter: brightness(0) inve= rt(1); } } @media (forced-colors: active) and (prefers-color-scheme: light) { .peoplekitComponentsResultlistitemWhiteCheck { filter: brightness(0); } } .peoplekitComponentsResultlistitemOutOfOffice { font-family: Roboto, Arial,= sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-spacing: 0.0= 142857em; font-weight: 400; color: var(--pkw-on-surface-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsResultlistitemOutOfOffice { color: = var(--pkw-on-surface-variant,#9aa0a6); } .peoplekitComponentsResultlistitemOutOfOffice { overflow: hidden; text-over= flow: ellipsis; white-space: nowrap; display: none; } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemOutOfOffice { font-fam= ily: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; } .peoplekitComponentsResultlistitemMetaIcon { margin-left: 16px; } .peoplekitComponentsResultlistitemMetaIcon[src=3D""] { display: none; } .peoplekitComponentsListImplList { list-style: none; margin: 0px; padding: = 0px; } .peoplekitComponentsListImplList:focus { outline: none; } .peoplekitComponentsResultListCoreGroupSectionListContainer { overflow: hid= den; transform-origin: center top; transition: 0.5s cubic-bezier(0.05, 0.7,= 0.1, 1); } .peoplekitComponentsResultListCoreGroupSectionListContainer.collapsed { hei= ght: 0px; transform: scaleY(0); transition: 0.2s cubic-bezier(0.3, 0, 0.8, = 0.15); } .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer { align-items= : center; border-radius: 50%; cursor: pointer; display: flex; transition: t= ransform 365ms cubic-bezier(0.4, 0, 0.2, 1); } .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:hover { backg= round: var(--pkw-background,hsla(0,0%,4%,.04)); } .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:active { back= ground: var(--pkw-background,hsla(0,0%,4%,.12)); } .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.isSpotlit { b= ackground: var(--pkw-background,hsla(0,0%,4%,.12)); outline: transparent so= lid 3px; outline-offset: -3px; } .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.rotate { tran= sform: rotate(-180deg); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronCon= tainer { align-items: center; border-radius: 50%; cursor: pointer; display:= flex; transition: transform 365ms cubic-bezier(0.4, 0, 0.2, 1); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronCon= tainer:hover { background: var(--pkw-background,linear-gradient(0deg,rgba(2= 32,234,237,.14),rgba(232,234,237,.14)),#202124); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronCon= tainer:active { background: var(--pkw-background,linear-gradient(0deg,rgba(= 232,234,237,.19),rgba(232,234,237,.19)),#202124); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronCon= tainer.isSpotlit { background: var(--pkw-background,linear-gradient(0deg,rg= ba(232,234,237,.19),rgba(232,234,237,.19)),#202124); outline: transparent s= olid 3px; outline-offset: -3px; } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronCon= tainer.rotate { transform: rotate(-180deg); } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer { position: relative; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer::before { background: var(--pkw-on-surface-variant,var(--gm3-sys-colo= r-on-surface-variant,#444746)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCo= llapsibleChevronContainer::before { background: var(--pkw-on-surface-varian= t,var(--gm3-sys-color-on-surface-variant,#444746)); } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer::before { border-radius: 50%; content: ""; height: 100%; left: 0px; o= pacity: 0; position: absolute; top: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer:hover::before { opacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer:active::before { opacity: 0.1; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronCont= ainer.isSpotlit::before { opacity: 0.1; } .peoplekitComponentsGroupingHeaderCollapsibleChevron { fill: var(--pkw-on-s= urface-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevron { = fill: var(--pkw-on-surface-variant,#f1f3f4); } .peoplekitComponentsButtonLabelLabelButton { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.0178571em; = font-weight: 500; align-items: center; background: none; border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; bor= der-radius: 4px; color: var(--pkw-primary,#1a73e8); display: flex; height: = 36px; line-height: unset; outline: transparent solid 1px; padding: 0px 8px;= user-select: none; } .peoplekitComponentsButtonLabelLabelButton:hover { background-color: var(--= pkw-surface-container-high,rgba(26,115,232,.04)); color: var(--pkw-primary,= #174ea6); cursor: pointer; } .peoplekitComponentsButtonLabelLabelButton:focus { background-color: var(--= pkw-surface-container-high,rgba(26,115,232,.12)); color: var(--pkw-primary,= #174ea6); cursor: pointer; outline-width: 3px; } .peoplekitComponentsButtonLabelLabelButton.isDisabled { color: var(--pkw-on= -surface,#3c4043); opacity: 0.38; } .peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton { align-item= s: center; background: none; border-width: medium; border-style: none; bord= er-color: currentcolor; border-image: none; border-radius: 4px; color: var(= --pkw-primary,#8ab4f8); display: flex; height: 36px; line-height: unset; ou= tline: transparent solid 1px; padding: 0px 8px; user-select: none; } .peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton:hover { back= ground-color: var(--pkw-surface-container-high,rgba(138,180,248,.04)); colo= r: var(--pkw-primary,#d2e3fc); cursor: pointer; } .peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton:focus { back= ground-color: var(--pkw-surface-container-high,rgba(138,180,248,.12)); colo= r: var(--pkw-primary,#d2e3fc); cursor: pointer; outline-width: 3px; } .peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton.isDisabled {= color: var(--pkw-on-surface,#e8eaed); opacity: 0.38; } .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton { font-family= : "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: = 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; bord= er-radius: 20px; height: 40px; padding: 0px 24px; position: relative; } .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton::before { bac= kground: var(--pkw-primary,var(--gm3-sys-color-primary,#0b57d0)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabel= Button::before { background: var(--pkw-primary,var(--gm3-sys-color-primary,= #0b57d0)); } .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton::before { bor= der-radius: 20px; content: ""; height: 100%; left: 0px; opacity: 0; positio= n: absolute; top: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:hover::before= { opacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:focus::before= { opacity: 0.1; } .peoplekitComponentsDialogImplScrim, .peoplekitThemeDark .peoplekitComponen= tsDialogImplScrim { background: var(--pkw-scrim,rgba(32,33,36,.6)); } .peoplekitComponentsDialogImplScrim { align-items: center; box-sizing: bord= er-box; display: flex; height: 100%; justify-content: center; left: 0px; po= sition: fixed; top: 0px; width: 100%; z-index: 999999; } .peoplekitComponentsDialogImplDialog { border-width: 0px; box-shadow: rgba(= 60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px; } .peoplekitComponentsDialogImplDialog .mdc-elevation-overlay { opacity: 0; } .peoplekitComponentsDialogImplDialog { background: var(--pkw-surface-contai= ner-high,#fff); } .peoplekitThemeDark .peoplekitComponentsDialogImplDialog { background: var(= --pkw-surface-container-high,linear-gradient(0deg,rgba(232,234,237,.08),rgb= a(232,234,237,.08)),#202124); } .peoplekitComponentsDialogImplDialog { text-wrap-mode: wrap; border-radius:= 8px; max-width: 300px; outline: transparent solid 1px; overflow: hidden; } .peoplekitComponentsDialogImplDialog.peopleKitStyleGm3 { box-shadow: rgba(0= , 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px; border-r= adius: 28px; padding: 24px; } .peoplekitComponentsDialogImplAvatarHeader { background: var(--pkw-surface-= container-high,#fff); border-bottom: 1px solid var(--pkw-outline-variant,#d= adce0); } .peoplekitThemeDark .peoplekitComponentsDialogImplAvatarHeader { background= : var(--pkw-surface-container-high,linear-gradient(0deg,rgba(232,234,237,.0= 8),rgba(232,234,237,.08)),#202124); border-bottom: 1px solid var(--pkw-outl= ine-variant,#80868b); } .peoplekitComponentsDialogImplAvatarHeader { display: flex; flex-direction:= column; justify-content: center; padding: 12px; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplAvatarHeader { padding: 0p= x 0px 8px; } .peoplekitComponentsDialogImplTextHeader { font-family: "Google Sans", Robo= to, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-spacing= : 0.00625em; font-weight: 500; background: var(--pkw-surface-container-high= ,#fff); color: var(--pkw-on-surface,#202124); } .peoplekitThemeDark .peoplekitComponentsDialogImplTextHeader { background: = var(--pkw-surface-container-high,linear-gradient(0deg,rgba(232,234,237,.08)= ,rgba(232,234,237,.08)),#202124); color: var(--pkw-on-surface,#e8eaed); } .peoplekitComponentsDialogImplTextHeader { margin: 24px 24px 20px; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplTextHeader { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 1.5rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 2rem; margin: 0px; } .peoplekitComponentsDialogImplHeaderRow { align-items: center; display: fle= x; flex-flow: row; } .peoplekitComponentsDialogImplLeft { flex: initial; } .peoplekitComponentsDialogImplCenter { flex: 1 1 auto; overflow: hidden; } .peoplekitComponentsDialogImplAvatar { position: relative; } .peoplekitComponentsDialogImplAvatarContainer { height: inherit; position: = relative; width: inherit; } .peoplekitComponentsDialogImplLabelContainer { align-content: flex-start; a= lign-items: flex-start; display: flex; flex-flow: column; margin-left: 12px= ; margin-right: 0px; } .peoplekitComponentsDialogImplLabelRow { flex: initial; width: 100%; } .peoplekitComponentsDialogImplLabel { font-family: "Google Sans", Roboto, A= rial, sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-spacing= : 0.0178571em; font-weight: 500; color: var(--pkw-on-surface,#202124); } .peoplekitThemeDark .peoplekitComponentsDialogImplLabel { color: var(--pkw-= on-surface,#e8eaed); } .peoplekitComponentsDialogImplLabel { overflow: hidden; text-overflow: elli= psis; white-space: nowrap; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplLabel { font-family: "Goog= le Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875re= m; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .peoplekitComponentsDialogImplSublabel { font-family: Roboto, Arial, sans-s= erif; line-height: 1rem; font-size: 0.75rem; letter-spacing: 0.025em; font-= weight: 400; color: var(--pkw-on-surface-variant,#3c4043); } .peoplekitThemeDark .peoplekitComponentsDialogImplSublabel { color: var(--p= kw-on-surface-variant,#9aa0a6); } .peoplekitComponentsDialogImplSublabel { overflow: hidden; text-overflow: e= llipsis; white-space: nowrap; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplSublabel { font-family: "G= oogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75= rem; font-weight: 500; letter-spacing: 0.00625rem; line-height: 1rem; } .peoplekitComponentsDialogImplContent { font-family: Roboto, Arial, sans-se= rif; line-height: 1.5rem; font-size: 1rem; letter-spacing: 0.00625em; font-= weight: 400; color: var(--pkw-on-surface-variant,#3c4043); } .peoplekitThemeDark .peoplekitComponentsDialogImplContent { color: var(--pk= w-on-surface-variant,#e8eaed); } .peoplekitComponentsDialogImplContent { margin: 24px 24px 20px; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplContent { font-family: "Go= ogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875= rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; margin: 0= px; padding-top: 16px; padding-bottom: 24px; } .peoplekitComponentsDialogImplActions { display: flex; justify-content: fle= x-end; padding: 8px; } .peopleKitStyleGm3 .peoplekitComponentsDialogImplActions { padding: 0px; } .peoplekitComponentsDialogImplActionDivider { width: 8px; } .peoplekitComponentsGroupingHeaderInfoInfoIconContainer { align-items: cent= er; border-radius: 50%; cursor: pointer; display: flex; transition: transfo= rm 365ms cubic-bezier(0.4, 0, 0.2, 1); } .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:hover { background:= var(--pkw-background,hsla(0,0%,4%,.04)); } .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:active { background= : var(--pkw-background,hsla(0,0%,4%,.12)); } .peoplekitComponentsGroupingHeaderInfoInfoIconContainer.isSpotlit { backgro= und: var(--pkw-background,hsla(0,0%,4%,.12)); outline: transparent solid 3p= x; outline-offset: -3px; } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer= { align-items: center; border-radius: 50%; cursor: pointer; display: flex;= transition: transform 365ms cubic-bezier(0.4, 0, 0.2, 1); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer= :hover { background: var(--pkw-background,linear-gradient(0deg,rgba(232,234= ,237,.14),rgba(232,234,237,.14)),#202124); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer= :active { background: var(--pkw-background,linear-gradient(0deg,rgba(232,23= 4,237,.19),rgba(232,234,237,.19)),#202124); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer= .isSpotlit { background: var(--pkw-background,linear-gradient(0deg,rgba(232= ,234,237,.19),rgba(232,234,237,.19)),#202124); outline: transparent solid 3= px; outline-offset: -3px; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer = { position: relative; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:= :before { background: var(--pkw-on-surface-variant,var(--gm3-sys-color-on-s= urface-variant,#444746)); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderIn= foInfoIconContainer::before { background: var(--pkw-on-surface-variant,var(= --gm3-sys-color-on-surface-variant,#444746)); } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:= :before { border-radius: 50%; content: ""; height: 100%; left: 0px; opacity= : 0; position: absolute; top: 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:= hover::before { opacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:= active::before { opacity: 0.1; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer.= isSpotlit::before { opacity: 0.1; } .peoplekitComponentsGroupingHeaderInfoLearnMoreLink { color: var(--pkw-prim= ary,#1a73e8); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoLearnMoreLink { c= olor: var(--pkw-primary,#8ab4f8); } .peoplekitComponentsGroupingHeaderInfoLearnMoreLink { text-decoration: unde= rline; } .peoplekitComponentsGroupingHeaderInfoLearnMoreLink:visited { color: var(--= pkw-primary,#1a73e8); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoLearnMoreLink:vis= ited { color: var(--pkw-primary,#8ab4f8); } .peoplekitComponentsGroupingHeaderInfoInfoIcon { fill: var(--pkw-on-surface= -variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIcon { fill: = var(--pkw-on-surface-variant,#f1f3f4); } .peoplekitComponentsGroupingHeaderInfoInfoIcon { height: 16px; padding: 5px= ; width: 16px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsGroupingHeaderInfoInfoIcon { filter: brightness(0) in= vert(1); } } @media (forced-colors: active) and (prefers-color-scheme: light) { .peoplekitComponentsGroupingHeaderInfoInfoIcon { filter: brightness(0); } } .peoplekitComponentsGroupingHeaderGroupingHeader { background: var(--pkw-ba= ckground,#fff); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderGroupingHeader { back= ground: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgb= a(232,234,237,.08)),#202124); } .peoplekitComponentsGroupingHeaderGroupingHeaderRow { align-items: center; = display: flex; flex-flow: row; padding-left: 16px; padding-right: 16px; } .peoplekitComponentsGroupingHeaderHeader { font-family: Roboto, Arial, sans= -serif; line-height: 1rem; font-size: 0.6875rem; letter-spacing: 0.0727273e= m; font-weight: 500; text-transform: uppercase; color: var(--pkw-on-surface= -variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsGroupingHeaderHeader { color: var(-= -pkw-on-surface-variant,#f1f3f4); } .peoplekitComponentsGroupingHeaderHeader { padding-bottom: 11px; padding-to= p: 13px; } .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderHeader { font-family: = "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.= 875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; text-t= ransform: none; padding: 6px 0px; } .peoplekitComponentsGroupingHeaderAction { flex-shrink: initial; flex-basis= : initial; flex-grow: 1; } .peoplekitComponentsGroupingHeaderActionRow { align-items: center; display:= flex; flex-direction: row; justify-content: space-between; } .peoplekitComponentsGroupingHeaderLeft { flex: initial; } .peoplekitComponentsGroupingHeaderRight { flex: initial; margin-left: 16px;= margin-right: 4px; } .peoplekitComponentsTagTag { background: rgb(241, 243, 244); color: rgb(32,= 33, 36); display: flex; flex-direction: row; align-items: center; margin-l= eft: 8px; border-radius: 4px; outline: transparent solid 1px; outline-offse= t: -1px; overflow: hidden; position: relative; } .peoplekitComponentsTagTag.isWarning { background: rgb(251, 188, 4); color:= rgb(32, 33, 36); } .peopleKitStyleGm3 .peoplekitComponentsTagTag { background: var(--gm3-sys-c= olor-surface-container-high,#e9eef6); color: var(--gm3-sys-color-on-surface= -variant,#444746); } .peopleKitStyleGm3 .peoplekitComponentsTagTag.isWarning { background: rgb(2= 55, 187, 41); color: var(--gm3-sys-color-on-surface,#1f1f1f); } @media (forced-colors: none) { .peopleKitStyleGm3 .peoplekitComponentsTagIcon.isWarning { filter: bright= ness(0) saturate(100%) invert(0) sepia(7%) saturate(1357%) hue-rotate(335de= g) brightness(112%) contrast(76%); } } .googleMaterialDefaultDensity .peoplekitComponentsTagTag { height: 20px; mi= n-width: 20px; } .workspaceMaterialComfortableDensity .peoplekitComponentsTagTag, .workspace= MaterialCompactDensity .peoplekitComponentsTagTag { height: 16px; min-width= : 16px; } .googleMaterialDefaultDensity .peoplekitComponentsTagIcon { width: 16px; he= ight: 16px; margin-left: 2px; font-size: 16px; } .workspaceMaterialComfortableDensity .peoplekitComponentsTagIcon, .workspac= eMaterialCompactDensity .peoplekitComponentsTagIcon { width: 14px; height: = 14px; margin-left: 1px; font-size: 14px; } .peoplekitComponentsTagUnrollingAltText { max-width: 0px; overflow: hidden;= transition: max-width 0.3s; } .peoplekitComponentsTagTag:hover .peoplekitComponentsTagUnrollingAltText { = max-width: 1000px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsTagIcon { filter: brightness(0) invert(1); } .peoplekitComponentsTagIcon:not(img) { filter: none; } } .peoplekitComponentsTagText { margin-left: 4px; margin-right: 4px; } .googleMaterialDefaultDensity .peoplekitComponentsTagText { font-family: Ro= boto, Arial, sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-= spacing: 0.0178571em; font-weight: 500; } .googleMaterialDefaultDensity .peoplekitComponentsTagText.peopleKitStyleGm3= { font-family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-seri= f; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height:= 1.25rem; } .workspaceMaterialComfortableDensity .peoplekitComponentsTagText { font-fam= ily: Roboto, Arial, sans-serif; line-height: 1rem; font-size: 0.75rem; lett= er-spacing: 0.025em; font-weight: 400; } .workspaceMaterialComfortableDensity .peoplekitComponentsTagText.peopleKitS= tyleGm3 { font-family: "Google Sans Text", "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem;= line-height: 1rem; } .workspaceMaterialCompactDensity .peoplekitComponentsTagText { font-family:= Roboto, Arial, sans-serif; line-height: 1rem; font-size: 0.75rem; letter-s= pacing: 0.025em; font-weight: 400; } .workspaceMaterialCompactDensity .peoplekitComponentsTagText.peopleKitStyle= Gm3 { font-family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-s= erif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; lin= e-height: 1rem; } .peoplekitComponentsResultlistitemDisabledDisableReasonContainer { align-it= ems: center; display: flex; } .peoplekitComponentsResultlistitemDisabledTextIndicator { font-family: Robo= to, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-spacing= : 0.00625em; font-weight: 400; color: var(--pkw-on-surface,#5f6368); } .peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledTextIndicator= { color: var(--pkw-on-surface,#fff); } .peopleKitStyleGm3 .peoplekitComponentsResultlistitemDisabledTextIndicator = { font-family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif= ; line-height: 1.5rem; font-size: 1rem; letter-spacing: 0px; font-weight: 4= 00; } .peoplekitComponentsResultlistitemDisabledIconIndicator { display: flex; al= ign-items: center; justify-content: center; background: var(--pkw-backgroun= d,#f1f3f4); } .peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledIconIndicator= { background: var(--pkw-background,rgba(241,243,244,.14)); } .peoplekitComponentsResultlistitemDisabledIconIndicator { border-radius: 50= px; width: 32px; height: 32px; margin-left: 16px; margin-right: 4px; } .peoplekitComponentsResultlistitemDisabledSelectedIcon { fill: var(--pkw-on= -surface-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledSelectedIcon = { fill: var(--pkw-on-surface-variant,#e8eaed); } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsResultlistitemDisabledSelectedIcon { filter: brightne= ss(0) invert(1); } } @media (forced-colors: active) and (prefers-color-scheme: light) { .peoplekitComponentsResultlistitemDisabledSelectedIcon { filter: brightne= ss(0); } } .peoplekitUiResultlistHeader { font-family: Roboto, Arial, sans-serif; line= -height: 1rem; font-size: 0.6875rem; letter-spacing: 0.0727273em; font-weig= ht: 500; text-transform: uppercase; background: var(--pkw-background,#fff);= color: var(--pkw-on-surface-variant,#5f6368); } .peoplekitThemeDark .peoplekitUiResultlistHeader { background: var(--pkw-ba= ckground,linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,237,.08)),= #202124); color: var(--pkw-on-surface-variant,#f1f3f4); } .peoplekitUiResultlistHeader { padding-bottom: 12px; padding-left: 16px; pa= dding-top: 12px; } .peopleKitStyleGm3 .peoplekitUiResultlistHeader { font-family: "Google Sans= Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font= -weight: 500; letter-spacing: 0px; line-height: 1.25rem; text-transform: no= ne; } .peoplekitComponentsAutocompleteInlineContainer { background: var(--pkw-bac= kground,#fff); } .peoplekitThemeDark .peoplekitComponentsAutocompleteInlineContainer { backg= round: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgba= (232,234,237,.08)),#202124); } .peoplekitComponentsAutocompleteInlineContainer { height: 100%; display: fl= ex; flex-direction: column; overflow: hidden; user-select: none; } .peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitCompone= ntsAutocompleteInlineListContainer, .peoplekitComponentsAutocompleteInlineC= ontainer.isLoading .peoplekitComponentsAutocompleteInlineNoResultsContainer= { display: none; } .peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitCompone= ntsAutocompleteInlineCircularProgress { display: flex; justify-content: cen= ter; align-items: center; height: 100%; } .peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitCompone= ntsAutocompleteInlineCircularProgress::before { flex: 1 1 auto; } .peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitCompone= ntsAutocompleteInlineCircularProgress::after { flex: 1 1 auto; } .peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitCompone= ntsAutocompleteInlineCircularProgress, .peoplekitComponentsAutocompleteInli= neContainer.noResults .peoplekitComponentsAutocompleteInlineListContainer {= display: none; } .peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitCompone= ntsAutocompleteInlineNoResultsContainer { display: flex; flex-direction: co= lumn; justify-content: flex-start; align-items: center; height: 100%; overf= low: auto; } .peoplekitComponentsAutocompleteInlineListContainer { height: 100%; display= : flex; flex-direction: column; overflow: hidden; } .peoplekitComponentsAutocompleteInlineCircularProgress, .peoplekitComponent= sAutocompleteInlineNoResultsContainer { display: none; } .peoplekitComponentsCircularprogressCircularProgress { display: inline-bloc= k; height: 40px; position: relative; width: 40px; direction: ltr; } .peoplekitComponentsCircularprogressMessageContainer { height: 0px; overflo= w: hidden; position: absolute; width: 0px; } .peoplekitComponentsCircularprogressCircularProgressContainer { width: 100%= ; height: 100%; } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircularProgressContainer { animation: 1568ms linear= 0s infinite normal none running circular-progress-container-rotate; } .peoplekitComponentsCircularprogressCircularProgressLayer { height: 100%; o= pacity: 0; position: absolute; width: 100%; } .peoplekitComponentsCircularprogressColorOne { border-color: rgb(66, 133, 2= 44); } .peoplekitComponentsCircularprogressColorTwo { border-color: rgb(234, 67, 5= 3); } .peoplekitComponentsCircularprogressColorThree { border-color: rgb(251, 188= , 4); } .peoplekitComponentsCircularprogressColorFour { border-color: rgb(52, 168, = 83); } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularpro= gressColorOne { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite = normal both running circular-progress-fill-unfill-rotate, 5332ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-blue-f= ade-in-out; } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularpro= gressColorTwo { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite = normal both running circular-progress-fill-unfill-rotate, 5332ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-red-fa= de-in-out; } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularpro= gressColorThree { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinit= e normal both running circular-progress-fill-unfill-rotate, 5332ms cubic-be= zier(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-yell= ow-fade-in-out; } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularpro= gressColorFour { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite= normal both running circular-progress-fill-unfill-rotate, 5332ms cubic-bez= ier(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-green= -fade-in-out; } .peoplekitComponentsCircularprogressGapPatch { position: absolute; box-sizi= ng: border-box; top: 0px; left: 45%; width: 10%; height: 100%; overflow: hi= dden; border-color: inherit; } .peoplekitComponentsCircularprogressGapPatch .peoplekitComponentsCircularpr= ogressCircle { width: 1000%; left: -450%; } .peoplekitComponentsCircularprogressCircleClipper { display: inline-block; = position: relative; width: 50%; height: 100%; overflow: hidden; border-colo= r: inherit; } .peoplekitComponentsCircularprogressCircleClipper .peoplekitComponentsCircu= larprogressCircle { width: 200%; } .peoplekitComponentsCircularprogressCircle { position: absolute; inset: 0px= ; box-sizing: border-box; height: 100%; border-width: 3px; border-style: so= lid; border-top-color: inherit; border-right-color: inherit; border-left-co= lor: inherit; border-bottom-color: transparent; border-radius: 50%; animati= on: auto ease 0s 1 normal none running none; } .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircul= arprogressLeft .peoplekitComponentsCircularprogressCircle { border-right-co= lor: transparent; transform: rotate(129deg); } .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircul= arprogressRight .peoplekitComponentsCircularprogressCircle { left: -100%; b= order-left-color: transparent; transform: rotate(-129deg); } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressLef= t .peoplekitComponentsCircularprogressCircle { animation: 1333ms cubic-bezi= er(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-left-s= pin; } .peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitCom= ponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressRig= ht .peoplekitComponentsCircularprogressCircle { animation: 1333ms cubic-bez= ier(0.4, 0, 0.2, 1) 0s infinite normal both running circular-progress-right= -spin; } .peoplekitComponentsCircularprogressCircularProgress.isWarmdown .peoplekitC= omponentsCircularprogressCircularProgressContainer { animation: 1568ms line= ar 0s infinite normal none running circular-progress-container-rotate, 0.4s= cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running circular-progress-fa= de-out; } @keyframes circular-progress-container-rotate {=20 100% { transform: rotate(1turn); } } @keyframes circular-progress-fill-unfill-rotate {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes circular-progress-blue-fade-in-out {=20 0% { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } } @keyframes circular-progress-red-fade-in-out {=20 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } } @keyframes circular-progress-yellow-fade-in-out {=20 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } } @keyframes circular-progress-green-fade-in-out {=20 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } } @keyframes circular-progress-left-spin {=20 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @keyframes circular-progress-right-spin {=20 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } @keyframes circular-progress-fade-out {=20 0% { opacity: 0.99; } 100% { opacity: 0; } } .peoplekitComponentsScrollboxScrollbar { border-width: medium; border-style= : none; border-color: currentcolor; border-image: none; outline: none; over= flow: auto; } .peoplekitComponentsNoResultsMessageNoResultsMessage { color: var(--pkw-on-= surface,#5f6368); } .peoplekitThemeDark .peoplekitComponentsNoResultsMessageNoResultsMessage { = color: var(--pkw-on-surface,#9aa0a6); } .peoplekitComponentsNoResultsMessageNoResultsMessage { padding: 2em; text-a= lign: center; align-items: center; } .peoplekitComponentsNoResultsMessageHeader { font-family: "Google Sans", Ro= boto, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-spaci= ng: 0.00625em; font-weight: 500; } .peopleKitStyleGm3 .peoplekitComponentsNoResultsMessageHeader { font-family= : "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: = 1rem; font-weight: 500; letter-spacing: 0px; line-height: 1.5rem; } .peoplekitComponentsNoResultsMessageExplanation { font-family: Roboto, Aria= l, sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-spacing: 0= .0142857em; font-weight: 400; } .peopleKitStyleGm3 .peoplekitComponentsNoResultsMessageExplanation { font-f= amily: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-s= ize: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem;= } .peoplekitComponentsNoResultsMessageLearnMoreLink { color: inherit; text-de= coration: underline; white-space: nowrap; } .peoplekitComponentsAutocompletePopupContainer { border-width: 0px; box-sha= dow: rgba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px = 8px 3px; } .peoplekitComponentsAutocompletePopupContainer .mdc-elevation-overlay { opa= city: 0; } .peoplekitComponentsAutocompletePopupContainer { background: var(--pkw-back= ground,#fff); } .peoplekitThemeDark .peoplekitComponentsAutocompletePopupContainer { backgr= ound: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgba(= 232,234,237,.08)),#202124); } .peoplekitComponentsAutocompletePopupContainer { border-radius: 4px; displa= y: flex; flex-direction: column; outline: transparent solid 2px; padding-bo= ttom: 8px; padding-top: 8px; position: absolute; user-select: none; z-index= : 999999; } .peopleKitStyleGm3 .peoplekitComponentsAutocompletePopupContainer { box-sha= dow: rgba(0, 0, 0, 0.15) 0px 2px 6px 2px, rgba(0, 0, 0, 0.3) 0px 1px 2px 0p= x; } .peoplekitComponentsArialistboxAriaListBox { place-content: flex-start; ali= gn-items: center; display: flex; flex-flow: wrap; } .peoplekitComponentsArialistboxAriaListBox:focus { outline: none; } .peoplekitComponentsContextmenuitemImplMenuItem { background: var(--pkw-sur= face-container,#fff); cursor: pointer; display: flex; flex-direction: colum= n; justify-content: center; } .peoplekitComponentsContextmenuitemImplMenuItem:hover { background: var(--p= kw-surface-container,hsla(0,0%,4%,.04)); } .peoplekitComponentsContextmenuitemImplMenuItem.isActive { background: var(= --pkw-surface-container,hsla(0,0%,4%,.12)); outline: transparent solid 3px;= } .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensit= y { font-family: Roboto, Arial, sans-serif; line-height: 1.5rem; font-size:= 1rem; letter-spacing: 0.00625em; font-weight: 400; height: 48px; } .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensit= y .peoplekitComponentsContextmenuitemImplIcon { height: 24px; width: 24px; = margin-right: 16px; } .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortabl= eDensity { font-family: Roboto, Arial, sans-serif; line-height: 1.25rem; fo= nt-size: 0.875rem; letter-spacing: 0.0142857em; font-weight: 400; height: 3= 2px; } .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortabl= eDensity .peoplekitComponentsContextmenuitemImplIcon { height: 20px; width:= 20px; margin-right: 12px; } .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDen= sity { font-family: Roboto, Arial, sans-serif; line-height: 1.25rem; font-s= ize: 0.875rem; letter-spacing: 0.0142857em; font-weight: 400; height: 32px;= } .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDen= sity .peoplekitComponentsContextmenuitemImplIcon { height: 20px; width: 20p= x; margin-right: 12px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem { backg= round: var(--pkw-surface-container,linear-gradient(0deg,rgba(232,234,237,.0= 8),rgba(232,234,237,.08)),#202124); cursor: pointer; display: flex; flex-di= rection: column; justify-content: center; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem:hover {= background: var(--pkw-surface-container,linear-gradient(0deg,rgba(232,234,= 237,.14),rgba(232,234,237,.14)),#202124); } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.isActiv= e { background: var(--pkw-surface-container,linear-gradient(0deg,rgba(232,2= 34,237,.19),rgba(232,234,237,.19)),#202124); outline: transparent solid 3px= ; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.googleM= aterialDefaultDensity { font-family: Roboto, Arial, sans-serif; line-height= : 1.5rem; font-size: 1rem; letter-spacing: 0.00625em; font-weight: 400; hei= ght: 48px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.googleM= aterialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon { height:= 24px; width: 24px; margin-right: 16px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspa= ceMaterialComfortableDensity { font-family: Roboto, Arial, sans-serif; line= -height: 1.25rem; font-size: 0.875rem; letter-spacing: 0.0142857em; font-we= ight: 400; height: 32px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspa= ceMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon { = height: 20px; width: 20px; margin-right: 12px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspa= ceMaterialCompactDensity { font-family: Roboto, Arial, sans-serif; line-hei= ght: 1.25rem; font-size: 0.875rem; letter-spacing: 0.0142857em; font-weight= : 400; height: 32px; } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspa= ceMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon { heig= ht: 20px; width: 20px; margin-right: 12px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem { positi= on: relative; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.googleMa= terialDefaultDensity { font-family: "Google Sans Text", "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacin= g: 0px; line-height: 1.25rem; height: 48px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.googleMa= terialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon { height: = 24px; width: 24px; margin-right: 12px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspac= eMaterialComfortableDensity { font-family: "Google Sans Text", "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-= spacing: 0.00625rem; line-height: 1rem; height: 32px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspac= eMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon { h= eight: 20px; width: 20px; margin-right: 10px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspac= eMaterialCompactDensity { font-family: "Google Sans Text", "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spac= ing: 0.00625rem; line-height: 1rem; height: 32px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspac= eMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon { heigh= t: 20px; width: 20px; margin-right: 10px; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem::before = { background: var(--pkw-on-surface,var(--gm3-sys-color-on-surface,#1f1f1f))= ; } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemI= mplMenuItem::before { background: var(--pkw-on-surface,var(--gm3-sys-color-= on-surface,#1f1f1f)); } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem::before = { content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top= : 0px; width: 100%; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem:hover::b= efore { opacity: 0.08; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.isActive= ::before { opacity: 0.1; } .peoplekitComponentsContextmenuitemImplRow { align-items: center; display: = flex; flex-flow: row; max-width: 450px; padding: 0px 12px; } .peoplekitComponentsContextmenuitemImplLeft { flex: initial; } .peoplekitComponentsContextmenuitemImplCenter { flex: 1 1 auto; overflow: h= idden; } .peoplekitComponentsContextmenuitemImplRight { flex: initial; } .peoplekitComponentsContextmenuitemImplIcon { margin-left: 0px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .peoplekitComponentsContextmenuitemImplIcon { filter: brightness(0) inver= t(1); } } @media (forced-colors: active) and (prefers-color-scheme: light) { .peoplekitComponentsContextmenuitemImplIcon { filter: brightness(0); } } @media (forced-colors: none) { .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplIcon { filter: = brightness(0) saturate(100%) invert(25%) sepia(11%) saturate(129%) hue-rota= te(109deg) brightness(93%) contrast(86%); } .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsContextmenuite= mImplIcon { filter: brightness(0) saturate(100%) invert(88%) sepia(2%) satu= rate(246%) hue-rotate(87deg) brightness(92%) contrast(88%); } } .peoplekitComponentsContextmenuitemImplLabel { color: var(--pkw-on-surface,= #3c4043); } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplLabel { color: v= ar(--pkw-on-surface,#e8eaed); } .peoplekitComponentsContextmenuitemImplLabel { text-overflow: ellipsis; whi= te-space: nowrap; } .peoplekitComponentsContextmenuitemImplKeyboardShortcut { color: var(--pkw-= on-surface-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsContextmenuitemImplKeyboardShortcut= { color: var(--pkw-on-surface-variant,#9aa0a6); } .peoplekitComponentsContextmenuitemImplKeyboardShortcut { margin-left: 48px= ; margin-right: 0px; white-space: nowrap; } .peoplekitComponentsContextmenuImplMenu { border-width: 0px; box-shadow: rg= ba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px= ; } .peoplekitComponentsContextmenuImplMenu .mdc-elevation-overlay { opacity: 0= ; } .peoplekitComponentsContextmenuImplMenu { background: var(--pkw-surface-con= tainer,#fff); } .peoplekitThemeDark .peoplekitComponentsContextmenuImplMenu { background: v= ar(--pkw-surface-container,linear-gradient(0deg,rgba(232,234,237,.08),rgba(= 232,234,237,.08)),#202124); } .peoplekitComponentsContextmenuImplMenu { border-radius: 4px; outline: tran= sparent solid 1px; overflow: hidden; padding: 8px 0px; position: absolute; = user-select: none; z-index: 999999; } .peopleKitStyleGm3 .peoplekitComponentsContextmenuImplMenu { box-shadow: rg= ba(0, 0, 0, 0.15) 0px 2px 6px 2px, rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; } .peoplekitComponentsNameeditdialogImplDescription { font-family: Roboto, Ar= ial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-spacing: 0.00= 625em; font-weight: 400; color: var(--pkw-on-surface-variant,#3c4043); } .peoplekitThemeDark .peoplekitComponentsNameeditdialogImplDescription { col= or: var(--pkw-on-surface-variant,#e8eaed); } .peoplekitComponentsNameeditdialogImplDescription { margin-bottom: 24px; } .peopleKitStyleGm3 .peoplekitComponentsNameeditdialogImplDescription { font= -family: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25re= m; padding-bottom: 16px; margin-bottom: 0px; } .peoplekitComponentsNameeditdialogImplGoogleContactsLink { color: var(--pkw= -primary,#1a73e8); text-decoration: underline; white-space: nowrap; } .peoplekitComponentsNameeditdialogImplGoogleContactsLink:visited { color: v= ar(--pkw-primary,#1a73e8); } .peoplekitThemeDark .peoplekitComponentsNameeditdialogImplGoogleContactsLin= k { color: var(--pkw-primary,#8ab4f8); text-decoration: underline; white-sp= ace: nowrap; } .peoplekitThemeDark .peoplekitComponentsNameeditdialogImplGoogleContactsLin= k:visited { color: var(--pkw-primary,#8ab4f8); } .peoplekitComponentsTextfieldImplInputContainer { display: flex; height: 56= px; position: relative; } .peoplekitComponentsTextfieldImplInput { appearance: none; font-family: Rob= oto, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-spacin= g: 0.00625em; font-weight: 400; background: var(--pkw-surface-container-hig= h,#fff); box-shadow: 0 0 0 1px var(--pkw-outline,#80868b) inset; color: var= (--pkw-on-surface-variant,#3c4043); caret-color: var(--pkw-primary); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplInput { background: va= r(--pkw-surface-container-high,linear-gradient(0deg,rgba(232,234,237,.08),r= gba(232,234,237,.08)),#202124); box-shadow: 0 0 0 1px var(--pkw-outline,#9a= a0a6) inset; color: var(--pkw-on-surface-variant,#e8eaed); caret-color: var= (--pkw-primary); } .peoplekitComponentsTextfieldImplInput { border-radius: 4px; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= flex-grow: 1; outline: transparent solid 1px; padding: 0px 16px; } .peoplekitComponentsTextfieldImplInput:focus { box-shadow: 0 0 0 2px var(--= pkw-primary,#1a73e8) inset; } .peoplekitThemeDark .peoplekitComponentsTextfieldImplInput:focus { box-shad= ow: 0 0 0 2px var(--pkw-primary,#8ab4f8) inset; } .peoplekitComponentsTextfieldImplInput:focus { outline-width: 3px; } .peoplekitComponentsTextfieldImplInput:hover:not(:focus) { box-shadow: 0 0 = 0 1px var(--pkw-on-surface,#202124) inset; } .peoplekitThemeDark .peoplekitComponentsTextfieldImplInput:hover:not(:focus= ) { box-shadow: 0 0 0 1px var(--pkw-on-surface,#e8eaed) inset; } .peopleKitStyleGm3 .peoplekitComponentsTextfieldImplInput { font-family: "G= oogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; line-height: 1.= 5rem; font-size: 1rem; letter-spacing: 0px; font-weight: 400; } .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTe= xtfieldImplInput { box-shadow: 0 0 0 1px var(--pkw-error,#c5221f) inset; } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .p= eoplekitComponentsTextfieldImplInput { box-shadow: 0 0 0 1px var(--pkw-erro= r,#f28b82) inset; } .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTe= xtfieldImplInput:focus { box-shadow: 0 0 0 2px var(--pkw-error,#c5221f) ins= et; } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .p= eoplekitComponentsTextfieldImplInput:focus { box-shadow: 0 0 0 2px var(--pk= w-error,#f28b82) inset; } .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTe= xtfieldImplInput:hover:not(:focus) { box-shadow: 0 0 0 1px var(--pkw-on-err= or-container,#d93025) inset; } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .p= eoplekitComponentsTextfieldImplInput:hover:not(:focus) { box-shadow: 0 0 0 = 1px var(--pkw-on-error-container,#f6aea9) inset; } .peoplekitComponentsTextfieldImplLabel { font-family: Roboto, Arial, sans-s= erif; line-height: 1rem; font-size: 0.75rem; letter-spacing: 0.025em; font-= weight: 400; background: var(--pkw-surface-container-high,#fff); color: var= (--pkw-on-surface-variant,#5f6368); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplLabel { background: va= r(--pkw-surface-container-high,linear-gradient(0deg,rgba(232,234,237,.08),r= gba(232,234,237,.08)),#202124); color: var(--pkw-on-surface-variant,#9aa0a6= ); } .peoplekitComponentsTextfieldImplLabel { line-height: 0.75rem; top: -5px; l= eft: 12px; position: absolute; padding: 0px 4px; } .peopleKitStyleGm3 .peoplekitComponentsTextfieldImplLabel { font-family: "G= oogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75= rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; top: = -7px; } .peoplekitComponentsTextfieldImplTextField:focus-within .peoplekitComponent= sTextfieldImplLabel { color: var(--pkw-primary,#1a73e8); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField:focus-within= .peoplekitComponentsTextfieldImplLabel { color: var(--pkw-primary,#8ab4f8)= ; } .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTe= xtfieldImplLabel, .peoplekitComponentsTextfieldImplTextField.isInvalid:focu= s-within .peoplekitComponentsTextfieldImplLabel { color: var(--pkw-error,#c= 5221f); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .p= eoplekitComponentsTextfieldImplLabel, .peoplekitThemeDark .peoplekitCompone= ntsTextfieldImplTextField.isInvalid:focus-within .peoplekitComponentsTextfi= eldImplLabel { color: var(--pkw-error,#f28b82); } .peoplekitComponentsTextfieldImplTextField.isInvalid:hover:not(:focus-withi= n) .peoplekitComponentsTextfieldImplLabel { color: var(--pkw-on-error-conta= iner,#a50e0e); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid:ho= ver:not(:focus-within) .peoplekitComponentsTextfieldImplLabel { color: var(= --pkw-on-error-container,#fad2cf); } .peoplekitComponentsTextfieldImplTextField:hover:not(:focus-within) .people= kitComponentsTextfieldImplLabel { color: var(--pkw-on-surface,#202124); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField:hover:not(:f= ocus-within) .peoplekitComponentsTextfieldImplLabel { color: var(--pkw-on-s= urface,#e8eaed); } .peoplekitComponentsTextfieldImplInvalidMessage { font-family: Roboto, Aria= l, sans-serif; line-height: 1rem; font-size: 0.75rem; letter-spacing: 0.025= em; font-weight: 400; color: var(--pkw-error,#c5221f); } .peoplekitThemeDark .peoplekitComponentsTextfieldImplInvalidMessage { color= : var(--pkw-error,#f28b82); } .peoplekitComponentsTextfieldImplInvalidMessage { margin-top: 10px; } .peoplekitComponentsTextfieldImplInvalidMessage:empty { display: none; } .peopleKitStyleGm3 .peoplekitComponentsTextfieldImplInvalidMessage { font-f= amily: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; font-s= ize: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1r= em; padding: 4px 16px 0px; margin-top: 0px; } .peoplekitComponentsChipsetImplDraggableChip, .peoplekitComponentsChipsetIm= plNonDraggableChip { background: var(--pkw-background,#fff); } .peoplekitThemeDark .peoplekitComponentsChipsetImplDraggableChip, .peopleki= tThemeDark .peoplekitComponentsChipsetImplNonDraggableChip { background: va= r(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgba(232,234,= 237,.08)),#202124); } .peoplekitComponentsChipsetImplDraggableChip, .peoplekitComponentsChipsetIm= plNonDraggableChip { display: flex; flex-direction: row; min-width: 1px; } .peoplekitComponentsChipsetImplDropMarker, .peoplekitThemeDark .peoplekitCo= mponentsChipsetImplDropMarker { box-shadow: rgb(66, 133, 244) 0px 0px 0px 1= px; } .peoplekitComponentsChipsetImplDropMarker { pointer-events: none; z-index: = 99; } .peoplekitComponentsChipsetImplChipContainer { display: inline-flex; min-wi= dth: 1px; } .isDraggedOver .peoplekitComponentsChipsetImplChipContainer { pointer-event= s: none; } .peoplekitComponentsChipsetImplDraggedChips { position: absolute; top: -200= px; } .peoplekitComponentsSearchbarImplSearchBarContainer { background: var(--pkw= -background,#fff); } .peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchBarContainer { b= ackground: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),= rgba(232,234,237,.08)),#202124); } .peoplekitComponentsSearchbarImplSearchBarContainer { display: flex; flex-d= irection: column; } .peoplekitComponentsSearchbarImplSearchInputContainer { flex: 1 1 0%; margi= n-left: 4px; margin-right: 0px; display: flex; flex-direction: column; over= flow: hidden; } .peoplekitComponentsSearchbarImplSearchInput { background: var(--pkw-backgr= ound,#fff); color: var(--pkw-on-surface,#000); } .peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchInput { backgrou= nd: var(--pkw-background,linear-gradient(0deg,rgba(232,234,237,.08),rgba(23= 2,234,237,.08)),#202124); color: var(--pkw-on-surface,#fff); } .peoplekitComponentsSearchbarImplSearchInput::placeholder { } .peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchInput::placehold= er { color: rgb(154, 160, 166); } .peoplekitComponentsSearchbarImplSearchInput { flex: 1 1 0%; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= outline: none; padding: 0px; } .peoplekitComponentsSearchbarImplSearchInputWidthMeasurer { align-self: fle= x-start; height: 0px; visibility: hidden; white-space: pre; } .peoplekitComponentsSearchbarImplSearchInput.googleMaterialDefaultDensity, = .peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.googleMaterialDef= aultDensity { font-family: Roboto, Arial, sans-serif; line-height: 1.5rem; = font-size: 1rem; letter-spacing: 0.00625em; font-weight: 400; } .peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialComfortableDe= nsity, .peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialCompac= tDensity, .peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.workspa= ceMaterialComfortableDensity, .peoplekitComponentsSearchbarImplSearchInputW= idthMeasurer.workspaceMaterialCompactDensity { font-family: Roboto, Arial, = sans-serif; line-height: 1.25rem; font-size: 0.875rem; letter-spacing: 0.01= 42857em; font-weight: 400; } .peopleKitStyleGm3 .peoplekitComponentsSearchbarImplSearchInput.googleMater= ialDefaultDensity, .peoplekitComponentsSearchbarImplSearchInputWidthMeasure= r.googleMaterialDefaultDensity { font-family: "Google Sans Text", "Google S= ans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; lett= er-spacing: 0px; font-weight: 400; } .peopleKitStyleGm3 .peoplekitComponentsSearchbarImplSearchInput.workspaceMa= terialComfortableDensity, .peopleKitStyleGm3 .peoplekitComponentsSearchbarI= mplSearchInput.workspaceMaterialCompactDensity, .peoplekitComponentsSearchb= arImplSearchInputWidthMeasurer.workspaceMaterialComfortableDensity, .people= kitComponentsSearchbarImplSearchInputWidthMeasurer.workspaceMaterialCompact= Density { font-family: "Google Sans Text", "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-= height: 1.25rem; } .goog-char-picker { background-color: rgb(221, 221, 221); padding: 16px; bo= rder: 1px solid rgb(119, 119, 119); } .goog-char-picker-hovercard { border: 5px solid rgb(255, 204, 51); min-widt= h: 64px; max-width: 160px; padding: 16px; background-color: rgb(255, 255, 2= 55); text-align: center; position: absolute; visibility: hidden; } .goog-char-picker-name { font-size: x-small; } .goog-char-picker-unicode { font-size: x-small; color: graytext; } .goog-char-picker-char-zoom { font-size: xx-large; } .goog-char-picker-grid-container { border: 1px solid rgb(119, 119, 119); ba= ckground-color: rgb(255, 255, 255); width: 272px; } .goog-char-picker-grid { overflow: hidden; height: 250px; width: 250px; pos= ition: relative; } .goog-stick { width: 1px; overflow: hidden; } .goog-stickwrap { width: 17px; height: 250px; float: right; overflow: auto;= } .goog-char-picker-recents { border: 1px solid rgb(119, 119, 119); backgroun= d-color: rgb(255, 255, 255); height: 25px; width: 275px; margin: 0px 0px 16= px; position: relative; } .goog-char-picker-notice { font-size: x-small; height: 16px; color: graytex= t; margin: 0px 0px 16px; } .goog-char-picker-input-box { width: 96px; } .label-input-label { color: graytext; } .goog-char-picker-grid .goog-flat-button { position: relative; width: 24px;= height: 24px; line-height: 24px; border-bottom: 1px solid rgb(221, 221, 22= 1); border-right: 1px solid rgb(221, 221, 221); text-align: center; cursor:= pointer; outline: none; } .goog-char-picker-grid .goog-flat-button-focus, .goog-char-picker-grid .goo= g-flat-button-hover { background-color: rgb(255, 204, 51); } .goog-char-picker-button { border-width: 0px; margin: 0px; padding: 0px; po= sition: absolute; background-position: 0px center; } .goog-char-picker-menu { background-color: rgb(255, 255, 255); border-color= : rgb(204, 204, 204) rgb(102, 102, 102) rgb(102, 102, 102) rgb(204, 204, 20= 4); border-style: solid; border-width: 1px; cursor: default; margin: 0px; o= utline: none; padding: 0px; position: absolute; max-height: 400px; overflow= -y: auto; } .goog-char-picker-menu .goog-menuitem { color: rgb(0, 0, 0); list-style: no= ne; margin: 0px; padding: 1px 32px 1px 8px; white-space: nowrap; } .goog-char-picker-menu2 .goog-menuitem { color: rgb(0, 0, 0); list-style: n= one; margin: 0px; padding: 1px 32px 1px 8px; white-space: nowrap; } .goog-char-picker-menu .goog-subtitle { background-color: rgb(102, 102, 102= ); font-weight: 700; list-style: none; margin: 0px; padding: 3px 32px 3px 8= px; white-space: nowrap; color: rgb(255, 255, 255) !important; } .goog-char-picker-menu .goog-menuitem-rtl { padding: 2px 16px 2px 32px !imp= ortant; } .goog-char-picker-menu .goog-menuitem-highlight { background-color: rgb(214= , 233, 248); } .goog-char-picker-menu .goog-menuseparator { border-top: 1px solid rgb(204,= 204, 204); margin: 2px 0px; padding: 0px; } .ita-cp-whole-pad { position: fixed; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px= 16px; background: rgb(255, 255, 255); padding: 15px 21px; width: 560px; he= ight: auto; overflow: hidden; transform: translateZ(0px); } .ita-cp-whole-pad.modal-dialog { padding: 15px 21px; } .ita-cp-charpicker { display: inline-block; } .ita-cp-content { display: block; } .ita-cp-hwt { display: block; position: relative; overflow: hidden; width: = 275px; height: 257px; background: rgb(255, 255, 255); border: 1px solid rgb= (204, 204, 204); } .ita-cp-hwt:focus { outline: none; } .ita-cp-cell { display: inline-block; } .ita-cp-title-bar { display: block; font-size: 16px; line-height: 24px; pad= ding: 10px 0px 5px; } .ita-cp-title-text { display: inline-block; } .ita-cp-right-cell { padding-left: 10px; vertical-align: top; } .ita-cp-whole-pad .goog-char-picker { background-color: transparent; border= -width: medium; border-style: none; border-color: currentcolor; border-imag= e: none; padding: 0px; } .ita-cp-whole-pad .goog-menu-button { background: none; } .ita-cp-whole-pad .goog-char-picker-grid { height: 300px; } .goog-char-picker-grid.goog-char-picker-recents { height: 25px; } .ita-cp-search { margin-bottom: 10px; border: 1px solid rgb(204, 204, 204);= height: 31px; } .ita-cp-search.ita-cp-focus { border: 1px solid rgb(77, 144, 254); } .ita-cp-input { width: 248px; height: 28px; outline: none; border-width: me= dium; border-style: none; border-color: currentcolor; border-image: none; v= ertical-align: top; font-size: 11px; text-overflow: ellipsis; padding: 0px;= } .ita-cp-enter { position: static; display: inline-block; top: 10px !importa= nt; right: 10px !important; width: 45px !important; height: 32px !important= ; margin-left: 10px !important; } .ita-cp-enter-img { position: relative; left: 15px; top: 12px; } .ita-cp-clear { position: absolute; left: 230px; top: 215px; } .ita-cp-clear-img { background-image: url("https://fonts.gstatic.com/s/i/sh= ort-term/release/googlesymbols/refresh/default/24px.svg"); background-repea= t: no-repeat; width: 24px; height: 24px; } .ita-cp-hwt .ita-hwt-candidate { width: 30px; height: 12px; padding: 6px; l= ine-height: 12px; text-align: center; } .ita-cp-hwt .ita-hwt-candidate-hover { background-color: rgb(255, 204, 51);= } .ita-cp-charpicker .goog-char-picker-grid-container, .ita-cp-charpicker .go= og-menu-button-inner-box { border: 1px solid rgb(204, 204, 204); } .ita-cp-charpicker .goog-menu-button-outer-box { border-width: medium; bord= er-style: none; border-color: currentcolor; border-image: none; } .goog-char-picker-grid .goog-flat-button { vertical-align: top; } .ita-cp-charpicker .goog-char-picker-grid { overflow-y: scroll; border: 1px= solid rgb(204, 204, 204); width: 270px; } .ita-cp-menubar { margin-bottom: 12px; } .ita-cp-menubar .goog-flat-menu-button { margin-right: 5px; } .ita-cp-lens { background-image: url("https://fonts.gstatic.com/s/i/short-t= erm/release/googlesymbols/search/default/20px.svg"); width: 21px; height: 2= 1px; display: inline-block; position: relative; top: 5px; } .goog-char-picker-menu .goog-menuitem-highlight, .goog-char-picker-menu .go= og-menuitem-hover { border-width: medium; border-style: none; border-color:= currentcolor; border-image: none; } .goog-char-picker-menu.goog-menu { z-index: 1102; } .ita-cp-whole-pad .modal-dialog-title { margin: 0px 0px 8px; } .goog-char-picker-hovercard { z-index: 1102; border: 5px solid rgb(81, 149,= 239) !important; } .ita-cp-whole-pad .modal-dialog-title-close::after { background: url("https= ://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24p= x.svg"); position: absolute; height: 24px; width: 24px; right: 24px; } .ita-cp-input::placeholder { color: rgb(68, 71, 70); } .docs-hc-gecko .ita-cp-clear-img, .docs-hc-gecko .ita-cp-lens, .docs-hc-gec= ko .ita-cp-whole-pad .modal-dialog-title-close::after { filter: invert(1); = } .docs-hc-gecko canvas.ita-hwt-canvas { cursor: url("https://ssl.gstatic.com= /inputtools/images/stylus_20dp_invert.svg") 0 24, auto; } @media screen and (forced-colors: active) { .ita-cp-clear-img, .ita-cp-lens, .ita-cp-whole-pad .modal-dialog-title-cl= ose::after { filter: invert(1); } canvas.ita-hwt-canvas { cursor: url("https://ssl.gstatic.com/inputtools/i= mages/stylus_20dp_invert.svg") 0 24, auto; } } .docs-ai-labs-opt-out-dialog { min-width: 471px; } .docs-ai-labs-opt-out-dialog-title { color: var(--gm3-sys-color-on-surface,= #1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial= , sans-serif; padding: 24px 24px 16px; } .docs-ai-labs-opt-out-dialog-content { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; padding-bottom: 0px; } .docs-ai-labs-opt-out-dialog-learn-more-link { align-items: center; color: = var(--gm3-sys-color-primary,#0b57d0); display: flex; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875re= m; font-weight: 500; margin-right: auto; } .docs-chat.jfk-button { border-radius: 0px; height: 28px; margin-left: 2px;= margin-right: 0px; min-width: 24px; vertical-align: top; } .docs-chat.jfk-button .docs-icon { opacity: 0.55; } .docs-chat.jfk-button.jfk-button-checked .docs-icon { opacity: 0.9; } .docs-chat.jfk-button.jfk-button-disabled .docs-icon { opacity: 0.333; } .docs-chat-badge { background: var(--ws-sys-color-extended-red-fill,#b3251e= ); border-radius: 8px; display: none; height: 12px; pointer-events: none; p= osition: absolute; right: -4px; top: -4px; width: 12px; } .docs-chat-badge-visible { display: block; } .docs-chat-badge.docs-hc-gecko { filter: url("data:image/svg+xml;utf8,#invertColor"); } .docs-chat-message-tooltip-container { border-radius: 2px; background-color= : var(--gm3-sys-color-surface-container-low,#f8fafd); padding: 12px; z-inde= x: 501; } .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowi= mplafter { border-color: var(--gm3-sys-color-surface-container-low,#f8fafd)= transparent; } .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowi= mplbefore { border-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,= #1f1f1f) 30%,transparent) transparent; } .docs-chat-message-tooltip { font-size: 13px; height: 32px; line-height: 18= px; position: relative; text-align: left; width: 192px; } .docs-chat-message-tooltip-subject { opacity: 0.87; font-weight: 500; } .docs-chat-message-tooltip-content { opacity: 0.54; overflow: hidden; text-= overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow-wr= ap: break-word; } .docs-presence-widget { cursor: pointer; height: 19px; margin: 0px 0px 5px;= outline: 0px; position: absolute; right: 44px; top: 11px; width: 207px; } #docs-presence-menubar .docs-presence-widget { top: 5px; } #docs-presence .docs-presence-widget { display: inline-block; position: rel= ative; right: auto; text-align: left; width: auto; } .docs-presence-widget-inner { border: 1px solid transparent; height: 17px; = margin-bottom: 8px; } #docs-presence .docs-presence-widget-inner { display: inline-block; max-wid= th: 190px; } .docs-presence-widget-normal .docs-presence-widget-inner { background: var(= --gm3-sys-color-surface,#fff); border-color: var(--gm3-sys-color-surface,#f= ff); color: var(--gm3-sys-color-on-surface-variant,#444746); } .docs-presence-widget-focused .docs-presence-widget-inner, .docs-presence-w= idget-hover .docs-presence-widget-inner, .docs-presence-widget-open .docs-p= resence-widget-inner { background: color-mix(in srgb,var(--gm3-sys-color-on= -surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); border-color: var= (--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-su= rface,#1f1f1f) !important; } .docs-presence-widget-notify .docs-presence-widget-inner { color: var(--gm3= -sys-color-surface,#fff); } .docs-presence-widget-arrow { position: absolute !important; top: 0px; } .docs-presence-widget-content { font-size: 0.6875rem; line-height: 18px; ma= x-width: 98px; overflow: hidden; padding: 0px 4px; text-overflow: ellipsis;= white-space: nowrap; } #docs-presence .docs-presence-widget-content { max-width: 90px; position: r= elative; vertical-align: top; } .docs-presence-widget-collab { max-width: 90px; overflow: hidden; position:= absolute; right: 4px; top: 1px; } #docs-presence .docs-presence-widget-collab { display: inline-block; margin= -right: 4px; position: relative; right: auto; top: auto; } .docs-presence-widget-collab .docs-user-roster-bubble { margin: 1px; vertic= al-align: baseline; } #docs-presence-container { height: 29px; margin-right: 10px; vertical-align= : middle; } #docs-presence { vertical-align: top; } .docs-presence-plus-widget { max-width: 250px; outline: 0px; text-align: le= ft; } #docs-bars .docs-presence-plus-widget { position: absolute; overflow: hidde= n; right: 0px; top: 2px; } .docs-presence-plus-widget-inner { vertical-align: top; } .docs-presence-plus-widget-collabs { height: 30px; } .docs-hub-appbar .docs-presence-plus-widget-collabs { display: flex; align-= items: center; } .goog-flat-menu-button.docs-presence-plus-widget-overflow-button { border-r= adius: 0px; height: 28px; margin: 0px 2px 0px -1px; min-width: 0px; padding= : 0px; width: 13px; } .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown = { right: 3px; } .docs-presence-plus-widget-overflow-menu { max-height: 300px; outline: none= ; overflow: auto; padding: 7px; text-align: left; white-space: nowrap; } .docs-presence-plus-collab-widget-container, .docs-presence-plus-widget-ove= rflow { height: 30px; overflow: hidden; vertical-align: top; } .docs-presence-plus-collab-widget-color-block { height: 30px; overflow: hid= den; width: 25px; opacity: 0.5; } .docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menuite= m, .docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menu= item-highlight, .docs-presence-plus-collab-widget-menuitem { border-style: = none; padding: 0px; } .docs-presence-plus-collab-widget-container { margin: 0px 2px; width: 25px;= } .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-= color-block, .docs-presence-plus-collab-widget-exit .docs-presence-plus-col= lab-widget-color-block { opacity: 1; } .docs-presence-plus-collab-widget-image, .docs-presence-plus-collab-widget-= image-container { height: 25px; padding-bottom: 5px; width: 25px; } .docs-presence-plus-collab-widget-image-container { overflow: hidden; } .docs-hub-appbar .docs-presence-plus-collab-widget-color-block, .docs-hub-a= ppbar .docs-presence-plus-collab-widget-image-container { height: 28px; wid= th: 28px; } .docs-hub-appbar .docs-presence-plus-collab-widget-image { height: 24px; wi= dth: 24px; } .docs-presence-plus-collab-widget-image-border { border-bottom: 1px solid v= ar(--gm3-sys-color-surface,#fff); height: 24px; } .docs-presence-plus-collab-widget-idle-text { color: var(--gm3-sys-color-on= -surface-variant,#444746); font-size: 0.6875rem; } .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-= idle-text, .docs-presence-plus-widget-overflow-menu .docs-presence-plus-col= lab-widget-active .docs-presence-plus-collab-widget-idle-text { display: no= ne; } .docs-presence-plus-widget-overflow-button-collabs { margin: 0px; } .docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-c= olor-block { animation-name: color-join; animation-duration: 0.5s; } .docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-i= mage-container { animation-name: image-join; animation-duration: 1.5s; anim= ation-timing-function: ease-in; } .docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-co= lor-block { animation-name: collab-exit; animation-duration: 1s; height: 0p= x; width: 0px; } .docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-im= age { animation-name: collab-image-exit; animation-duration: 1s; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= container { display: block; height: 25px; margin: 0px 0px 5px; width: auto;= } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= color-block { width: 30px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget = { height: 25px; padding-right: 20px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= image { position: relative; left: -1px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= image, .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-= widget-image-container { padding-bottom: 0px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= image-container { padding-left: 5px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= image-border { border-bottom-width: medium; border-bottom-style: none; bord= er-bottom-color: currentcolor; border-left: 1px solid var(--gm3-sys-color-s= urface,#fff); height: 25px; } .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-= name { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-size: 13px; mar= gin: 4px 0px 0px 5px; vertical-align: top; } #docs-toolbar-wrapper { border-top: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); border-bottom: 1px solid var(--gm3-sys-color-outline-varia= nt,#c4c7c5); min-height: 35px; box-shadow: inset 0 1px 0 0 var(--gm3-sys-co= lor-surface,#fff); background-color: var(--gm3-sys-color-surface-container-= low,#f8fafd); background-image: linear-gradient(top,var(--gm3-sys-color-sur= face-container,#f0f4f9),var(--gm3-sys-color-surface-container,#f0f4f9)); pa= dding: 0px 44px 0px 58px; position: relative; } #docs-toolbar-wrapper.docs-hub-appbar { border-width: medium; border-style:= none; border-color: currentcolor; border-image: none; } #docs-toolbar { background: none; display: inline; min-height: 35px; paddin= g: 0px; border-width: 0px !important; } #docs-primary-toolbars { display: block; } #docs-omnibox-toolbar { background: none; display: inline-block; overflow: = hidden; padding: 0px 6px; vertical-align: middle; width: 293px; border-widt= h: 0px !important; } #docs-side-toolbar { background: none; border: 0px; margin: 0px 44px 0px 0p= x; padding: 0px; position: absolute; right: 0px; top: 0px; justify-content:= center; align-items: center; display: flex; } #textToSpeechToolbarButton { padding-left: 2px; } .goog-toolbar { margin-bottom: 0px; } .goog-toolbar-button, .goog-toolbar-menu-button { margin: 4px 0px 0px -1px;= } .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-inner-box { heigh= t: 25px; min-width: 25px; padding: 0px; text-align: center; } .docs-toolbar-button-split-left .goog-toolbar-button-inner-box { min-width:= 23px; } .goog-toolbar-button-inner-box .docs-icon, .goog-toolbar-menu-button-captio= n .docs-icon, .goog-toolbar-menu-button-caption .goog-color-menu-button-ind= icator .docs-icon { margin-top: -3px; } .goog-toolbar-button .goog-toolbar-menu-button-outer-box .goog-toolbar-menu= -button-inner-box, .goog-toolbar-menu-button .goog-toolbar-menu-button-oute= r-box .goog-toolbar-menu-button-inner-box { margin: 0px 1px; } .goog-toolbar-menu-button-dropdown { margin-left: 4px; margin-right: 0px; m= argin-top: 9px; } .goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown { margin= -top: 7px; } .goog-toolbar-separator.goog-inline-block { border-left: 1px solid var(--gm= 3-sys-color-outline-variant,#c4c7c5); height: 35px; margin: 0px 5px 0px 4px= ; vertical-align: top; } .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu= -button-inner-box { margin: 0px 1px 0px 0px; } .goog-color-menu-button-indicator { position: relative; height: 19px; } .goog-toolbar-color-menu-button .goog-toolbar-menu-button-caption { top: -2= px; } .docs-toolbar-small-separator.goog-toolbar-separator { border-left: 1px sol= id var(--gm3-sys-color-outline-variant,#c4c7c5); display: inline; font-size= : 0.6875rem; height: 17px; line-height: normal; list-style: none; margin: 0= px -3px 0px -1px; outline: none; overflow: hidden; padding: 0px 0px 3px; te= xt-decoration: none; vertical-align: middle; width: 0px; } .docs-toolbar-small-separator.goog-toolbar-separator { display: inline-bloc= k; height: 35px; margin: 0px 5px 0px 4px; padding: 0px; vertical-align: top= ; } .docs-toolbar-small-separator.goog-toolbar-separator + .docs-toolbar-small-= separator.goog-toolbar-separator { display: none; } .goog-toolbar-button + div.docs-toolbar-small-separator, div.goog-toolbar-m= enu-button + div.docs-toolbar-small-separator, div.goog-toolbar-separator += div.docs-toolbar-small-separator { margin-left: 3px; } .docs-toolbar-small-separator + div.goog-toolbar-button, .docs-toolbar-smal= l-separator + div.goog-toolbar-menu-button, .docs-toolbar-small-separator += div[class~=3D"goog-toolbar-select"] { margin-left: -1px; } div[class~=3D"goog-toolbar-select"] + div.docs-toolbar-small-separator { ma= rgin-left: -1px; } .docs-toolbar-small-separator + div.goog-toolbar-select { margin-left: -3px= ; } .docs-toolbar-inset-separator.docs-toolbar-small-separator { border-left: 1= px solid 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); height: 20= px; margin: 5px 5px 0px 4px; vertical-align: middle; } .goog-toolbar-toggle-button.goog-toolbar-button-checked + .goog-toolbar-tog= gle-button.goog-toolbar-button-checked { border-left: 0px; border-top-left-= radius: 0px; border-bottom-left-radius: 0px; margin-left: -1px; } .goog-toolbar-toggle-button.goog-toolbar-button-checked + .goog-toolbar-tog= gle-button.goog-toolbar-button-checked .goog-toolbar-button-outer-box .goog= -toolbar-button-inner-box, .goog-toolbar-toggle-button.goog-toolbar-button-= checked + .goog-toolbar-toggle-button.goog-toolbar-button-checked.goog-tool= bar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-= box { margin-left: 1px; } .goog-toolbar-button .docs-icon, .goog-toolbar-menu-button .docs-icon { opa= city: 0.55; } .goog-toolbar-button-checked .docs-icon, .goog-toolbar-button-hover .docs-i= con, .goog-toolbar-button-selected .docs-icon, .goog-toolbar-menu-button-ch= ecked .docs-icon, .goog-toolbar-menu-button-hover .docs-icon, .goog-toolbar= -menu-button-selected .docs-icon { opacity: 0.9; } .goog-toolbar-button-active .docs-icon, .goog-toolbar-menu-button-open .doc= s-icon { opacity: 1; } .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu= -button-inner-box .goog-toolbar-menu-button-caption { margin-left: 10px; te= xt-align: left; } .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu= -button-inner-box .goog-toolbar-menu-button-dropdown { margin-left: 5px; ma= rgin-right: 4px; } .docs-toolbar-button-split-left, .docs-toolbar-button-split-left * { border= -top-right-radius: 0px !important; border-bottom-right-radius: 0px !importa= nt; } .docs-toolbar-button-split-right, .docs-toolbar-button-split-right * { bord= er-top-left-radius: 0px !important; border-bottom-left-radius: 0px !importa= nt; min-width: 5px !important; } .docs-toolbar-button-split-right .goog-toolbar-menu-button-dropdown { margi= n-left: 3px; } .docs-toolbar-button-split-sympathy-hover { border-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); } .docs-toolbar-button-split-left .goog-toolbar-button-hover, .docs-toolbar-b= utton-split-right .goog-toolbar-button-hover { z-index: 1; } .docs-toolbar-split-create-button.goog-toolbar-menu-button { margin-right: = 4px; } .docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown { back= ground: url("https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure= -arrow-down.png") 50% center no-repeat; height: 7px; margin-top: 9px; opaci= ty: 1; } .docs-toolbar-split-create-button { background-color: var(--gm3-sys-color-s= urface-container,#f0f4f9); background-image: linear-gradient(top,var(--gm3-= sys-color-surface-container,#f0f4f9),var(--gm3-sys-color-surface-container-= low,#f8fafd)); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5) != important; } .docs-toolbar-split-create-button.goog-toolbar-button-disabled { border-rig= ht-color: var(--gm3-sys-color-surface,#fff) !important; } .docs-toolbar-split-create-button.goog-toolbar-button-hover, .docs-toolbar-= split-create-button.goog-toolbar-menu-button-hover { background-color: var(= --gm3-sys-color-surface-container-low,#f8fafd); background-image: linear-gr= adient(top,var(--gm3-sys-color-surface-container,#f0f4f9),var(--gm3-sys-col= or-surface-container-low,#f8fafd)); border-color: var(--gm3-sys-color-outli= ne-variant,#c4c7c5) !important; } .docs-toolbar-split-create-button.goog-toolbar-button-active, .docs-toolbar= -split-create-button.goog-toolbar-menu-button-active { background-color: va= r(--gm3-sys-color-surface-container,#f0f4f9); background-image: linear-grad= ient(top,var(--gm3-sys-color-surface-container,#f0f4f9),var(--gm3-sys-color= -surface-container-low,#f8fafd)); border-color: var(--gm3-sys-color-outline= -variant,#c4c7c5) !important; } .docs-toolbar-split-create-button .docs-icon { opacity: 1; } .docs-toolbar-split-sl-button.docs-toolbar-split-sl-button-right { border-t= op-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; } .docs-toolbar-split-button-separator-wrapper { height: 26px; margin-top: 6p= x; vertical-align: top; } .docs-toolbar-split-button-separator-wrapper .goog-toolbar-separator.goog-i= nline-block { height: 20px; margin: 3px 0px 0px; } .docs-toolbar-text-button .goog-toolbar-button-outer-box, .docs-toolbar-tex= t-button .goog-toolbar-menu-button-outer-box { padding-left: 4px; } .docs-toolbar-text-button .goog-toolbar-button-outer-box { padding-right: 4= px; } .goog-toolbar-menu-button-outer-box { padding-right: 3px; } .goog-toolbar-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box {= padding-right: 0px; } .jfk-bubble.docs-toolbar-more-bubble { padding: 0px; z-index: 902 !importan= t; } .docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter { = border-color: var(--gm3-sys-color-surface-container,#f0f4f9) transparent; } .docs-toolbar-more-toolbar { background: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); border: 0px; min-height: 35px; padding: 0px 0px 0px 10px; } .docs-collapsable-toolbar { white-space: nowrap; } .docs-collapsable-toolbar-control { white-space: normal; } .docs-hc-gecko .docs-icon-img { filter: invert(100%) !important; } .docs-hc-gecko .docs-icon-img-hc-no-invert .docs-icon-img { filter: unset != important; } .docs-hc-gecko .docs-icon-img.docs-icon-docs-2026-36x36, .docs-hc-gecko .do= cs-icon-img.docs-icon-document, .docs-hc-gecko .docs-icon-img.docs-icon-dra= wing, .docs-hc-gecko .docs-icon-img.docs-icon-form, .docs-hc-gecko .docs-ic= on-img.docs-icon-presentation, .docs-hc-gecko .docs-icon-img.docs-icon-punc= h, .docs-hc-gecko .docs-icon-img.docs-icon-script, .docs-hc-gecko .docs-ico= n-img.docs-icon-sheets-revised-2026-36x36, .docs-hc-gecko .docs-icon-img.do= cs-icon-site, .docs-hc-gecko .docs-icon-img.docs-icon-slides-2026-36x36, .d= ocs-hc-gecko .docs-icon-img.docs-icon-spreadsheet, .docs-hc-gecko .docs-ico= n-img.docs-icon-videocam-colored-24 { filter: none; } .docs-icon-toolbar-button-with-text { padding-left: 4px; padding-right: 4px= ; } .docs-icon-toolbar-button-with-text .docs-icon-toolbar-button-with-text-ico= n-container { margin-right: 4px; } .goog-toolbar { background: rgb(245, 245, 245); border-top: 1px solid rgb(2= 29, 229, 229); border-bottom: 1px solid rgb(235, 235, 235); outline: 0px; p= adding: 8px 0px 4px; position: relative; zoom: 1; } .request-file-scope-modal-container { align-items: center; background-color= : rgba(0, 0, 0, 0.5); display: flex; height: 100%; position: absolute; top:= 0px; width: 300px; } .request-file-scope-modal { background: rgb(255, 255, 255); border-radius: = 8px; display: flex; margin: 8px; min-height: 100px; padding: 24px 8px; widt= h: 100%; } .request-file-scope-modal-icon-container { margin-top: -4px; padding-right:= 8px; } .request-file-scope-modal-icon { height: 48px; width: 48px; } .request-file-scope-modal-prompt { font-weight: 700; line-height: 16px; pad= ding-bottom: 16px; } .request-file-scope-modal-description { line-height: 16px; padding-bottom: = 16px; word-break: break-all; } .request-file-scope-modal-buttons { text-align: right; text-transform: uppe= rcase; } .add-on-host-client-not-supported, .add-on-host-container, .add-on-host-con= tent, .add-on-host-failure, .add-on-host-loading, .add-on-host-offline, .se= nd-time-add-on-host-failure, .send-time-add-on-host-offline { height: 100%;= width: 100%; } .add-on-host-container { outline: none; position: relative; } .add-on-host-content, .add-on-host-extra-content-container { bottom: 0px; l= eft: 0px; outline: none; position: absolute; } .add-on-host-content { outline: none; position: absolute; } .add-on-host-non-content-wrapper { display: flex; flex-direction: column; h= eight: 100%; } .add-on-host-non-content-wrapper.isHidden { visibility: hidden; } .add-on-host-views-container { flex: 1 1 auto; position: relative; } .add-on-host-client-not-supported, .add-on-host-failure, .add-on-host-loadi= ng, .add-on-host-offline, .send-time-add-on-host-failure, .send-time-add-on= -host-offline { align-items: center; background: rgb(255, 255, 255); displa= y: flex; flex-direction: column; justify-content: center; position: absolut= e; text-align: center; } .add-on-host-screen { align-items: center; box-sizing: border-box; display:= flex; flex-direction: column; height: 100%; justify-content: center; paddi= ng: 16px; text-align: center; width: 100%; } .add-on-host-screen-image { width: 75px; height: 75px; } .add-on-host-screen-svg { fill: rgb(95, 99, 104); } .add-on-host-screen-primary-message { color: rgb(95, 99, 104); font-family:= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 16px; font-w= eight: 500; height: 48px; letter-spacing: 0.2px; line-height: 24px; margin:= 40px 0px 0px; } .add-on-host-screen-secondary-message { color: rgb(95, 99, 104); font-famil= y: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 12px; heig= ht: 32px; letter-spacing: 0.3px; line-height: 16px; } .add-on-host-clickable { color: rgb(66, 133, 244); cursor: pointer; font-si= ze: inherit; outline: none; background: transparent; border-width: medium; = border-style: none; border-color: currentcolor; border-image: none; } .add-on-host-retry, .send-time-add-on-host-failure-send, .send-time-add-on-= host-offline-send { bottom: 48px; position: absolute; text-transform: upper= case; } .add-on-host-loading.add-on-host-loading-hidden { visibility: hidden; } .add-on-host-offline-snack-bar { background: rgb(32, 33, 36); bottom: 0px; = color: rgb(255, 255, 255); height: 112px; position: fixed; transition: tran= sform 0.218s ease-in-out; width: 100%; z-index: 99999; } .add-on-host-offline-snack-bar.add-on-host-offline-snack-bar-hidden { trans= form: translateY(120%); } .add-on-host-offline-snack-bar-content__description { font-family: Roboto, = Arial, sans-serif; font-size: 14px; letter-spacing: 0.2px; line-height: 20p= x; margin: 24px 24px 0px; vertical-align: top; } .add-on-host-offline-snack-bar-content__btn { background: rgb(32, 33, 36); = border-width: medium; border-style: none; border-color: currentcolor; borde= r-image: none; color: rgb(255, 255, 255); cursor: pointer; font-family: Rob= oto, Arial, sans-serif; font-size: 16px; letter-spacing: 0.2px; line-height= : 16px; margin: 5px 16px 12px 218px; outline: none; padding: 8px; vertical-= align: top; } .appsAddonsHostCompanionContentholderEl { height: 100%; position: relative;= width: 100%; } .appsAddonsHostCompanionPromobubblePromobubblemanagerButton { float: right;= margin-top: 8px; padding: 0px; } .appsAddonsHostCompanionPromobubblePromobubblemanagerBubble { outline: none= ; } .companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO { -= webkit-font-smoothing: antialiased; background-color: rgb(26, 115, 232); bo= rder-radius: 8px; border-width: 0px; box-shadow: rgba(26, 115, 232, 0.3) 0p= x 1px 2px 0px, rgba(26, 115, 232, 0.15) 0px 2px 6px 2px; font-family: "Goog= le Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.8= 75rem; letter-spacing: 0.25px; padding: 12px 16px 8px; width: 288px; } .companion-app-switcher-container.companion-app-switcher-container.companio= n-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button = { -webkit-font-smoothing: antialiased; background: rgb(26, 115, 232); color= : rgb(255, 255, 255); font-family: "Google Sans", Roboto, RobotoDraft, Helv= etica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spa= cing: 0.25px; line-height: 20px; margin: 0px -8px; padding: 4px 8px; } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button::before { background: rgb= (255, 255, 255); border-radius: 4px; content: ""; display: block; opacity: = 0; position: absolute; transform: scale(0); transition-duration: 0.15s; tra= nsition-property: transform, opacity; z-index: -1; } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled { color: rgba(60= , 64, 67, 0.38); cursor: default; } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled::before { opacit= y: 0; } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-hover::before { opacity: = 0.06; transform: scale(1); } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-focused::before { opacity= : 0.12; } .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-active::before { opacity:= 0.12; } .companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jf= k-bubble-arrowimplafter, .companion-app-switcher-container .CSS_GSUITE_ADDO= NS_INSTALLATION_PROMO .jfk-bubble-arrowimplbefore { border-color: transpare= nt rgb(26, 115, 232); } .CSS_GSUITE_ADDONS_TITLE { -webkit-font-smoothing: antialiased; color: rgb(= 255, 255, 255); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 1rem; font-weight: 500; line-height: 24px; l= etter-spacing: 0.25px; margin: 0px 0px 4px; } .CSS_GSUITE_ADDONS_CONTENT { -webkit-font-smoothing: antialiased; color: rg= ba(255, 255, 255, 0.9); font-family: Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-size: 0.875rem; letter-spacing: 0.2px; line-height: 20px;= } .add-on-host-dialog { background-color: rgb(255, 255, 255); border-radius: = 4px; border-width: medium; border-style: none; border-color: currentcolor; = border-image: none; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0= , 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; box-siz= ing: border-box; display: flex; flex-direction: column; height: 500px; outl= ine: none; overflow: hidden; padding: 0px; position: absolute; width: 500px= ; } .add-on-host-dialog-title { display: none; } .add-on-host-dialog-title.close-svg { display: flex; justify-content: space= -between; border-bottom: 1px solid rgb(224, 224, 224); padding: 16px; } .add-on-host-dialog-title-icon { align-self: center; height: 24px; margin-r= ight: 8px; width: 24px; } .add-on-host-dialog-title-icon + .add-on-host-dialog-title-text { align-sel= f: center; flex: 1 1 0%; } .add-on-host-dialog-title-close.close-svg { display: block; width: 24px; he= ight: 24px; } .add-on-host-dialog-content { height: 100%; width: 100%; } .add-on-host-dialog-bg { background-color: rgba(0, 0, 0, 0.54); left: 0px; = position: fixed; top: 0px; } .appsAddonsHostGsmAppfindercontainerEl { align-items: center; display: flex= ; height: 100%; justify-content: center; left: 0px; position: absolute; top= : 0px; width: 100%; z-index: 6000; } .appsAddonsHostGsmAppfindercontainerMask { background: rgb(255, 255, 255); = height: 100%; left: 0px; opacity: 0.5; position: absolute; top: 0px; width:= 100%; } .appsAddonsHostGsmAppfindercontainerContent { border-radius: 4px; box-shado= w: rgba(0, 0, 0, 0.2) 0px 4px 16px; outline: none; overflow: hidden; positi= on: relative; z-index: 0; } .appsAddonsHostGsmAppfindercontainerLoadingScreen { align-items: center; ba= ckground: rgb(255, 255, 255); display: flex; height: 100%; justify-content:= center; left: 0px; position: absolute; top: 0px; width: 100%; } .appsAddonsHostGsmAppfindercontainerLoadingScreenCloseBtn { background: tra= nsparent; border: 0px; cursor: pointer; margin: 16px; outline: none; paddin= g: 0px; position: absolute; right: 0px; top: 0px; } .appsAddonsHostGsmAppfindercontainerLoadingScreenCloseIcon { fill: rgb(0, 0= , 0); height: 20px; opacity: 0.54; width: 20px; } .CSS_ADD_ONS_ELLIPSES { overflow: hidden; text-overflow: ellipsis; white-sp= ace: nowrap; } .add-on-host-headerbar.companion-shell-header { border-width: medium; borde= r-style: none; border-color: currentcolor; border-image: none; height: 40px= ; padding: 0px 16px; } .add-on-host-headerbar .companion-shell-header-element.companion-shell-titl= e-container { line-height: 20px; } .add-on-host-headerbar .companion-shell-title-text.companion-shell-title-bi= g { font-size: 16px; } .add-on-host-headerbar .companion-shell-header-element.companion-shell-clos= e-button { align-items: center; display: flex; height: 32px; justify-conten= t: center; margin: 0px; width: 32px; } .add-on-host-headerbar .companion-shell-header-svg-icon { width: 20px; heig= ht: 20px; } .add-on-host-headerbar.companion-shell-header.add-on-host-headerbar-compani= on-style { height: 64px; padding: 0px 10px; } .add-on-host-headerbar.add-on-host-headerbar-companion-style .companion-she= ll-header-element.companion-shell-close-button { width: 40px; height: 40px;= } .CSS_ADD_ONS_SPINNER_CONTAINER { height: 44px; overflow: hidden; position: = relative; width: 100%; } .CSS_ADD_ONS_QUANTUM_SPINNER { height: 28px; position: absolute; top: 8px; = width: 28px; } .CSS_ADD_ONS_QUANTUM_SPINNER.CSS_ADD_ONS_SPINNER_ACTIVE { animation: 1568ms= linear 0s infinite normal none running container-rotate; } .CSS_ADD_ONS_SPINNER_VCENTER { align-self: center; } .CSS_ADD_ONS_SPINNER_LAYER { position: absolute; width: 100%; height: 100%;= opacity: 0; } .CSS_ADD_ONS_SPINNER_BLUE { border-color: rgb(66, 133, 244); } .CSS_ADD_ONS_SPINNER_RED { border-color: rgb(219, 68, 55); } .CSS_ADD_ONS_SPINNER_YELLOW { border-color: rgb(244, 180, 0); } .CSS_ADD_ONS_SPINNER_GREEN { border-color: rgb(15, 157, 88); } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_= BLUE { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal bo= th running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infin= ite normal both running blue-fade-in-out; } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_= RED { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal bot= h running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infini= te normal both running red-fade-in-out; } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_= YELLOW { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal = both running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s inf= inite normal both running yellow-fade-in-out; } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_= GREEN { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal b= oth running fill-unfill-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infi= nite normal both running green-fade-in-out; } .CSS_ADD_ONS_SPINNER_GAP_PATCH { position: absolute; box-sizing: border-box= ; top: 0px; width: 10%; height: 100%; overflow: hidden; border-color: inher= it; } .CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE { width: 1000%; = } .CSS_ADD_ONS_CIRCLE_CLIPPER { display: inline-block; position: relative; wi= dth: 50%; height: 100%; overflow: hidden; border-color: inherit; } .CSS_ADD_ONS_CIRCLE_CLIPPER .CSS_ADD_ONS_SPINNER_CIRCLE { width: 200%; } .CSS_ADD_ONS_SPINNER_CIRCLE { box-sizing: border-box; height: 100%; border-= width: 3px; border-style: solid; border-top-color: inherit; border-right-co= lor: inherit; border-left-color: inherit; border-bottom-color: transparent;= border-radius: 50%; animation: auto ease 0s 1 normal none running none; } .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_C= IRCLE { transform: rotate(129deg); } .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_= CIRCLE { transform: rotate(-129deg); } .CSS_ADD_ONS_SPINNER_FIT { position: absolute; inset: 0px; } @keyframes white-fade-in-out {=20 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes container-rotate {=20 100% { transform: rotate(1turn); } } @keyframes fill-unfill-rotate {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes blue-fade-in-out {=20 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes red-fade-in-out {=20 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes yellow-fade-in-out {=20 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes green-fade-in-out {=20 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .CSS_ADD_ONS_QUANTUM_SPINNER { left: 50%; margin-left: -14px; } .CSS_ADD_ONS_SPINNER_GAP_PATCH { left: 45%; } .CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE { left: -450%; } .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_C= IRCLE { border-right-color: transparent; } .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_= CIRCLE { left: -100%; border-left-color: transparent; } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER= _LEFT .CSS_ADD_ONS_SPINNER_CIRCLE { animation: 1333ms cubic-bezier(0.4, 0, = 0.2, 1) 0s infinite normal both running left-spin; } .CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER= _RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE { animation: 1333ms cubic-bezier(0.4, 0,= 0.2, 1) 0s infinite normal both running right-spin; } @keyframes left-spin {=20 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @keyframes right-spin {=20 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } .docsContentLibrarySidebarContainer .isHidden { display: none; } .docsContentLibrarySidebarContainer { background-color: var(--gm3-sys-color= -surface,#fff); border-radius: 16px; box-shadow: none; overflow: hidden; wi= dth: 300px; margin: 6px 16px 16px; } .has-right-rail .docsContentLibrarySidebarContainer { margin-left: 0px; mar= gin-right: 0px; } .docsContentLibrarySidebarContainer { user-select: none; background: var(--= gm3-sys-color-surface-container-high,#e9eef6); display: flex; flex-directio= n: column; outline: none; position: absolute; right: 0px; width: 320px; } .docsContentLibrarySidebarNonScrollableContent { overflow: visible; } .docsContentLibrarySidebarContent { height: calc(100% - 56px); overflow: hi= dden auto; } .docsContentLibrarySidebarSection .goog-palette-cell-hover { background-col= or: color-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) 8%,tr= ansparent); } .docsContentLibrarySidebarSection .goog-palette-active .goog-palette-cell-h= over { background-color: color-mix(in sRGB,var(--gm3-sys-color-on-surface-v= ariant,#444746) 10%,transparent); } .docsContentLibrarySidebarSection .goog-palette-focused .goog-palette-cell-= hover { outline: 3px solid var(--gm3-sys-color-secondary,#00639b); outline-= offset: -2px; border-radius: 4px; } .docsContentLibrarySidebarSection .goog-palette-cell-selected { background-= color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docsContentLibrarySidebarSection .goog-menuheader { color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); margin: 16px 16px 24px; font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; = font-weight: 500; line-height: 1.25rem; letter-spacing: 0.00625rem; } .docsContentLibrarySidebarSectionHeader { align-items: center; cursor: defa= ult; display: flex; padding: 20px 16px 12px; } .docsContentLibrarySidebarSectionHeader.isEmpty { display: none; } .docsContentLibrarySidebarSectionHeader .docs-icon { height: 24px; margin: = 0px; width: 24px; } .docsContentLibrarySidebarSectionHeaderText { color: var(--gm3-sys-color-on= -surface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; line-= height: 1.5rem; margin-block: 0px; margin-left: 8px; } .docsContentLibrarySidebarSectionBackButtonContainer { cursor: pointer; } .docsContentLibrarySidebarSectionBackButtonContainer.isVisible { display: b= lock; } .docsContentLibrarySidebarSectionBackButtonContainer:hover { background-col= or: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-= sys-color-surface-container-high,#e9eef6)); border-radius: 9999px; } .docsContentLibrarySidebarSectionSeeMoreButtonContainer { cursor: pointer; = } .docsContentLibrarySidebarSectionSeeMoreButtonContainer.isVisible { display= : block; } .docsContentLibrarySidebarSectionSeeMoreButtonContainer:hover { background-= color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--g= m3-sys-color-surface-container-high,#e9eef6)); border-radius: 9999px; } .docs-image-synthesis-search-bar-input-container { display: flex; justify-c= ontent: center; width: 100%; } .docs-image-synthesis-search-bar-input { border: 1px solid var(--gm3-sys-co= lor-outline-variant,#c4c7c5); border-radius: 12px; color: var(--gm3-sys-col= or-on-surface,#1f1f1f); font-size: 0.875rem; font-weight: 400; margin-botto= m: 16px; max-height: 128px; min-height: 128px; width: 90%; overflow: visibl= e !important; } .docs-image-synthesis-sidebar .docs-image-synthesis-search-bar-input-defaul= t-placeholder .goog-textarea::placeholder { color: rgb(116, 119, 117); } .docs-image-synthesis-sidebar .docs-image-synthesis-search-bar-input-focuse= d-placeholder .goog-textarea::placeholder { color: rgb(116, 119, 117); } .docs-image-synthesis-sidebar .goog-textarea { background: var(--gm3-sys-co= lor-primary-container,#d3e3fd); padding: 16px; transition: background 0.3s = linear; } @media screen and (forced-colors: active) { .docs-image-synthesis-sidebar .goog-textarea { border: 1px solid buttonte= xt; } } .docs-image-synthesis-sidebar .docs-image-synthesis-search-bar-input-transi= tion .goog-textarea { background: var(--gm3-sys-color-surface,#fff); } .docs-image-synthesis-sidebar .goog-textarea:disabled { background: color-m= ix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-= surface,#fff)); color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f= 1f1f) 38%,var(--gm3-sys-color-surface,#fff)); } .docs-image-synthesis-sidebar .docs-loading-indicator { margin: 50px 0px 0p= x -24px; top: auto; } .docs-image-synthesis-sidebar .goog-palette { margin: 0px 14px; } .docs-image-synthesis-sidebar .goog-palette-table { border-width: medium; b= order-style: none; border-color: currentcolor; border-image: none; display:= flex; margin: 0px 1px; justify-content: center; } .docs-image-synthesis-sidebar .goog-palette-cell { border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; cursor: d= efault; padding: 6px; width: 134px; } .docsContentLibrarySidebar.docs-image-synthesis-sidebar .goog-palette-cell-= hover, .docsContentLibrarySidebar.docs-image-synthesis-sidebar .goog-palett= e-cell-selected { background-color: transparent; padding: 6px; } .docs-image-synthesis-sidebar .goog-menuheader:not(.genAiImageSidebarEditIm= ageTabDisabledMessage) { color: var(--gm3-sys-color-on-surface-variant,#444= 746); line-height: 1rem; font-size: 0.6875rem; letter-spacing: 0.00625rem; = margin: 0px 20px 20px; text-align: center; } .docs-image-synthesis-sidebar .genAiImageSidebarInputComponent .goog-menuhe= ader { margin: 6px 0px 6px 16px; font-size: 0.875rem; line-height: 1.25rem;= letter-spacing: 0.00625rem; text-align: left; } .docs-image-synthesis-sidebar .docsContentLibrarySidebarSection { padding-b= ottom: 50px; } .docs-image-synthesis-prompt-header { margin: 16px 20px 0px; } .docs-image-synthesis-style-header { margin: 0px 20px 12px; } .docs-image-synthesis-prompt-header, .docs-image-synthesis-style-header { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google= Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75r= em; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; user-s= elect: text; } .docs-gm .docs-image-synthesis-sidebar .docs-image-synthesis-separator { ba= ckground: var(--gm3-sys-color-surface-variant,#e1e3e1); height: 1px; margin= : 8px 20px; width: 280px; } .docs-image-synthesis-sidebar .goog-menuheader, .docs-image-synthesis-sideb= ar .image-generation-error-message { font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-weight: 500; white-space: pre= -wrap; } .docs-image-synthesis-sidebar .image-generation-error-message { color: var(= --gm3-sys-color-error,#b3261e); line-height: 1rem; font-size: 0.75rem; font= -weight: 400; letter-spacing: 0.00625rem; padding: 8px 20px 17px; } .image-generation-error-message a, .image-generation-error-message a:visite= d { color: currentcolor; text-decoration: underline; } .docs-image-synthesis-sidebar .image-synthesis-creation-button { border: 1p= x solid transparent; border-radius: 9999px; box-sizing: border-box; font-fa= mily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fon= t-size: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25rem; pad= ding: 9px 24px; white-space: nowrap; background: var(--gm3-sys-color-primar= y,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); cursor: pointer; l= eft: 50%; margin-top: 16px; margin-bottom: 16px; position: relative; transf= orm: translateX(-50%); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.goog-button-= disabled { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f= 1f1f) 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff));= cursor: default; } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-begin-create:hover { color: var(--gm3-sys-color-on-primary,#fff); box-s= hadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1= px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); background: linear-grad= ient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--g= m3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,= #0b57d0); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-begin-create:focus { color: var(--gm3-sys-color-on-primary,#fff); backg= round: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255)= ,.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sy= s-color-primary,#0b57d0); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-begin-create { background: var(--gm3-sys-color-primary,#0b57d0); color:= var(--gm3-sys-color-on-primary,#fff); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-creating { animation: 5.5s linear 0s infinite normal none running image= -generation-gradient; background: linear-gradient(135deg, rgb(211, 227, 253= ), rgb(132, 196, 255), rgb(168, 199, 250), rgb(132, 196, 255), rgb(211, 227= , 253), rgb(211, 227, 253), rgb(132, 196, 255), rgb(168, 199, 250), rgb(132= , 196, 255), rgb(211, 227, 253)) 0% 0% / 800% 800%; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); border: 0px; } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-create-complete:hover { background: color-mix(in srgb,var(--gm3-sys-col= or-primary,#0b57d0) 8%,transparent); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-create-complete:focus { background: color-mix(in srgb,var(--gm3-sys-col= or-primary,#0b57d0) 10%,transparent); border: 1px solid var(--gm3-sys-color= -primary,#0b57d0); } .docs-image-synthesis-sidebar .image-synthesis-creation-button.image-synthe= sis-create-complete { background: none; border: 1px solid var(--gm3-sys-col= or-outline,#747775); color: var(--gm3-sys-color-primary,#0b57d0); } [dir=3D"rtl"] .docs-image-synthesis-sidebar .image-synthesis-creation-butto= n { transform: translateX(50%); } .docs-image-synthesis-item { border-radius: 4px; height: auto; width: 134px= ; transform: translate(0px); } .goog-palette-cell-hover .docs-content-library-image-generation-item:not(:h= as(.docs-content-library-image-generation-item-hover-buttons-hidden)) { out= line: 2px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-content-library-image-generation-feedback .docs-material-button-flat-= default { background-color: transparent; margin: 0px; padding: 0px; } .docs-content-library-image-generation-item { align-items: center; backgrou= nd: var(--gm3-sys-color-surface-container-highest,#dde3ea); border-radius: = 4px; cursor: pointer; display: flex; flex-direction: column; justify-conten= t: center; position: relative; } .docs-content-library-image-generation-item-private-preview-enabled { curso= r: zoom-in; } .docs-content-library-image-generation-item-preview-overlay { display: none= ; } .docs-image-generation-item-previewing .docs-content-library-image-generati= on-item-preview-overlay { align-items: center; background: linear-gradient(= 0deg,color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 50%,transpar= ent) 0,color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 50%,transp= arent) 100%); border-radius: 4px; inset: 0px; color: var(--gm3-sys-color-in= verse-on-surface,#f2f2f2); display: flex; flex-direction: column; font: 500= 0.875rem / 1.25rem "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; justify-content: center; position: absolute; } .docs-content-library-image-generation-feedback, .docs-content-library-imag= e-generation-item-hover-buttons-container { bottom: 0px; display: flex; pos= ition: absolute; } .docs-content-library-image-generation-item-hover-buttons-container { backg= round: none; border-radius: 0px 0px 16px 16px; cursor: default; height: 36p= x; width: 100%; } .docs-content-library-image-generation-feedback { align-items: center; just= ify-content: space-between; width: 100%; } .docs-content-library-image-generation-thumbs-container { display: flex; ga= p: 8px; margin-right: 10px; padding: 4px; justify-content: center; width: 1= 00%; } .docs-content-library-image-generation-thumbs-container .docs-material-butt= on { background: var(--gm3-sys-color-inverse-surface,#303030); border-radiu= s: 12px; height: 28px; width: 28px; } .docs-content-library-image-generation-item-hover-buttons-hidden { visibili= ty: hidden; } .docs-content-library-image-generation-feedback .docs-content-library-image= -generation-thumbs-container .docs-material-button-focused.docs-material-bu= tton-no-focus-border { border-width: medium; border-style: none; border-col= or: currentcolor; border-image: none; line-height: 2rem; padding: 0px; } .docs-content-library-image-generation-thumbs-container .docs-icon { border= -radius: 12px; display: block; margin: 0px; padding: 6px; } .docs-content-library-image-generation-thumbs-container .docs-icon-img-cont= ainer, .docs-content-library-image-generation-thumbs-container .docs-materi= al-button-focused.docs-material-button-no-focus-border .docs-icon-img-conta= iner { padding: 2px; } .docs-content-library-image-generation-thumbs-container .docs-material-butt= on-focused .docs-icon-img-container { padding: 1px; } .docs-content-library-image-generation-thumbs-container .docs-material-butt= on-focused .docs-icon, .docs-content-library-image-generation-thumbs-contai= ner .docs-material-button-hover .docs-icon { background: color-mix(in srgb,= var(--gm3-sys-color-inverse-on-surface,#f2f2f2) 20%,transparent); } @media screen and (forced-colors: active) { .docs-content-library-image-generation-thumbs-container .docs-icon { filt= er: invert(100%); } } .docs-icon.docs-image-generation-prompt-inspiration-drawer-nav-buttons-icon= { height: 24px; left: -2px; margin: 0px; position: relative; width: 24px; = } .docs-image-generation-prompt-inspiration-card { display: flex; flex-direct= ion: column; flex: 1 0 100%; height: 280px; justify-content: flex-end; widt= h: 280px; } .docs-content-library-image-generation-thumb-outline-disabled { opacity: 0.= 38; } .docs-image-generation-prompt-inspiration-drawer-collapse-tooltip, .docs-im= age-generation-prompt-inspiration-drawer-copy-button-tooltip, .docs-image-g= eneration-prompt-inspiration-drawer-expand-tooltip { min-width: max-content= ; } .docs-main-toolbars .goog-toolbar-button.image-generation-prominent-toolbar= -button.image-generation-prominent-toolbar-button-promo, .docs-main-toolbar= s .goog-toolbar-button.image-generation-prominent-toolbar-button:not(.goog-= toolbar-button-disabled):hover { animation: 2.1s linear 0s infinite normal = none running image-generation-gradient; background: linear-gradient(135deg,= rgb(211, 227, 253), rgb(132, 196, 255), rgb(168, 199, 250), rgb(132, 196, = 255), rgb(211, 227, 253), rgb(211, 227, 253), rgb(132, 196, 255), rgb(168, = 199, 250), rgb(132, 196, 255), rgb(211, 227, 253)) 0% 0% / 800% 800%; } .docs-image-generation-prompt-inspiration-card-prompt { align-items: center= ; color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); display: flex; fo= nt: 400 0.875rem / 1.25rem "Google Sans", Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; padding: 35px 20px; user-select: text; } .docs-image-generation-ghost-loader-container { display: flex; justify-cont= ent: center; overflow: hidden; padding-top: 10px; padding-bottom: 48px; } .docs-image-generation-ghost-loader-shape-wrapper { animation: 1.2s cubic-b= ezier(0.05, 0.7, 0.1, 1) 0s 1 normal forwards running loadingShapeTranslate= Up, 0.75s cubic-bezier(0.17, 0, 0.83, 1) 1s 1 reverse forwards running load= ingShapeFade; } .docs-image-generation-ghost-loader-shape-object.rotate { animation: 1.2s c= ubic-bezier(0.15, 0, 0, 1) 0s 1 normal forwards running loadingShapeRotate,= 1.2s cubic-bezier(0.15, 0, 0, 1) 0s 1 normal forwards running loadingShape= Fade, 0.75s cubic-bezier(0.17, 0, 0.83, 1) 0.75s 1 reverse forwards running= loadingShapeFade; } @keyframes loadingShapeTranslateUp {=20 0% { transform: translateY(120px); } 100% { transform: translateY(0px); } } @keyframes loadingShapeRotate {=20 0% { transform: rotate(-93deg); } 100% { transform: rotate(0deg); } } @keyframes loadingShapeFade {=20 0% { opacity: 0; } 100% { opacity: 1; } } .docs-image-synthesis-sidebar .docs-material-gm-labeled-checkbox { align-it= ems: center; margin: 0px 20px; } .docs-image-synthesis-sidebar .docs-material-gm-labeled-checkbox-label { co= lor: var(--gm3-sys-color-on-surface-variant,#444746); font-weight: 500; fon= t-size: 0.6875rem; letter-spacing: 0.00625rem; line-height: 1rem; width: 25= 5px; } .docs-image-generation-example-gallery { background: linear-gradient(0deg,c= olor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 20%,transparent),c= olor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 20%,transparent)),= var(--gm3-sys-color-surface,#fff); border-radius: 16px; bottom: 0px; height= : 320px; position: absolute; width: 320px; z-index: 10; } .docs-image-generation-example-gallery.collapsed { background: transparent;= transition: background 0.3s linear; } .docs-image-generation-example-gallery-thumb-container { display: flex; fle= x-direction: column; } .docs-image-generation-example-gallery-header { align-items: center; displa= y: flex; flex-basis: 44px; padding: 0px 20px; } .docs-image-generation-example-gallery-header-title { color: var(--gm3-sys-= color-on-surface-variant,#444746); font: 500 0.875rem / 1.25rem "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 9px 0px; } .docs-image-generation-example-gallery-header-actions { display: flex; flex= : 1 1 auto; justify-content: flex-end; position: relative; } .docs-image-generation-example-gallery-carousel { border-radius: 16px; heig= ht: 256px; margin: 0px 20px 20px; overflow: hidden; position: relative; wid= th: 280px; } .docs-image-generation-example-gallery-navigation { align-items: center; di= splay: flex; height: 256px; position: absolute; width: 280px; z-index: 10; = } .docs-image-generation-example-gallery-card-container { display: flex; left= : 0px; position: relative; transition: left 0.4s cubic-bezier(0.4, 0, 0, 1)= ; } .docs-image-generation-example-gallery-next-container, .docs-image-generati= on-example-gallery-prev-container { flex: 1 1 auto; } .docs-image-generation-example-gallery-prev-container { margin-left: 16px; = } .docs-image-generation-example-gallery-next-container { display: flex; just= ify-content: flex-end; margin-right: 16px; } .docs-image-generation-example-gallery-next-button, .docs-image-generation-= example-gallery-prev-button { align-items: center; background-color: color-= mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 60%,transparent); borde= r-radius: 9999px; border: 0px; cursor: pointer; display: flex; height: 32px= ; justify-content: center; width: 32px; } .docs-image-generation-example-gallery-next-button[disabled], .docs-image-g= eneration-example-gallery-prev-button[disabled] { cursor: auto; opacity: 0.= 38; } .docs-image-generation-example-gallery-collapse-button, .docs-image-generat= ion-example-gallery-copy-prompt-button, .docs-image-generation-example-gall= ery-expand-button { cursor: pointer; padding: 4px; } .docs-image-generation-example-gallery-expand-button { position: absolute; = } .docs-image-generation-example-gallery-collapse-button .docs-icon, .docs-im= age-generation-example-gallery-copy-prompt-button .docs-icon, .docs-image-g= eneration-example-gallery-expand-button .docs-icon { height: 24px; width: 2= 4px; } .docs-image-generation-example-gallery-collapse-button:hover, .docs-image-g= eneration-example-gallery-copy-prompt-button:hover { background: color-mix(= in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,transparent); bo= rder-radius: 20px; } @keyframes fadeOutAndHide {=20 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-expanded { transform: translateY(0px); transition: transform 0.5s cubic-b= ezier(0.3, 0, 0.8, 0.15); } .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-expanded-static { transform: translateY(0px); transition: none; } .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-collapsed { transform: translateY(300px); transition: transform 0.5s cubi= c-bezier(0.3, 0, 0.8, 0.15); } .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-collapsed-static { transform: translateY(300px); transition: none; } .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-collapsed-static .docs-image-generation-example-gallery-collapse-button, = .docs-image-generation-example-gallery.docs-image-generation-example-galler= y-collapsed-static .docs-image-generation-example-gallery-copy-prompt-butto= n, .docs-image-generation-example-gallery.docs-image-generation-example-gal= lery-collapsed-static .docs-image-generation-example-gallery-expand-button,= .docs-image-generation-example-gallery.docs-image-generation-example-galle= ry-collapsed-static .docs-image-generation-example-gallery-header-title { a= nimation: auto ease 0s 1 normal none running none; } .docs-image-generation-example-gallery-expand-button { background: linear-g= radient(0deg,color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 12%,= transparent),color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 12%,= transparent)),var(--gm3-sys-color-surface,#fff); border-radius: 9999px; bor= der: 1px solid var(--gm3-sys-color-outline,#747775); bottom: 32px; } .docs-image-generation-example-gallery-expanded .docs-image-generation-exam= ple-gallery-expand-button, .docs-image-generation-example-gallery-expanded-= static .docs-image-generation-example-gallery-expand-button { opacity: 0; v= isibility: hidden; } .docs-image-generation-example-gallery-collapsed .docs-image-generation-exa= mple-gallery-expand-button { opacity: 1; animation: 0.3s linear 0.3s 1 reve= rse both running fadeOutAndHide; } .docs-image-generation-example-gallery-collapsed-static .docs-image-generat= ion-example-gallery-expand-button { opacity: 1; } .docs-image-generation-example-gallery-collapsed .docs-image-generation-exa= mple-gallery-collapse-button, .docs-image-generation-example-gallery-collap= sed .docs-image-generation-example-gallery-copy-prompt-button, .docs-image-= generation-example-gallery-collapsed .docs-image-generation-example-gallery= -header-title, .docs-image-generation-example-gallery-collapsed .docs-image= -generation-example-gallery-navigation { animation: 0.2s linear 0s 1 normal= both running fadeOutAndHide; } .docs-image-generation-example-gallery-collapsed .docs-image-generation-exa= mple-gallery-copy-prompt-button { pointer-events: none; } .docs-image-generation-example-gallery-expanded .docs-image-generation-exam= ple-gallery-collapse-button, .docs-image-generation-example-gallery-expande= d .docs-image-generation-example-gallery-copy-prompt-button, .docs-image-ge= neration-example-gallery-expanded .docs-image-generation-example-gallery-he= ader-title, .docs-image-generation-example-gallery-expanded .docs-image-gen= eration-example-gallery-navigation { animation: 0.2s linear 0s 1 reverse bo= th running fadeOutAndHide; } .docs-image-generation-example-gallery-collapsed-static .docs-image-generat= ion-example-gallery-collapse-button, .docs-image-generation-example-gallery= -collapsed-static .docs-image-generation-example-gallery-copy-prompt-button= , .docs-image-generation-example-gallery-collapsed-static .docs-image-gener= ation-example-gallery-header-title { opacity: 0; } .docs-image-generation-example-gallery-expanded-static .docs-image-generati= on-example-gallery-collapse-button, .docs-image-generation-example-gallery-= expanded-static .docs-image-generation-example-gallery-copy-prompt-button, = .docs-image-generation-example-gallery-expanded-static .docs-image-generati= on-example-gallery-header-title { opacity: 1; } .docs-prompt-view { background: var(--gm3-sys-color-surface-container,#f0f4= f9); direction: ltr; display: flex; align-items: center; justify-content: f= lex-start; width: 320px; } .docs-prompt-view-input::placeholder { text-align: left; font-size: 0.875re= m; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-= serif; } .docs-prompt-view-input { border-width: medium; border-style: none; border-= color: currentcolor; border-image: none; outline: none; font-size: 0.875rem= ; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; resize: none; } .docs-image-synthesis-quota-upsell-message-container { display: flex; justi= fy-content: center; } .docs-image-synthesis-quota-upsell-message-container .generativeAiQuotaUpse= llMessageContent { align-items: flex-start; margin: 0px 20px 16px; width: 9= 0%; } .docs-image-synthesis-quota-upsell-message-container .generativeAiQuotaUpse= llMessageContent.conversational-sidebar-quota-upsell-message { margin: 12px= 0px 0px; } .docs-image-synthesis-quota-upsell-message-container .generativeAiQuotaUpse= llMessageDescription { margin-left: 2px; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab { border-radius:= 9999px; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected { backg= round: var(--gm3-sys-color-primary-container,#d3e3fd); color: var(--gm3-sys= -color-on-primary-container,#0842a0); } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-hover:not(.appsD= ocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected) { background= : color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,var(= --gm3-sys-color-surface,#fff)); } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-disabled { opaci= ty: 0.5; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected .appsDo= csAiGenerativeaiImageCssConversationalSidebarTabContent { color: var(--gm3-= sys-color-on-surface,#1f1f1f); } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabLabel { font-family:= "Google Sans Text", "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.875rem; font-weight: 500; forced-color-adjust: non= e; line-height: 1.25rem; letter-spacing: 0px; text-transform: none; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabContent { align-item= s: center; color: var(--gm3-sys-color-on-surface-variant,#444746); display:= flex; flex-direction: row; gap: 4px; padding: 6px 8px; } @media (forced-colors: active) { .appsDocsAiGenerativeaiImageCssConversationalSidebarTabContent { color: c= anvastext; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected { bac= kground: selecteditem; color: selecteditemtext; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected .apps= DocsAiGenerativeaiImageCssConversationalSidebarTabContent { color: selected= itemtext; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-hover:not(.app= sDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected) { backgrou= nd: highlight; color: highlighttext; } .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-hover:not(.app= sDocsAiGenerativeaiImageCssConversationalSidebarTabTab-selected) .appsDocsA= iGenerativeaiImageCssConversationalSidebarTabContent { color: highlighttext= ; } } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarEl { align-items:= center; display: flex; flex-direction: row; margin: 15px 15px 7px; overflo= w: hidden; position: relative; width: 288px; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarTabBar-horizontal= { display: flex; flex-direction: row; gap: 4px; overflow: hidden; padding:= 1px; white-space: nowrap; width: 100%; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarTabBar-horizontal= :focus-visible { outline: none; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarTabBar-horizontal= :focus-visible .appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-h= over:not(.appsDocsAiGenerativeaiImageCssConversationalSidebarTabTab-disable= d) { outline: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarLeftButton { left= : 0px; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarRightButton { rig= ht: 0px; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarScrollButton { ba= ckground-color: var(--gm3-sys-color-surface-container-low,#f8fafd); box-sha= dow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px= rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); height: 26px; max-height:= 26px; max-width: 26px; min-height: 26px; min-width: 26px; position: absolu= te; width: 26px; z-index: 1; } .appsDocsAiGenerativeaiImageCssConversationalsidebartabbarScrollButton.docs= -gm3-button-focused, .appsDocsAiGenerativeaiImageCssConversationalsidebarta= bbarScrollButton.docs-gm3-button-hover { background-color: var(--gm3-sys-co= lor-surface-container-high,#e9eef6); } .appsDocsAiGenerativeaiImageCreateNewImageInputStylePresetsColorPaletteCont= ainer { margin: 8px 16px 0px; display: flex; gap: 8px; } .genAiImageSidebarEl .appsDocsUiSidebarInner { overflow: hidden; } .genAiImageSidebarEl .appsDocsUiSidebarScrollableContainer { height: 100%; = } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs { align-items: center= ; background: none; color: var(--gm3-sys-color-on-surface-variant,#444746);= display: flex; flex-direction: row; height: 48px; justify-content: center;= margin: 0px 16px 16px; width: auto; } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .jfk-button.docs-side= bar-toggle-tab { color: var(--gm3-sys-color-on-surface-variant,#444746); } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .jfk-button.docs-side= bar-toggle-tab, .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .jfk-= button.docs-sidebar-toggle-tab-inactive:hover { border-radius: 9999px; box-= sizing: border-box; cursor: pointer; font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: = 500; height: 40px; line-height: 1.25rem; padding: 9px 24px; white-space: no= wrap; border: 1px solid var(--gm3-sys-color-outline,#747775); letter-spacin= g: 0px; margin: 0px; width: 50%; } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .jfk-button.docs-side= bar-toggle-tab.docs-sidebar-toggle-tab-left { border-bottom-right-radius: 0= px; border-top-right-radius: 0px; } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .jfk-button.docs-side= bar-toggle-tab.docs-sidebar-toggle-tab-right { border-bottom-left-radius: 0= px; border-top-left-radius: 0px; margin-left: -1px; } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .docs-sidebar-toggle-= tab-active { background-color: var(--gm3-sys-color-primary-container,#d3e3f= d); } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .docs-sidebar-toggle-= tab-active .docs-sidebar-toggle-tab-left-title::after, .genAiImageSidebarMo= deToggle.docs-sidebar-toggle-tabs .docs-sidebar-toggle-tab-active .docs-sid= ebar-toggle-tab-right-title::after { display: none; } .genAiImageSidebarModeToggle .docs-sidebar-toggle-tab-active.jfk-button:not= (.jfk-button-disabled):hover, .genAiImageSidebarModeToggle .docs-sidebar-to= ggle-tab-inactive.jfk-button:not(.jfk-button-disabled):hover, .genAiImageSi= debarModeToggle .docs-sidebar-toggle-tab.jfk-button-hover { border: 1px sol= id var(--gm3-sys-color-outline,#747775); color: var(--gm3-sys-color-primary= ,#0b57d0); background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08)= ; box-shadow: none; } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tab .docs-sidebar-toggle-t= ab.jfk-button-focused, .genAiImageSidebarModeToggle.docs-sidebar-toggle-tab= s .docs-sidebar-toggle-tab-active.jfk-button:focus-visible { background: rg= ba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); outline: 1px solid var(-= -gm3-sys-color-primary,#0b57d0); } .genAiImageSidebarModeToggle.docs-sidebar-toggle-tab .docs-sidebar-toggle-t= ab.jfk-button-focused, .genAiImageSidebarModeToggle.docs-sidebar-toggle-tab= s .jfk-button.docs-sidebar-toggle-tab-inactive:focus-visible { outline: 1px= solid var(--gm3-sys-color-primary,#0b57d0); } .genAiImageSidebarModeToggle .docs-sidebar-toggle-tab.jfk-button-pressed, .= genAiImageSidebarModeToggle.docs-sidebar-toggle-tabs .docs-sidebar-toggle-t= ab-active.jfk-button:active, .genAiImageSidebarModeToggle.docs-sidebar-togg= le-tabs .docs-sidebar-toggle-tab-inactive.jfk-button:active { border: 1px s= olid var(--gm3-sys-color-outline,#747775); color: var(--gm3-sys-color-prima= ry,#0b57d0); background: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1= ); } .genAiImageSidebarModeToggle .docs-sidebar-toggle-tab.jfk-button-disabled {= border: 1px solid rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); = color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); cursor: defa= ult; } .genAiImageSidebarEditThumbnailsContainer { display: grid; gap: 0px 8px; gr= id-template-columns: 140px 1fr; justify-items: flex-start; margin: 0px 16px= 16px; } .genAiImageSidebarEditThumbnailContainer { display: contents; } .genAiImageSidebarDisabled .genAiImageSidebarEditThumbnailContainer { displ= ay: none; } .genAiImageSidebarDisabled .goog-menuheader:not(.genAiImageSidebarEditImage= TabDisabledMessage) { display: none; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol { padding: = 0px; margin-bottom: 16px; margin-top: 1px; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-thumbnailco= ntainer { background-color: var(--gm3-sys-color-surface-container-high,#e9e= ef6); border-width: medium; border-style: none; border-color: currentcolor;= border-image: none; border-radius: 12px; outline: transparent; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-focused .do= cs-thumbnailcontrol-thumbnailcontainer, .genAiImageSidebarEditThumbnailCont= ainer .docs-thumbnailcontrol-hover .docs-thumbnailcontrol-thumbnailcontaine= r { background-color: var(--gm3-sys-color-surface-container-highest,#dde3ea= ); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-focused:foc= us-visible .docs-thumbnailcontrol-thumbnailcontainer { outline: 1px solid v= ar(--gm3-sys-color-primary,#0b57d0); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-checked .do= cs-thumbnailcontrol-thumbnailcontainer { background-color: var(--gm3-sys-co= lor-surface,#fff); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-disabled { = opacity: 0.5; } .genAiImageSidebarEditThumbnailContainer .genAiImageSidebarInstantActionThu= mbnail.docs-thumbnailcontrol-checked .docs-thumbnailcontrol-thumbnailcontai= ner { animation: 5.5s linear 0s infinite normal none running image-generati= on-gradient; background: linear-gradient(135deg, rgb(211, 227, 253), rgb(13= 2, 196, 255), rgb(168, 199, 250), rgb(132, 196, 255), rgb(211, 227, 253), r= gb(211, 227, 253), rgb(132, 196, 255), rgb(168, 199, 250), rgb(132, 196, 25= 5), rgb(211, 227, 253)) 0% 0% / 800% 800%; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-checked .ge= nAiImageSidebarlightRect { fill: var(--gm3-sys-color-primary-container,#d3e= 3fd); stroke: var(--gm3-sys-color-on-primary-container,#0842a0); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-checked .ge= nAiImageSidebardarkRect { fill: var(--gm3-sys-color-on-primary-container,#0= 842a0); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-checked .ge= nAiImageSidebarshape { fill: var(--gm3-sys-color-surface,#fff); } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-title { col= or: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875re= m; line-height: 1.25rem; margin-bottom: 0px; text-align: center; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent { backgroun= d-color: var(--gm3-sys-color-surface,#fff); border-radius: 12px; grid-colum= n: span 2; margin: 8px 0px 16px; padding-top: 16px; position: relative; wid= th: 100%; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent::before { -= -r: 4px; aspect-ratio: 1 / 0.866025; background: var(--gm3-sys-color-surfac= e,#fff); clip-path: polygon(50% 0px, 100% 100%, 0px 100%); content: " "; po= sition: absolute; transform: translateY(-29px); width: 15px; mask: linear-g= radient(transparent calc(var(--r)*3/2),#000 0),radial-gradient(var(--r) at = 50% calc(var(--r)*2),#000 98%,transparent 101%); } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent:nth-child(2= n)::before { left: 60px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent:nth-child(2= n+1)::before { right: 60px; } @media screen and (forced-colors: active) { .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-thumbnail= container { border: 1px solid canvastext; outline-offset: 2px; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-checked .= docs-thumbnailcontrol-thumbnailcontainer { outline: canvastext solid 1px; } .genAiImageSidebarEditThumbnailContainer .docs-thumbnailcontrol-focused .= docs-thumbnailcontrol-thumbnailcontainer { outline: highlight solid 1px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent { outline= : canvastext solid 1px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent::before {= background: canvastext; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .docs-ima= ge-synthesis-search-bar-input { outline: canvastext solid 1px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .docs-ima= ge-synthesis-search-bar-input:focus-visible { outline: highlight solid 1px;= } } .genAiImageSidebarDisabled .genAiImageSidebarInputComponent { display: none= ; } .genAiImageSidebarInputComponent .docs-prompt-view { background: none; widt= h: 100%; } .genAiImageSidebarInputComponent .docs-image-synthesis-search-bar-input { m= argin-bottom: 0px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .docs-promp= t-view .docs-image-synthesis-search-bar-input { background-color: var(--gm3= -sys-color-surface-container,#f0f4f9); border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; } .genAiImageSidebarInputComponent .docs-image-synthesis-prompt-header { disp= lay: none; } .genAiImageSidebarInputComponent .goog-control:first-of-type .docs-image-sy= nthesis-separator { display: block; } .genAiImageSidebarInputComponent .docs-content-library-image-generation-ite= m-hover-buttons-container, .genAiImageSidebarInputComponent .docs-image-syn= thesis-item { border-radius: 4px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .docs-conte= nt-library-image-generation-item-hover-buttons-container, .genAiImageSideba= rEditImageTab .genAiImageSidebarInputComponent .docs-image-synthesis-item {= width: 124px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .genAiImage= SidebarSingleImage .docs-content-library-image-generation-item-hover-button= s-container, .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponen= t .genAiImageSidebarSingleImage .docs-image-synthesis-item { width: 256px; = } .genAiImageSidebarConversationalView .genAiImageSidebarSingleImage .docs-co= ntent-library-image-generation-item-hover-buttons-container, .genAiImageSid= ebarConversationalView .genAiImageSidebarSingleImage .docs-image-synthesis-= item { width: 280px; } .genAiImageSidebarConversationalView .genAiImageSidebarTallImage .docs-cont= ent-library-image-generation-item-hover-buttons-container, .genAiImageSideb= arConversationalView .genAiImageSidebarTallImage .docs-image-synthesis-item= { width: 140px; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .genAiImage= SidebarSingleImage .goog-palette-table { justify-content: center; } .genAiImageSidebarEditImageTab .genAiImageSidebarInputComponent .goog-palet= te { margin-bottom: 10px; } .genAiImageSidebarEditImageTabDisabledMessage { display: flex; justify-cont= ent: center; position: absolute; top: 40%; width: 100%; } .genAiImageSidebarEl .docs-content-library-image-generation-item:not(:has(.= docs-content-library-image-generation-item-hover-buttons-hidden)) { outline= : 2px solid var(--gm3-sys-color-primary,#0b57d0); } .genAiImageSidebarDisclaimerButton { margin-left: -0.75rem; margin-right: 0= px; } .genAiImageSidebarInputContainer { background-color: var(--gm3-sys-color-su= rface-container,#f0f4f9); border-radius: 16px; border: 1px solid var(--gm3-= sys-color-outline-variant,#c4c7c5); position: relative; text-align: center;= } .genAiImageSidebarDisclaimer { font-size: 0.6875rem; font-weight: 500; lett= er-spacing: 0.00625rem; line-height: 1rem; font-family: "Google Sans Text",= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; color: v= ar(--gm3-sys-color-on-surface-variant,#444746); text-align: center; margin-= bottom: 16px; } .genAiImageSidebarDisclaimer .genAiImageSidebarDisclaimerLink:link, .genAiI= mageSidebarDisclaimer .genAiImageSidebarDisclaimerLink:visited { font-weigh= t: 700; color: var(--gm3-sys-color-on-surface-variant,#444746); text-decora= tion: underline; } .genAiImageSidebarLoading .genAiImageSidebarDisclaimer { opacity: 0.5; } .genAiImageSidebarConversationalView .image-generation-error-message .docs-= icon { display: none; } .genAiImageSidebarConversationalView .appsDocsAiGenerativeaiImageHistoryVie= wEl .image-generation-error-message { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-size: 0.875rem; line-height: 1.25rem; padding-top: = 0px; } .genAiImageSidebarQuotaUpsellRecommendationContainer { width: 90%; margin: = auto auto 10px; } .genAiImageSidebarQuotaUpsellRecommendationContainer:empty { margin: 0px; } @keyframes image-generation-gradient {=20 0% { background-position: 100% 100%; } 100% { background-position: left 37.5% top 37.5%; } } .appsDocsAiGenerativeaiImageGenerateImagesInputTextInputContainer { backgro= und-color: var(--gm3-sys-color-surface,#fff); border-radius: 16px; display:= flex; flex-direction: column; margin: 16px; padding: 8px; } .appsDocsAiGenerativeaiImageGenerateImagesInputTextInputContainer .docs-ima= ge-synthesis-search-bar-input { field-sizing: content; max-height: 200px; m= in-height: 128px; padding: 8px; width: 100%; height: fit-content !important= ; } .appsDocsAiGenerativeaiImageGenerateImagesInputHasInlineDisclaimer .appsDoc= sAiGenerativeaiImageGenerateImagesInputTextInputContainer { margin-bottom: = 10px; } .appsDocsAiGenerativeaiImageGenerateImagesInputHasTabs .appsDocsAiGenerativ= eaiImageGenerateImagesInputTextInputContainer { margin-top: 7px; } .appsDocsAiGenerativeaiImageGenerateImagesInputHasTabs:not(.appsDocsAiGener= ativeaiImageGenerateImagesInputHasInlineDisclaimer) .appsDocsAiGenerativeai= ImageGenerateImagesInputTextInputContainer { margin-bottom: 16px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl:has(.appsDocsAiGenerative= aiImageGenerateImagesInputSeed) .appsDocsAiGenerativeaiImageGenerateImagesI= nputTextInputContainer { margin-top: 12px; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed:has(.appsDocsAiGen= erativeaiImageGenerateImagesInputSeed) .appsDocsAiGenerativeaiImageGenerate= ImagesInputTextInputContainer { margin-top: 16px; padding: 12px 16px 12px 1= 2px; } .appsDocsAiGenerativeaiImageGenerateImagesInputTextInputContainer:has(.goog= -textarea:disabled) { background: color-mix(in srgb,var(--gm3-sys-color-on-= surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surf= ace,#fff)); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button {= align-items: center; align-self: center; border-radius: 9999px; display: f= lex; height: 32px; justify-content: center; margin: 0px; padding: 0px; widt= h: 32px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-create-complete { background: var(--gm3-sys-color-primary,#0= b57d0); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-creating { background: color-mix(in srgb,var(--gm3-sys-color= -on-surface-variant,#444746) 8%,transparent); opacity: 0.5; animation: auto= ease 0s 1 normal none running none; cursor: default; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-begin-create { background: var(--gm3-sys-color-secondary-con= tainer,#c2e7ff); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-begin-create:hover { background: linear-gradient(rgba(var(--= gm3-sys-color-on-secondary-container-rgb,0,74,119),.08),rgba(var(--gm3-sys-= color-on-secondary-container-rgb,0,74,119),.08)),var(--gm3-sys-color-second= ary-container,#c2e7ff); box-shadow: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-begin-create:focus-visible { background: linear-gradient(rgb= a(var(--gm3-sys-color-on-secondary-container-rgb,0,74,119),.1),rgba(var(--g= m3-sys-color-on-secondary-container-rgb,0,74,119),.1)),var(--gm3-sys-color-= secondary-container,#c2e7ff); box-shadow: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputTextInputContainer .image-synthesis-creation-button.i= mage-synthesis-begin-create:active { background: linear-gradient(rgba(var(-= -gm3-sys-color-on-secondary-container-rgb,0,74,119),.1),rgba(var(--gm3-sys-= color-on-secondary-container-rgb,0,74,119),.1)),var(--gm3-sys-color-seconda= ry-container,#c2e7ff); box-shadow: none; } @media screen and (forced-colors: active) and (prefers-color-scheme: light)= { .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeai= ImageGenerateImagesInputTextInputContainer .image-synthesis-creation-button= .image-synthesis-begin-create .docs-icon { filter: invert(100%); } } .appsDocsAiGenerativeaiImageGenerateImagesInputButtonContainer { align-item= s: center; display: flex; flex-direction: row; gap: 4px; margin-top: 8px; m= in-height: 32px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .image-synthesis-creation-button { le= ft: auto; position: absolute; right: 8px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker, .appsDocsAiGenerativeaiImageGenerateImagesInpu= tEl .appsDocsAiGenerativeaiImageGenerateImagesInputButtonContainer .appsDoc= sAiGenerativeaiImageGenerateImagesInputStylePicker { margin: 0px; width: fi= t-content; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker { margin: 0px; width: fit-content; height: 32px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker .docs-material-gm-select-outer-box, .appsDocsAi= GenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiImageGenerate= ImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateImagesInputS= tylePicker .docs-material-gm-select-outer-box { background: var(--gm3-sys-c= olor-surface-container,#f0f4f9); border-width: medium; border-style: none; = border-color: currentcolor; border-image: none; border-radius: 9999px; min-= width: 32px; } @media screen and (forced-colors: active) { .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeai= ImageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerat= eImagesInputAspectRatioPicker .docs-material-gm-select-outer-box, .appsDocs= AiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiImageGenera= teImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStylePicker .docs-material-gm-select-outer-box { border: 1px solid buttont= ext; } } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker:focus .docs-material-gm-select-outer-box { outl= ine: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker .docs-material-gm-select-outer-box:not(:has(.do= cs-icon)) { padding: 6px 12px; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItemSelected = { background-image: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker .docs-material-gm-select-outer-box .docs-materi= al-gm-select-caption { color: var(--gm3-sys-color-on-primary-container,#084= 2a0); font-family: "Google Sans Text", "Google Sans", Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; font-weight: 500; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker .docs-material-gm-select-outer-box:not(:has(.do= cs-icon)) { background-color: var(--gm3-sys-color-primary-container,#d3e3fd= ); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputAspectRatioPicker .docs-material-gm-select-outer-box, .appsDocsAi= GenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiImageGenerate= ImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateImagesInputS= tylePicker .docs-material-gm-select-outer-box .docs-material-gm-select-capt= ion:has(.docs-icon) { padding: 6px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker.docs-material-gm-select { background: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker.docs-material-gm-select .docs-material-gm-select-oute= r-box { padding: 0px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker .docs-material-gm-select-outer-box .docs-material-gm-= select-caption:has(.docs-icon) { padding-left: 7px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker.docs-material-gm-select-hover .docs-material-gm-selec= t-caption, .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGen= erativeaiImageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiIma= geGenerateImagesInputStylePicker.docs-material-gm-select-hover.docs-materia= l-gm-select-focused .docs-material-gm-select-caption { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,transpar= ent); } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker.docs-material-gm-select .docs-material-gm-select-capt= ion { border-radius: 9999px; height: 32px; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .appsDocsAiGenerativeaiIm= ageGenerateImagesInputButtonContainer .appsDocsAiGenerativeaiImageGenerateI= magesInputStylePicker.docs-material-gm-select .docs-material-gm-select-capt= ion .appsDocsAiGenerativeaiImageGenerateImagesInputStyleMenuImage { height:= 32px; width: fit-content; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu { width: 288= px; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu .appsDocsAiG= enerativeaiImageGenerateImagesInputPickerMenuTitle { font-size: 0.875rem; l= ine-height: 1.25rem; padding: 8px 12px; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItem { displa= y: flex; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItem .appsDoc= sAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItemIcon.docs-icon { = margin-right: 12px; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu .appsDocsAiG= enerativeaiImageGenerateImagesInputAspectRatioMenuItem .appsDocsAiGenerativ= eaiImageGenerateImagesInputAspectRatioMenuItemDeselectIcon.docs-icon, .apps= DocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu .appsDocsAiGenera= tiveaiImageGenerateImagesInputAspectRatioMenuItem .appsDocsAiGenerativeaiIm= ageGenerateImagesInputAspectRatioMenuItemSelectionIcon.docs-icon { display:= none; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu .appsDocsAiG= enerativeaiImageGenerateImagesInputAspectRatioMenuItemSelected.goog-menuite= m:not(:is(.goog-menuitem-highlight, .goog-menuitem-highlight:active, .goog-= menuitem-highlight:focus)) .appsDocsAiGenerativeaiImageGenerateImagesInputA= spectRatioMenuItemSelectionIcon.docs-icon { display: block; margin-left: au= to; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu.goog-menu .a= ppsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItemSelected.go= og-menuitem:is(.goog-menuitem-highlight, .goog-menuitem-highlight:active, .= goog-menuitem-highlight:focus) .appsDocsAiGenerativeaiImageGenerateImagesIn= putAspectRatioMenuItemDeselectIcon.docs-icon { display: block; margin-left:= auto; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenu.goo= g-menu .goog-menuitem { padding: 6px 12px; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.goo= g-menu .goog-menuitem { padding: 0px; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.goo= g-menu .goog-menuitem.goog-menuitem-highlight { background: none; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.ima= geGenerationStylePresetsMenu.goog-menu { max-height: fit-content; overflow-= x: hidden; padding: 8px 0px 0px; width: 288px; } .appsDocsAiGenerativeaiImageGenerateImagesInputStyleMenuItem { align-items:= center; display: flex; flex-direction: column; gap: 8px; } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItem, .appsDo= csAiGenerativeaiImageGenerateImagesInputPickerMenuTitle, .appsDocsAiGenerat= iveaiImageGenerateImagesInputStyleMenuImageTitle { font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; text-align: left; } .appsDocsAiGenerativeaiImageGenerateImagesInputPickerMenuTitle, .appsDocsAi= GenerativeaiImageGenerateImagesInputStyleMenuImageTitle { color: var(--gm3-= sys-color-on-surface-variant,#444746); } .appsDocsAiGenerativeaiImageGenerateImagesInputAspectRatioMenuItem { color:= var(--gm3-sys-color-on-surface,#1f1f1f); } .appsDocsAiGenerativeaiImageGenerateImagesInputStyleMenuImageTitle { width:= 100%; } .appsDocsAiGenerativeaiImageGenerateImagesInputStyleMenuImageTitle { paddin= g-left: 12px; font-size: 0.875rem; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu .appsDocsAiG= enerativeaiImageGenerateImagesInputPickerMenuTitle { font-size: 0.875rem; l= ine-height: 1.25rem; padding: 8px 16px; position: sticky; top: 0px; font-we= ight: 500; width: 100%; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.ima= geGenerationStylePresetsMenu .appsDocsAiGenerativeaiImageGenerateImagesInpu= tMenuItemContainer { display: flex; flex-wrap: wrap; gap: 12px; max-height:= calc(-180px + 100vh); overflow: hidden auto; padding: 4px 0px 16px 16px; w= idth: 272px; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .imageGenerationStylePresetsMenuItemSelected, .appsDocs= AiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerationStyleP= resetsMenu .imageGenerationStylePresetsMenuItemSelected.goog-menuitem-highl= ight { background: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputStyleMenuImage { border-radi= us: 8px; height: 100%; outline-offset: -4px; width: 120px; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.ima= geGenerationStylePresetsMenu .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStyleMenuImageContainer { background: none; border-radius: 8px; height: 92= px; overflow: hidden; padding-bottom: 0px; position: relative; width: fit-c= ontent; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .goog-menuitem.goog-menuitem-highlight .appsDocsAiGener= ativeaiImageGenerateImagesInputStyleMenuImageContainer { outline: 2px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); outline-offset: 2px; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .imageGenerationStylePresetsMenuItemSelected .appsDocsA= iGenerativeaiImageGenerateImagesInputStyleMenuImageContainer { outline: 2px= solid var(--gm3-sys-color-primary,#0b57d0); outline-offset: 2px; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.ima= geGenerationStylePresetsMenu .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStyleMenuImageContainer .appsDocsAiGenerativeaiImageGenerateImagesInputSty= leMenuImageOverlay { align-items: center; background: color-mix(in srgb,var= (--gm3-sys-color-inverse-surface,#303030) 0%,transparent); display: flex; h= eight: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .docs-gm .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.ima= geGenerationStylePresetsMenu .goog-menuitem-highlight .appsDocsAiGenerative= aiImageGenerateImagesInputStyleMenuImageOverlay { background: color-mix(in = srgb,var(--gm3-sys-color-inverse-surface,#303030) 20%,transparent); } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu .appsDocsAiG= enerativeaiImageGenerateImagesInputStyleMenuImageContainer .appsDocsAiGener= ativeaiImageGenerateImagesInputStyleMenuImageOverlay .appsDocsAiGenerativea= iImageGenerateImagesInputStylePickerMenuItemDeselectIcon.docs-icon, .appsDo= csAiGenerativeaiImageGenerateImagesInputStylePickerMenu .appsDocsAiGenerati= veaiImageGenerateImagesInputStyleMenuImageContainer .appsDocsAiGenerativeai= ImageGenerateImagesInputStyleMenuImageOverlay .appsDocsAiGenerativeaiImageG= enerateImagesInputStylePickerMenuItemSelectionIcon.docs-icon { display: non= e; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .goog-menuitem:is(.imageGenerationStylePresetsMenuItemS= elected):not(.goog-menuitem-highlight) .appsDocsAiGenerativeaiImageGenerate= ImagesInputStyleMenuImageContainer .appsDocsAiGenerativeaiImageGenerateImag= esInputStyleMenuImageOverlay .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStylePickerMenuItemSelectionIcon.docs-icon { display: flex; margin-left: a= uto; margin-right: auto; background-color: var(--gm3-sys-color-primary,#0b5= 7d0); border-radius: 9999px; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .goog-menuitem.goog-menuitem-highlight:is(.imageGenerat= ionStylePresetsMenuItemSelected) .appsDocsAiGenerativeaiImageGenerateImages= InputStyleMenuImageContainer .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStyleMenuImageOverlay .appsDocsAiGenerativeaiImageGenerateImagesInputStyle= PickerMenuItemDeselectIcon.docs-icon { background-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); border-radius: 9999px; display: flex; margin= -left: auto; margin-right: auto; } .appsDocsAiGenerativeaiImageGenerateImagesInputStylePickerMenu.imageGenerat= ionStylePresetsMenu .goog-menuitem.goog-menuitem-highlight:is(.imageGenerat= ionStylePresetsMenuItemSelected) .appsDocsAiGenerativeaiImageGenerateImages= InputStyleMenuImageContainer .appsDocsAiGenerativeaiImageGenerateImagesInpu= tStyleMenuImageOverlay .appsDocsAiGenerativeaiImageGenerateImagesInputStyle= PickerMenuItemDeselectIcon.docs-icon .docs-icon-img-container { margin-left= : 1px; margin-top: 1px; } .appsDocsAiGenerativeaiImageGenerateImagesInputSeed { display: block; max-h= eight: 100%; max-width: 100%; object-fit: contain; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .appsDocsAiGenerat= iveaiImageGenerateImagesInputSeed { object-fit: cover; } .appsDocsAiGenerativeaiImageGenerateImagesInputSeedContainer { background: = var(--gm3-sys-color-surface-container-highest,#dde3ea); border-radius: 8px;= display: flex; justify-content: center; margin: 16px 16px 0px; max-height:= 286px; max-width: 286px; overflow: hidden; } @media (max-height: 600px) { .appsDocsAiGenerativeaiImageGenerateImagesInputSeedContainer { max-height= : calc(-429px + 100vh); min-height: calc(-429px + 100vh); } } .appsDocsAiGenerativeaiImageGenerateImagesInputEl:has(.appsDocsAiGenerative= aiImageGenerateImagesInputSeed) .docs-image-synthesis-search-bar-input { mi= n-height: 60px; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed:has(.appsDocsAiGen= erativeaiImageGenerateImagesInputSeed) .docs-image-synthesis-search-bar-inp= ut { min-height: 40px; line-height: 1.25rem; } .appsDocsAiGenerativeaiImageGenerateImagesInputEl .docs-gm3-button { backgr= ound-color: color-mix(in srgb,var(--gm3-sys-color-inverse-surface,#303030) = 60%,transparent); height: 24px; margin: 24px; min-height: 24px; min-width: = 24px; position: absolute; right: 0px; top: 0px; width: 24px; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .docs-image-synthe= sis-search-bar-input { display: -webkit-box; max-height: 45px; min-height: = 45px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: v= ertical; overflow: hidden !important; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed:has(.appsDocsAiGen= erativeaiImageGenerateImagesInputSeed) .appsDocsAiGenerativeaiImageGenerate= ImagesInputTextInputContainer .image-synthesis-creation-button, .appsDocsAi= GenerativeaiImageGenerateImagesInputCollapsed:has(.appsDocsAiGenerativeaiIm= ageGenerateImagesInputSeed) .docs-gm3-button { display: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .appsDocsAiGenerat= iveaiImageGenerateImagesInputTextInputContainer { margin-top: 16px; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed:has(.appsDocsAiGen= erativeaiImageGenerateImagesInputSeed) .appsDocsAiGenerativeaiImageGenerate= ImagesInputTextInputContainer .docs-image-synthesis-search-bar-input { alig= n-content: center; padding: 0px 0px 0px 52px !important; } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .appsDocsAiGenerat= iveaiImageGenerateImagesInputSeedContainer { left: 28px; position: absolute= ; top: 28px; margin: 0px; } @media (max-height: 600px) { .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .appsDocsAiGener= ativeaiImageGenerateImagesInputSeedContainer { max-height: 40px; min-height= : 40px; } } .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed .appsDocsAiGenerat= iveaiImageGenerateImagesInputSeed { height: 40px; width: 40px; } .appsDocsAiGenerativeaiImageGenerateImagesInputTrayExpanded .appsDocsUiSide= barScrollableContainer .appsDocsAiGenerativeaiImageHistoryViewEl { opacity:= 0.3; } .appsDocsAiGenerativeaiImageGenerateImagesInputTrayExpanded .appsDocsUiSide= barScrollableContainer .appsDocsAiGenerativeaiImageHistoryViewEl .goog-pale= tte { pointer-events: none; } .appsDocsAiGenerativeaiImageGenerateImagesInputBetaBadge { margin-left: aut= o; margin-right: 40px; } .appsDocsAiGenerativeaiImageHistoryViewEl .docs-content-library-image-gener= ation-item, .appsDocsAiGenerativeaiImageHistoryViewEl .docs-content-library= -image-generation-item-hover-buttons-container, .appsDocsAiGenerativeaiImag= eHistoryViewEl .docs-image-synthesis-item { border-radius: 4px; } .appsDocsAiGenerativeaiImageHistoryViewEl .genAiImageSidebarSingleImage .go= og-palette-table { justify-content: flex-start; } .appsDocsAiGenerativeaiImageHistoryViewResultHeaderContainer { display: fle= x; flex-direction: column; gap: 8px; margin: 8px 20px; } .appsDocsAiGenerativeaiImageHistoryViewSeparator { border-top: 1px solid va= r(--gm3-sys-color-outline-variant,#c4c7c5); margin: 8px 20px; width: 280px;= } .goog-control:first-of-type .appsDocsAiGenerativeaiImageHistoryViewSeparato= r { display: none; } .appsDocsAiGenerativeaiImageHistoryViewResultHeaderAction { color: var(--gm= 3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 500; line-height: 1.25rem; margin: 16px 20px 0px; user-select: text; } .appsDocsAiGenerativeaiImageHistoryViewResultHeaderPrompt, .appsDocsAiGener= ativeaiImageHistoryViewResultHeaderStyle { color: var(--gm3-sys-color-on-su= rface-variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-sp= acing: 0.00625rem; line-height: 1rem; margin: 0px 20px 12px; user-select: t= ext; } .appsDocsAiGenerativeaiImageHistoryViewConversationalHeader { color: var(--= gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 400; line-height: 1.25rem; margin: 0px 16px; user-select: text; } :has(.appsDocsAiGenerativeaiImageHistoryViewConversationalHeader) .docs-ima= ge-synthesis-sidebar .goog-palette { margin: 0px 0px 16px 10px; } :has(.appsDocsAiGenerativeaiImageHistoryViewButtonsContainer) .docs-image-s= ynthesis-sidebar .goog-palette { margin: 0px 0px 0px 10px; } .appsDocsAiGenerativeaiImageHistoryViewTruncatedPrompt { --line-clamp-amoun= t: 2; display: -webkit-box; overflow: hidden; -webkit-line-clamp: var(--lin= e-clamp-amount); -webkit-box-orient: vertical; hyphens: auto; } .appsDocsAiGenerativeaiImageHistoryViewTruncatedPrompt::before { content: "= "; float: right; height: calc((var(--line-clamp-amount) - 1)*1lh); } .appsDocsAiGenerativeaiImageHistoryViewViewMore { clear: both; float: right= ; color: var(--gm3-sys-color-primary,#0b57d0); margin-left: 7px; margin-rig= ht: 2px; cursor: pointer; } .appsDocsAiGenerativeaiImageHistoryViewViewMore:hover { text-decoration: un= derline; } .appsDocsAiGenerativeaiImageHistoryViewViewMore:focus-visible { outline-col= or: ; outline-width: ; outline-style: auto; } .appsDocsAiGenerativeaiImageHistoryViewLoadingHeader { align-items: center;= align-self: stretch; display: flex; gap: 8px; margin: 0px 16px; } .appsDocsAiGenerativeaiImageHistoryViewLoadingText { color: var(--gm3-sys-c= olor-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-size: 0.6875rem; font-weight: 50= 0; line-height: 1rem; } @media not (prefers-reduced-motion) { .appsDocsAiGenerativeaiImageHistoryViewLoadingHeader .docs-icon { animati= on: 2.1s linear 0s infinite normal none running rotate-spark; } } .appsDocsAiGenerativeaiImageHistoryViewLoadingHeader .docs-icon { transform= -origin: center center; } .appsDocsAiGenerativeaiImageHistoryViewLoadingImage { background: linear-gr= adient(90deg,var(--gm3-sys-color-surface-container,#f0f4f9) 20%,var(--gm3-s= ys-color-surface-container,#f0f4f9),var(--gm3-sys-color-surface-dim,#d3dbe5= ),var(--gm3-sys-color-surface-container,#f0f4f9)); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsDocsAiGenerativeaiImageHistoryViewLoadingImage { background: linear-= gradient(135deg, canvas, highlight); forced-color-adjust: none; } } @media not (prefers-reduced-motion) { .appsDocsAiGenerativeaiImageHistoryViewLoadingImage { background-size: 20= 0% 100%; } } @media (not (prefers-reduced-motion)) and (-ms-high-contrast:active), scree= n and (not (prefers-reduced-motion)) and (forced-colors: active) { .appsDocsAiGenerativeaiImageHistoryViewLoadingImage { background: linear-= gradient(135deg, canvas, highlight, highlight, canvas); forced-color-adjust= : none; } } .appsDocsAiGenerativeaiImageHistoryViewLoadingImage { animation: 2s linear = 0s infinite normal none running inline-shimmer; border-radius: 4px; margin:= 16px; width: 280px; } .appsDocsAiGenerativeaiImageHistoryViewLoadingImageSquare { height: 280px; = } .appsDocsAiGenerativeaiImageHistoryViewLoadingImageLandscape { height: 162p= x; } .appsDocsAiGenerativeaiImageHistoryViewLoadingImagePortrait { height: 253px= ; width: 142px; } .appsDocsAiGenerativeaiImageHistoryViewConversationalResultsIcon { margin: = 0px 16px 8px; } .appsDocsAiGenerativeaiImageHistoryViewButtonsContainer { display: flex; ju= stify-content: flex-start; margin: -8px 0px 16px 8px; width: 280px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverContainer { display: flex;= justify-content: center; align-items: center; width: 100%; bottom: 0px; po= sition: absolute; background: none; border-radius: 0px 0px 16px 16px; curso= r: default; height: 36px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons { display: flex; j= ustify-content: center; align-items: center; width: 100%; bottom: 0px; posi= tion: absolute; background: none; cursor: default; height: 38px; gap: 4px; = margin-bottom: 8px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-material-but= ton, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-materia= l-menu-button-flat-default { background: var(--gm3-sys-color-inverse-surfac= e,#303030); border-radius: 8px; height: 32px; width: 32px; display: flex; a= lign-items: center; justify-content: center; padding: 0px; margin: 0px; min= -width: 0px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-icon { displ= ay: flex; align-items: center; justify-content: center; padding: 4px; margi= n: 0px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-icon-img-con= tainer, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-mate= rial-button-focused.docs-material-button-no-focus-border .docs-icon-img-con= tainer, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-mate= rial-menu-button-flat-default-focused.docs-material-menu-button-flat-defaul= t-no-focus-border .docs-icon-img-container { padding: 0px; filter: brightne= ss(0) invert(1); } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs-material-but= ton-focused .docs-icon, .appsDocsAiGenerativeaiImageCssHoverControlsHoverBu= ttons .docs-material-button-hover .docs-icon, .appsDocsAiGenerativeaiImageC= ssHoverControlsHoverButtons .docs-material-menu-button-flat-default-focused= .docs-icon, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtons .docs= -material-menu-button-flat-default-hover .docs-icon { background: color-mix= (in srgb,var(--gm3-sys-color-inverse-on-surface,#f2f2f2) 20%,transparent); = border-radius: 8px; } .appsDocsAiGenerativeaiImageCssHoverControlsNoDropdown.docs-material-menu-b= utton-flat-default .docs-material-menu-button-flat-default-dropdown { displ= ay: none; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButton { display: inline-f= lex; align-items: center; justify-content: center; background-color: transp= arent; margin: 0px; padding: 0px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent { border-rad= ius: 8px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-materi= al-button, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .= docs-material-menu-button-flat-default { background: var(--gm3-sys-color-in= verse-surface,#303030); border-radius: 8px; height: 32px; width: 32px; disp= lay: flex; align-items: center; justify-content: center; padding: 0px; marg= in: 0px; } @media screen and (forced-colors: active) { .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-mate= rial-button, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent= .docs-material-menu-button-flat-default { border: 1px solid buttontext; op= acity: 1; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-icon= { forced-color-adjust: none; } } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) = { .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-icon= -arrow-back-dark, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonCo= ntent .docs-icon-movie-filter-auto-24x24, .appsDocsAiGenerativeaiImageCssHo= verControlsHoverButtonContent .docs-icon-thumbs-up-down-24x24 { filter: bri= ghtness(0) invert(1); } } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContentHidden { visi= bility: hidden; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-icon {= border-radius: 8px; display: flex; margin: 0px; padding: 5px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-icon-i= mg-container { padding: 2px; } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-materi= al-button-focused .docs-icon, .appsDocsAiGenerativeaiImageCssHoverControlsH= overButtonContent .docs-material-button-hover .docs-icon, .appsDocsAiGenera= tiveaiImageCssHoverControlsHoverButtonContent .docs-material-menu-button-fl= at-default-focused .docs-icon, .appsDocsAiGenerativeaiImageCssHoverControls= HoverButtonContent .docs-material-menu-button-flat-default-hover .docs-icon= { background: color-mix(in srgb,var(--gm3-sys-color-inverse-on-surface,#f2= f2f2) 20%,transparent); } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-materi= al-button-flat-default.docs-material-button-focused.docs-material-button-fl= at-default.docs-material-button-flat-default.docs-material-button-flat-defa= ult, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-m= aterial-menu-button-flat-default-focused.docs-material-menu-button-flat-def= ault-focused.docs-material-menu-button-flat-default-focused.docs-material-m= enu-button-flat-default-focused { outline: 3px solid var(--gm3-sys-color-pr= imary,#0b57d0); outline-offset: 0px; } @media screen and (forced-colors: active) { .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-mate= rial-button-flat-default.docs-material-button-focused.docs-material-button-= flat-default.docs-material-button-flat-default.docs-material-button-flat-de= fault, .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs= -material-menu-button-flat-default-focused.docs-material-menu-button-flat-d= efault-focused.docs-material-menu-button-flat-default-focused.docs-material= -menu-button-flat-default-focused { border-color: buttontext; } } .appsDocsAiGenerativeaiImageCssHoverControlsHoverButtonContent .docs-materi= al-button-flat-default.docs-material-button-focused.docs-material-button-no= -focus-border.docs-material-button-flat-default.docs-material-button-flat-d= efault.docs-material-button-flat-default, .appsDocsAiGenerativeaiImageCssHo= verControlsHoverButtonContent .docs-material-menu-button-flat-default-focus= ed.docs-material-menu-button-flat-default-no-focus-border.docs-material-men= u-button-flat-default-focused.docs-material-menu-button-flat-default-focuse= d.docs-material-menu-button-flat-default-focused { border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; line-heig= ht: 2rem; padding: 0px; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItem.appsDocsAiGenera= tiveaiImageCssHoverControlsThumbsMenuItem.appsDocsAiGenerativeaiImageCssHov= erControlsThumbsMenuItem.appsDocsAiGenerativeaiImageCssHoverControlsThumbsM= enuItem { padding: 8px 12px; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItem { display: flex;= align-items: center; gap: 8px; height: 32px; min-width: 120px; color: var(= --gm3-sys-color-on-surface,#1f1f1f); } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItem .docs-icon-img-c= ontainer { filter: brightness(0); } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItemIcon { display: f= lex; align-items: center; justify-content: center; filter: brightness(0); m= argin: 0px; padding: 0px; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItemIcon .docs-icon {= padding: 0px; height: 20px; width: 20px; } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) = { .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItem .docs-icon-img= -container, .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItemIcon = { filter: brightness(0) invert(1); } } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsMenuItemContent { display= : flex; align-items: center; gap: 8px; width: 100%; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsOutlineDisabled { opacity= : 0.38; } @media screen and (forced-colors: active) { .appsDocsAiGenerativeaiImageCssHoverControlsThumbsOutlineDisabled { opaci= ty: 1; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsOutlineDisabled .docs-m= aterial-menu-button-flat-default { border: 1px solid graytext; outline: non= e; } .appsDocsAiGenerativeaiImageCssHoverControlsThumbsOutlineDisabled .docs-m= aterial-menu-button-flat-default .docs-icon { forced-color-adjust: auto; } } .appsDocsAiGenerativeaiImageCssHoverControlsElOutlineDisabled { opacity: 0.= 38; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery { height: auto; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery.docs-image-generation-example-gallery-collapsed { transform: = translateY(100%); } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery.docs-image-generation-example-gallery-collapsed-static { tran= sform: translateY(100%); transition: none; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery.docs-image-generation-example-gallery-collapsed-static .docs-= image-generation-example-gallery-expand-button { animation: auto ease 0s 1 = normal none running none; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery.docs-image-generation-example-gallery-expanded-static { trans= ition: none; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery-expand-button { background-color: var(--gm3-sys-color-surface= -container-highest,#dde3ea); bottom: 59px; border-width: medium; border-sty= le: none; border-color: currentcolor; border-image: none; border-radius: 12= px; outline: transparent; } .imageGenerationPromptInspirationGalleryContainer .docs-image-generation-ex= ample-gallery-expand-button:focus-visible { outline: 1px solid var(--gm3-sy= s-color-primary,#0b57d0); } .imageGenerationStylePresetsSelect.docs-material-gm-select { background: va= r(--gm3-sys-color-surface,#fff); border-radius: 8px; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; = margin: 8px 16px 0px; width: calc(100% - 32px); } .imageGenerationStylePresetsSelect.docs-material-gm-select .docs-material-g= m-select-caption { font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; } .goog-container-horizontal .imageGenerationStylePresetsSelect { display: in= line-block; margin: 0px; max-width: 146px; vertical-align: middle; } .imageGenerationStylePresetsSelect.docs-material-gm-select .docs-material-g= m-select-outer-box { border-width: medium; border-style: none; border-color= : currentcolor; border-image: none; border-radius: 8px; } .imageGenerationStylePresetsSelect.docs-material-gm-select-open .docs-mater= ial-gm-select-outer-box, .imageGenerationStylePresetsSelect.gm-select-hover= .docs-material-gm-select-outer-box { background-color: color-mix(in srgb,v= ar(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-color-surfa= ce,#fff)); } .imageGenerationStylePresetsSelect.docs-material-gm-select-active .docs-mat= erial-gm-select-outer-box { background-color: color-mix(in srgb,var(--gm3-s= ys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-color-surface,#fff))= ; } .imageGenerationStylePresetsSelect:focus .docs-material-gm-select-outer-box= { outline: 1px solid var(--gm3-sys-color-primary,#0b57d0); } @media screen and (forced-colors: active) { .imageGenerationStylePresetsSelect.docs-material-gm-select .docs-material= -gm-select-outer-box { border: 1px solid buttontext; } } .imageGenerationStylePresetsSelect .docs-material-gm-select-inner-box { dis= play: flex; position: static; } .docs-gm .imageGenerationStylePresetsMenu.goog-menu { background: linear-gr= adient(0deg,color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,trans= parent),color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,transpare= nt)),var(--gm3-sys-color-on-primary,#fff); border: 0px; max-height: calc(-3= 60px + 100vh); min-height: 75px; overflow-y: auto; width: 280px; } .imageGenerationStylePresetsMenu.goog-menu .imageGenerationStylePresetsMenu= Item.goog-menuitem { padding: 0px; height: 48px; } .imageGenerationStylePresetsMenu .imageGenerationStylePresetsMenuItem:hover= { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface-varia= nt,#444746) 8%,var(--gm3-sys-color-surface,#fff)); } .imageGenerationStylePresetsMenu .imageGenerationStylePresetsMenuItem.goog-= menuitem-active:hover:active { background-color: color-mix(in srgb,var(--gm= 3-sys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-color-surface,#ff= f)); } .imageGenerationStylePresetsMenu .imageGenerationStylePresetsMenuItem.goog-= menuitem-highlight { background-color: color-mix(in srgb,var(--gm3-sys-colo= r-on-surface-variant,#444746) 10%,var(--gm3-sys-color-surface,#fff)); } .imageGenerationStylePresetsMenu .imageGenerationStylePresetsMenuItemSelect= ed, .imageGenerationStylePresetsMenu .imageGenerationStylePresetsMenuItemSe= lected.goog-menuitem-highlight { background-color: var(--gm3-sys-color-prim= ary-container,#d3e3fd); } .imageGenerationStylePresetsItem { align-items: center; color: var(--gm3-sy= s-color-on-surface,#1f1f1f); display: inline-flex; font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; fon= t-weight: 400; line-height: 1.5rem; height: 48px; } .imageGenerationStylePresetsItem .thumbnail { border-radius: 12px; height: = 40px; margin: 0px 16px; width: 40px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryEl { display: flex; flex-w= rap: wrap; gap: 4px; height: calc(100% - 263px); margin-left: 16px; max-hei= ght: fit-content; overflow: scroll; position: absolute; } .appsDocsAiGenerativeaiImageCssInspirationgalleryDisabled { opacity: 0.3; p= ointer-events: none; } .genAiImageSidebarEl:not(:has(.appsDocsAiGenerativeaiImageGenerateImagesInp= utEl:not(.appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed))) .appsD= ocsAiGenerativeaiImageCssInspirationgalleryEl { height: calc(100% - 186px);= } .genAiImageSidebarEl:has(.appsDocsAiGenerativeaiImageCssConversationalsideb= artabbarEl):has(.genAiImageSidebarDisclaimer) .appsDocsAiGenerativeaiImageC= ssInspirationgalleryEl { height: calc(100% - 332px); } .genAiImageSidebarEl:has(.appsDocsAiGenerativeaiImageCssConversationalsideb= artabbarEl):not(:has(.appsDocsAiGenerativeaiImageGenerateImagesInputEl:not(= .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed))):has(.genAiImage= SidebarDisclaimer) .appsDocsAiGenerativeaiImageCssInspirationgalleryEl { he= ight: calc(100% - 264px); } .genAiImageSidebarEl:has(.appsDocsAiGenerativeaiImageCssConversationalsideb= artabbarEl) .appsDocsAiGenerativeaiImageCssInspirationgalleryEl { height: c= alc(100% - 305px); } .genAiImageSidebarEl:has(.appsDocsAiGenerativeaiImageCssConversationalsideb= artabbarEl):not(:has(.appsDocsAiGenerativeaiImageGenerateImagesInputEl:not(= .appsDocsAiGenerativeaiImageGenerateImagesInputCollapsed))) .appsDocsAiGene= rativeaiImageCssInspirationgalleryEl { height: calc(100% - 236px); } .appsDocsAiGenerativeaiImageCssInspirationgalleryColumn { display: flex; fl= ex-direction: column; gap: 4px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExampleImage { border-radi= us: 8px; display: block; height: fit-content; width: 142px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryWideExample .appsDocsAiGen= erativeaiImageCssInspirationgalleryExampleImage { height: 157px; width: 288= px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryTallExample .appsDocsAiGen= erativeaiImageCssInspirationgalleryExampleImage { height: 250px; } .appsDocsAiGenerativeaiImageCssInspirationgallerySquareExample .appsDocsAiG= enerativeaiImageCssInspirationgalleryExampleImage { height: 142px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample { outline: none; p= osition: relative; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:focus-visible .app= sDocsAiGenerativeaiImageCssInspirationgalleryPromptContainer { outline-colo= r: ; outline-width: ; outline-style: auto; outline-offset: -2px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:focus-within .apps= DocsAiGenerativeaiImageCssInspirationgalleryPromptContainer, .appsDocsAiGen= erativeaiImageCssInspirationgalleryExample:hover .appsDocsAiGenerativeaiIma= geCssInspirationgalleryPromptContainer { background-color: color-mix(in sRG= B,var(--gm3-sys-color-inverse-surface,#303030) 60%,transparent); border-rad= ius: 8px; color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); height: c= alc(100% - 88px); padding: 20px 20px 68px; position: absolute; transform: t= ranslateY(-100%); width: calc(100% - 40px); } .appsDocsAiGenerativeaiImageCssInspirationgallerySmallWideExample:focus-wit= hin .appsDocsAiGenerativeaiImageCssInspirationgalleryPromptContainer, .apps= DocsAiGenerativeaiImageCssInspirationgallerySmallWideExample:hover .appsDoc= sAiGenerativeaiImageCssInspirationgalleryPromptContainer { height: 100%; pa= dding: 0px; width: 142px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:focus-within .apps= DocsAiGenerativeaiImageCssInspirationgalleryPrompt, .appsDocsAiGenerativeai= ImageCssInspirationgalleryExample:hover .appsDocsAiGenerativeaiImageCssInsp= irationgalleryPrompt { display: -webkit-box; -webkit-box-orient: vertical; = overflow: hidden; } .appsDocsAiGenerativeaiImageCssInspirationgallerySquareExample:focus-within= .appsDocsAiGenerativeaiImageCssInspirationgalleryPrompt, .appsDocsAiGenera= tiveaiImageCssInspirationgallerySquareExample:hover .appsDocsAiGenerativeai= ImageCssInspirationgalleryPrompt { -webkit-line-clamp: 4; } .appsDocsAiGenerativeaiImageCssInspirationgalleryWideExample:focus-within .= appsDocsAiGenerativeaiImageCssInspirationgalleryPrompt, .appsDocsAiGenerati= veaiImageCssInspirationgalleryWideExample:hover .appsDocsAiGenerativeaiImag= eCssInspirationgalleryPrompt { -webkit-line-clamp: 5; } .appsDocsAiGenerativeaiImageCssInspirationgallerySmallWideExample:focus-wit= hin .appsDocsAiGenerativeaiImageCssInspirationgalleryPrompt, .appsDocsAiGen= erativeaiImageCssInspirationgallerySmallWideExample:hover .appsDocsAiGenera= tiveaiImageCssInspirationgalleryPrompt { display: none; } .appsDocsAiGenerativeaiImageCssInspirationgalleryTallExample:focus-within .= appsDocsAiGenerativeaiImageCssInspirationgalleryPrompt, .appsDocsAiGenerati= veaiImageCssInspirationgalleryTallExample:hover .appsDocsAiGenerativeaiImag= eCssInspirationgalleryPrompt { -webkit-line-clamp: 11; } .appsDocsAiGenerativeaiImageCssInspirationgalleryEl > .appsDocsAiGenerative= aiImageCssInspirationgalleryColumn:last-child, .appsDocsAiGenerativeaiImage= CssInspirationgalleryEl > .appsDocsAiGenerativeaiImageCssInspirationgallery= Column:nth-last-child(2), .appsDocsAiGenerativeaiImageCssInspirationgallery= El > .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:last-child { = margin-bottom: 20px; } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:focus-within .docs= -gm3-button, .appsDocsAiGenerativeaiImageCssInspirationgalleryExample:hover= .docs-gm3-button { background-color: var(--gm3-sys-color-inverse-surface,#= 303030); border-radius: 8px; bottom: 16px; color: var(--gm3-sys-color-inver= se-on-surface,#f2f2f2); display: block; padding: 8px 12px; position: absolu= te; left: 50%; transform: translateX(calc(-50% - 4px)); } .appsDocsAiGenerativeaiImageCssInspirationgalleryExample .docs-gm3-button, = .appsDocsAiGenerativeaiImageCssInspirationgalleryPrompt { display: none; } .appsDocsAiGenerativeaiImageReportAbuseButtonEl { width: fit-content; } .appsDocsAiGenerativeaiImageReportAbuseButtonButton { --gm3-button-text-con= tainer-height: 32px; --gm3-button-text-focus-label-text-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-button-text-hover-label-text-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-hove= r-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3= -button-text-label-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-label-text-size: 12px; --gm3-button-text-label-text-= weight: 500; --gm3-button-text-pressed-label-text-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-button-text-with-icon-focus-icon-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-with-i= con-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-button-text-with-icon-icon-size: 18px; --gm3-button-text-wi= th-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-button-text-with-leading-icon-leading-space: 8px; --gm3-button-text= -with-leading-icon-trailing-space: 12px; --gm3-button-text-pressed-state-la= yer-color: var(--gm3-sys-color-on-surface-variant,#444746); cursor: pointer= ; } .docs-material .appsDocsAiGenerativeaiImageReportAbuseButtonButton .docs-ic= on { margin-right: 4px; } .docs-smartcompose-inlinepromo { align-items: center; display: flex; paddin= g: 0px 4px; } .docs-smartcompose-inlinepromo span { padding-left: 2px; } .exportDriveElementsThemeRoot { --dtx-state-hover: color-mix(in srgb,var(--= gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-color-surface,#f= ff)); --dtx-state-focus: color-mix(in srgb,var(--gm3-sys-color-on-surface-v= ariant,#444746) 10%,var(--gm3-sys-color-surface,#fff)); --dtx-state-press: = color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(-= -gm3-sys-color-surface,#fff)); --dtx-drop-target: color-mix(in srgb,var(--g= m3-sys-color-secondary-container,#c2e7ff) 40%,transparent); } .modeElementsDark { --dtx-drop-target: color-mix(in srgb,var(--gm3-sys-colo= r-outline,#747775) 40%,transparent); } .activity-deck, .activity-deck-events-view { height: 100%; } .activity-list-container { background-color: var(--gm3-sys-color-surface-br= ight,#fff); font-family: Roboto, arial, sans-serif; font-size: 13px; height= : 100%; position: relative; } .activity-list { box-sizing: border-box; height: 100%; overflow-y: scroll; = position: relative; z-index: 0; } .activity-refresh-header { box-sizing: border-box; background-color: rgb(23= 8, 238, 238); height: 0px; overflow: hidden; padding-right: 16px; position:= absolute; top: 0px; width: 100%; z-index: 2; } .activity-refresh-header .goog-inline-block.goog-flat-button { border-radiu= s: 3px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; box-sizing: border-box;= background-color: var(--gm3-sys-color-surface-bright,#fff); color: rgb(17,= 85, 204); cursor: pointer; height: 35px; line-height: 35px; text-align: ce= nter; width: 100%; } .activity-list-static-header { box-sizing: border-box; left: 0px; overflow:= hidden; padding-bottom: 12px; position: absolute; right: 16px; top: 0px; w= idth: auto; z-index: 1; } .activity-list-loading { font-size: 14px; font-weight: 400; margin-top: 16p= x; text-align: center; width: 100%; } .activity-list-loading .drive-white-circle { display: none; } .activity-list-loading-more.activity-list-loading { font-size: 12px; font-w= eight: 400; margin-top: 0px; padding-bottom: 8px; } .activity-list-loading-more.activity-list-loading .activity-list-loading-ic= on, .activity-list-loading-more.activity-list-loading .activity-list-loadin= g-icon img, .activity-list-loading-more.activity-list-loading .activity-lis= t-loading-message { display: inline-block; vertical-align: middle; } .activity-list-loading-more.activity-list-loading .activity-list-loading-me= ssage { margin-left: 8px; padding-left: 14px; padding-top: 6px; } .activity-list-no-activity { font-size: 13px; margin-top: 16px; text-align:= center; width: 100%; } .activity-event.activity-event-new { background-color: rgb(255, 255, 214); = } .activity-event.activity-event-background-transition { transition: backgrou= nd-color 1s ease-in; } .activity-list-no-more-events-icon { display: inline-block; margin-bottom: = 10px; } .activity-event { background-color: var(--gm3-sys-color-surface-bright,#fff= ); border-bottom: 1px solid var(--gm3-sys-color-inverse-on-surface,#f2f2f2)= ; margin: 0px 0px 12px; padding: 0px 0px 12px; position: relative; width: 1= 00%; } .activity-event > div:first-child { line-height: 20px; padding: 16px 0px; } .activity-event-action-icon { height: 16px; padding: 8px 4px; position: abs= olute; width: 16px; } .activity-event-available-action { border-top: 1px solid var(--gm3-sys-colo= r-surface-container-highest,#dde3ea); margin-left: 24px; margin-top: 16px; = padding-top: 16px; } .activity-event-action-text { font-weight: 500; text-transform: uppercase; = } .activity-event-action-text-active { margin-left: 32px; padding: 8px 0px; } .activity-event-action-text-used { padding: 8px 4px; } .activity-list-error, .activity-list-no-more-events.activity-list-no-events= { margin-bottom: 20px; margin-top: 10px; text-align: center; } .activity-list-error-icon { display: inline-block; height: 24px; margin-bot= tom: -5px; margin-right: 20px; position: relative; width: 24px; } .activity-list-error-icon svg { bottom: 0px; position: absolute; } .activity-list-events { user-select: text; } .activity-list-no-more-events { color: var(--gm3-sys-color-on-surface-varia= nt,#444746); padding: 0px 24px 0px 16px; text-align: left; } .activity-list-no-more-events-text { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-size: 13px; font-weight: 400; margin-bottom: 0px; } .activity-list-no-more-events-description, .activity-list-no-more-events-le= arn-more { line-height: 20px; margin: 0px; padding: 14px 0px; } .activity-decorated-link { color: rgb(17, 85, 204); cursor: pointer; outlin= e: none; text-decoration: none; } .activity-decorated-link:focus, .activity-decorated-link:hover { text-decor= ation: underline; } .activity-decorated-link:active { color: rgb(209, 72, 54); } .activity-list-error-try-again { color: rgb(17, 85, 204); cursor: pointer; = outline: none; text-decoration: none; } .activity-list-error-try-again .goog-flat-button-focus, .activity-list-erro= r-try-again .goog-flat-button-hover, .activity-list-error-try-again:focus, = .activity-list-error-try-again:hover { text-decoration: underline; } .activity-list-error-try-again:active { color: rgb(209, 72, 54); } .activity-list-show-more, .activity-paging-footer-show-more .goog-flat-butt= on { display: block; height: 0px; margin: 0px 5px; overflow: hidden; } .activity-event-focus { outline: 1px solid var(--gm3-sys-color-primary,#0b5= 7d0); } .activity-hideable-focus-hidden .activity-event.activity-event-focus { outl= ine: none; } .activity-event-person { height: 40px; left: 16px; position: absolute; widt= h: 40px; } .activity-event-person img { border-radius: 50%; height: 100%; width: 100%;= } .activity-event-background svg { border-radius: 50%; height: 40px; width: 4= 0px; } .activity-event-person-overlay { left: 0px; position: absolute; right: 0px;= top: 0px; } .activity-event-admin-icon svg { opacity: 0.5; } .activity-event-person-icon svg { margin-top: 9px; } .activity-event-admin-icon.activity-event-person-icon svg { margin-top: 7px= ; } .activity-event-drive-icon svg { margin-top: 8px; } .activity-event-person .activity-event-person-icon-container { border-radiu= s: 50%; height: 40px; overflow: hidden; text-align: center; width: 40px; } .activity-event-admin-icon-container { box-sizing: border-box; border: 2px = solid rgba(0, 0, 0, 0.2); } .activity-event-person-icon-text { color: var(--gm3-sys-color-surface-brigh= t,#fff); font-size: 16px; line-height: 40px; vertical-align: middle; } .activity-event-header { margin-left: 56px; padding: 0px 24px 0px 16px; } .activity-event-details-header { color: var(--gm3-sys-color-on-surface-vari= ant,#444746); font-size: 13px; width: auto; } .activity-event-details-container { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); font-size: 13px; font-weight: 500; margin-top: 4px; } .activity-event-target-list { padding-left: 72px; } .activity-event-file-approval, .activity-event-people-names { color: var(--= gm3-sys-color-on-surface,#1f1f1f); font-weight: 500; } .activity-event-agent-icon-container { background: var(--gm3-sys-color-surf= ace-container-highest,#dde3ea); border-radius: inherit; box-sizing: border-= box; display: flex; align-items: center; justify-content: center; } .activity-event-agent-icon { color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; } .activity-event-agent-badge { display: inline; --ae-badge-container-color: = #d9bafd; --ae-badge-text-color: #400b84; } .activity-event-agent-badge .appsElementsBadgeContainer { display: inline; = } .activity-event-unavailable-agent-badge { display: inline; --ae-badge-conta= iner-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); --ae-ba= dge-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); } .activity-event-unavailable-agent-badge .appsElementsBadgeContainer { displ= ay: inline; } .activity-event-approval-status { margin-top: 4px; font-weight: 500; } .activity-event-approval-approved { color: var(--gm3-sys-color-tertiary,#14= 6c2e); } .activity-event-approval-rejected { color: var(--gm3-sys-color-error,#b3261= e); } .activity-event-action { font-weight: 400; } .activity-event-action::before { content: " "; } .activity-event-copy-action, .activity-event-target-number { font-weight: 7= 00; } .activity-event-target-icon { height: 16px; position: absolute; width: 24px= ; } .activity-event-target:first-child { border-top-width: medium; border-top-s= tyle: none; border-top-color: currentcolor; } .activity-event-target-icon .drive-shortcut-icon { bottom: 2px; left: -4px;= position: absolute; } .activity-event-target { position: relative; } .activity-event-single-target { margin-left: 72px; } .activity-event-section-heading { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-weight: 500; margin-bottom: 5px; margin-left: 72px; margin-top:= 10px; } .activity-event-parent { border-bottom: 1px solid var(--gm3-sys-color-surfa= ce-container-highest,#dde3ea); margin-left: 72px; } .activity-event-target-details { margin-left: 32px; } .activity-event-target-details.activity-event-locatable-target { margin-rig= ht: 24px; } .activity-event-target-name { font-weight: 500; overflow: hidden; text-over= flow: ellipsis; white-space: nowrap; } .activity-list-hidden-text { height: 0px; overflow: hidden; white-space: no= wrap; width: 0px; } .activity-event-target:active, .activity-event-target:focus, .activity-even= t-target:hover { background-color: var(--gm3-sys-color-surface-bright,#fff)= ; } .activity-event-target-name .activity-event-openable-target:active, .activi= ty-event-target-name .activity-event-openable-target:focus, .activity-event= -target-name .activity-event-openable-target:hover, .activity-event-target-= name.activity-event-openable-target:active, .activity-event-target-name.act= ivity-event-openable-target:focus, .activity-event-target-name.activity-eve= nt-openable-target:hover { color: var(--gm3-sys-color-on-surface-variant,#4= 44746); cursor: pointer; outline: none; text-decoration: underline; } .activity-event-scopes-show-less-button, .activity-event-scopes-show-more-b= utton { display: flex; margin-left: 24px; } .activity-event-other-show-less-button, .activity-event-other-show-more-but= ton { display: flex; } .activity-event-show-less-button, .activity-event-show-more-button { displa= y: flex; margin-left: 6px; } .activity-event-mpmigration-replaced .activity-event-show-less-button, .act= ivity-event-mpmigration-replaced .activity-event-show-more-button { margin-= left: 72px; } .activity-event-toggle-button { border: 1px solid transparent; border-radiu= s: 4px; box-shadow: none; box-sizing: border-box; color: var(--gm3-sys-colo= r-primary,#0b57d0); cursor: pointer; font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500;= height: 36px; letter-spacing: 0.25px; line-height: 16px; outline: none; ma= rgin-top: 4px; padding: 9px 24px 11px; } .activity-event-toggle-button-hover { background-color: color-mix(in srgb,v= ar(--gm3-sys-color-primary,#0b57d0) 8%,var(--gm3-sys-color-surface,#fff)); = } .activity-event-toggle-button-focused { background-color: var(--gm3-sys-col= or-primary-container,#d3e3fd); } .activity-event-toggle-button-hover.activity-event-toggle-button-focused { = background-color: rgba(66, 133, 244, 0.16); } .activity-event-toggle-button-active { background-color: rgba(66, 133, 244,= 0.16); box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67,= 0.15) 0px 1px 3px 1px; } .activity-event-focus .activity-event-toggle-button .activity-event-toggle-= button-icon, .activity-event:hover .activity-event-toggle-button .activity-= event-toggle-button-icon { visibility: visible; } .activity-event:hover .activity-event-toggle-button { cursor: pointer; } .activity-event-children { margin-left: 24px; } .activity-event-target-details, .activity-event-target-icon { padding: 7px = 0px 6px; } .activity-event-target-icon-img { max-height: 16px; max-width: 16px; paddin= g: 0px 4px; } .activity-event-section-title { background-color: var(--gm3-sys-color-surfa= ce-bright,#fff); border-bottom: 1px solid var(--gm3-sys-color-inverse-on-su= rface,#f2f2f2); color: var(--gm3-sys-color-on-surface-variant,#444746); fon= t-size: 13px; font-weight: 500; line-height: 48px; margin: 0px; padding: 0p= x 24px 0px 16px; position: relative; transition: box-shadow 267ms cubic-bez= ier(0.4, 0, 0.2, 1); } .activity-event-annotation { color: var(--gm3-sys-color-on-surface-variant,= #444746); display: inline; float: right; font-size: 12px; font-weight: 400;= padding-right: 16px; padding-top: 0px; position: relative; } .activity-event-source { display: inline-block; max-width: 136px; overflow:= hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap;= } .activity-event-info { color: var(--gm3-sys-color-on-surface-variant,#44474= 6); padding-bottom: 12px; } .activity-event-timestamp { padding: 0px 16px; display: inline; text-transf= orm: capitalize; } .activity-event-target-parent { color: rgb(186, 186, 186); font-size: 13px;= } .activity-event-target-parent.activity-event-openable-target:active, .activ= ity-event-target-parent.activity-event-openable-target:focus, .activity-eve= nt-target-parent.activity-event-openable-target:hover { color: rgb(0, 153, = 44); cursor: pointer; outline: none; } .activity-event-locate { height: 32px; outline: none; position: absolute; r= ight: 3px; top: 0px; width: 24px; } .activity-event-locate svg { opacity: 0; margin-left: 2px; margin-top: 5px;= } .activity-event-locate:active, .activity-event-locate:focus, .activity-even= t-locate:hover, .activity-event-target:active .activity-event-locate:active= , .activity-event-target:focus .activity-event-locate:focus, .activity-even= t-target:hover .activity-event-locate:hover { cursor: pointer; } .activity-event-locate:active svg, .activity-event-locate:focus svg, .activ= ity-event-locate:hover svg, .activity-event-target:active .activity-event-l= ocate:active svg, .activity-event-target:focus .activity-event-locate:focus= svg, .activity-event-target:hover .activity-event-locate:hover svg { opaci= ty: 0.72; cursor: pointer; } .activity-event-target:active .activity-event-locate svg, .activity-event-t= arget:focus .activity-event-locate svg, .activity-event-target:hover .activ= ity-event-locate svg { opacity: 0.55; } .activity-event-user-deletion-overlay svg { margin-top: 4px; } .activity-list .drive-spinner { height: 40px; } .activity-entry-empty-trash-targets .activity-event-target-name { text-deco= ration: line-through; } .activity-event-rename-old-title { color: var(--gm3-sys-color-on-surface-va= riant,#444746); margin-top: 8px; overflow: hidden; text-decoration: line-th= rough; text-overflow: ellipsis; white-space: nowrap; } .activity-event-scope-change-detail.activity-event-scope-change-detail-firs= t { border-top-width: medium; border-top-style: none; border-top-color: cur= rentcolor; } .activity-event-scope-change-detail { position: relative; padding: 2px 0px;= } .activity-event-scope-icon { border-radius: 50%; display: inline-block; ove= rflow: hidden; padding: 0px; position: relative; vertical-align: middle; z-= index: 1; } .activity-event-scope-icon img { border-radius: 2px; height: 24px; vertical= -align: middle; width: 24px; } .activity-event-scope-icon-container .activity-event-scope-svg-icon { left:= 2px; position: absolute; top: 2px; } .activity-event-scope-background svg { border-radius: 2px; height: 24px; wi= dth: 24px; } .activity-event-scope-icon .activity-event-scope-icon-container { height: 2= 4px; text-align: center; width: 24px; } .activity-event-scope-icon-text { color: var(--gm3-sys-color-background,#ff= f); height: 24px; left: 0px; line-height: 24px; position: absolute; top: 0p= x; width: 24px; } .activity-event-scope-element { box-sizing: border-box; font-weight: lighte= r; padding-left: 48px; width: 100%; } .activity-event-scope-element-access { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-size: 13px; float: right; padding-left: 8px; } .activity-event-scope-element-text { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-weight: 500; } .activity-event-scope-detail-unshared .activity-event-scope-detail-ba-displ= ay-name, .activity-event-scope-detail-unshared .activity-event-scope-elemen= t-text { text-decoration: line-through; } .activity-event-scope-detail-icon-container { display: inline-block; line-h= eight: normal; vertical-align: middle; width: 0px; } .activity-event-scope-detail-unshared { opacity: 0.5; } .activity-event-scope-detail-content-container { display: inline-block; lin= e-height: normal; vertical-align: middle; width: 100%; } .activity-event-scopes-list { margin-top: 12px; position: relative; padding= : 0px 24px; } .activity-event-scope-detail-ba-container { display: inline-block; margin-l= eft: 48px; vertical-align: middle; } .activity-event-scope-detail-ba-display-name { color: var(--gm3-sys-color-o= n-surface,#1f1f1f); font-weight: 500; } .activity-event-scope-detail-ba-subtext { color: var(--gm3-sys-color-on-sur= face-variant,#444746); font-size: 13px; } .activity-team-drive-setting-events { padding-top: 10px; } .activity-team-drive-setting-detail { display: flex; padding-left: 35px; } .activity-team-drive-setting-detail:not(:last-child) { padding-bottom: 10px= ; } .activity-team-drive-setting-description { display: inline-block; font-weig= ht: 400; padding-left: 20px; } .docs-tabbar { clear: left; display: flex; flex-direction: row; flex-shrink= : 0; float: left; justify-content: left; outline: none; } .docs-tabbar-tab { align-items: center; border-bottom: 2px solid transparen= t; border-top: 2px solid transparent; box-sizing: border-box; cursor: point= er; display: flex; height: 48px; justify-content: center; max-width: 264px;= min-width: 72px; padding: 0px 24px; } .docs-tabbar-tab-selected { border-bottom: 2px solid var(--gm3-sys-color-su= rface,#fff); } .docs-hc-gecko.docs-tabbar-tab.docs-tabbar-tab-selected .docs-tabbar-tablab= el { border-bottom: 2px solid var(--gm3-sys-color-surface,#fff); padding-bo= ttom: 0px; } .docs-hc-gecko.docs-tabbar-tab .docs-tabbar-tablabel { padding-bottom: 2px;= } .docs-tabbar-focused .docs-tabbar-tab-selected { background: color-mix(in s= rgb,var(--gm3-sys-color-surface,#fff) 10%,transparent); } .docs-tabbar-mouseactive .docs-tabbar-tab { background: transparent; } .docs-tabbar .docs-tabbar-tab-active { background: color-mix(in sRGB,var(--= gm3-sys-color-surface,#fff) 30%,transparent); } .docs-tabbar-tablabel { color: color-mix(in sRGB,var(--gm3-sys-color-surfac= e,#fff) 70%,transparent); font-family: "Google Sans", Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; overfl= ow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space= : nowrap; } .docs-tabbar-tab-selected .docs-tabbar-tablabel { color: var(--gm3-sys-colo= r-surface,#fff); } .docs-material-gm-labeled-select { color: var(--gm3-sys-color-on-surface,#1= f1f1f); outline: none; width: 100%; } .docs-material-gm-labeled-select-outer-box { border: 1px solid var(--gm3-sy= s-color-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-bo= x; cursor: pointer; padding: 8px 6px 8px 8px; width: 100%; } .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-o= uter-box { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,= 31),.06); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material-gm-labeled-select-hover .docs-material-gm-labeled-select-out= er-box { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31= ),.04); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-oute= r-box { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.04); border: 1px solid transparent; } .docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-= gm-labeled-select-outer-box { background-color: rgba(var(--gm3-sys-color-on= -surface-rgb,31,31,31),.06); } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-materia= l-gm-labeled-select-outer-box { background-color: rgba(var(--gm3-sys-color-= on-surface-rgb,31,31,31),.08); } .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-= outer-box { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= box-shadow: none; cursor: default; } .docs-material-gm-labeled-select-inner-box { align-items: center; display: = flex; justify-content: space-between; position: relative; width: 100%; } .docs-material-gm-labeled-select-content { margin-bottom: 8px; } .docs-material-gm-labeled-select-caption { box-sizing: border-box; color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.875rem; height: 20px; line-height= : 1.25rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; whit= e-space: nowrap; } .docs-material-gm-labeled-select-dropdown { align-items: center; display: f= lex; height: 24px; justify-content: center; width: 24px; } .docs-material-gm-labeled-select-dropdown-icon { background: url("https://s= sl.gstatic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg")= -7144px 0px no-repeat; height: 18px; width: 18px; } .docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-drop= down-icon { transform: rotate(180deg); } .docs-material-gm-labeled-select-label { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; font-size: 0.75rem; } @media screen and (forced-colors: active) { .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select= -outer-box { border: 1px solid highlight; outline: highlight solid 1px; } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-mater= ial-gm-labeled-select-outer-box { border: 1px solid var(--gm3-sys-color-out= line-variant,#c4c7c5); outline: none; } .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-selec= t-outer-box { border: 1px solid graytext; } .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-selec= t-caption { color: graytext; } } .docs-material-gm-select { color: var(--gm3-sys-color-on-surface,#1f1f1f); = outline: none; width: 100%; } .docs-material-gm-select-disabled { color: rgba(var(--gm3-sys-color-on-surf= ace-rgb,31,31,31),.38); opacity: 0.38; cursor: default; } .docs-material-gm-select-outer-box { border: 1px solid var(--gm3-sys-color-= outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; curso= r: pointer; padding: 8px 6px 8px 8px; width: 100%; } .docs-material-gm-select-outer-box:active { background-color: var(--gm3-sys= -color-surface,#fff); border: 1px solid transparent; box-shadow: 0 2px 6px = 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-material-gm-select-hover .docs-material-gm-select-outer-box { backgro= und-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); border: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material-gm-select-focused .docs-material-gm-select-outer-box { backg= round-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.06); border= : 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material-gm-select-open .docs-material-gm-select-outer-box { backgrou= nd-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.04); border: 1= px solid transparent; } .docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-= gm-select-outer-box { background-color: rgba(var(--gm3-sys-color-on-surface= -rgb,31,31,31),.06); } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-materia= l-gm-select-outer-box { background-color: rgba(var(--gm3-sys-color-on-surfa= ce-rgb,31,31,31),.08); } .docs-material-gm-select-disabled .docs-material-gm-select-outer-box { bord= er: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box-shadow: non= e; cursor: default; } .docs-material-gm-select-inner-box { align-items: center; display: flex; ju= stify-content: space-between; position: relative; width: 100%; } .docs-material-gm-select-caption { box-sizing: border-box; color: var(--gm3= -sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.875rem; height: 20px; line-height: 1.25re= m; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space:= nowrap; } .docs-material-gm-select-dropdown { align-items: center; display: flex; hei= ght: 24px; justify-content: center; width: 24px; } .docs-material-gm-select-dropdown-icon { background: url("https://ssl.gstat= ic.com/docs/common/material_common_sprite1060_gm3_grey_medium.svg") -7144px= 0px no-repeat; height: 18px; width: 18px; } .docs-material-gm-select-open .docs-material-gm-select-dropdown-icon { tran= sform: rotate(180deg); } @media screen and (forced-colors: active) { .docs-material-gm-select-focused .docs-material-gm-select-outer-box { bor= der: 1px solid highlight; outline: highlight solid 1px; } .docs-material-gm-select-open.docs-material-gm-select-focused .docs-mater= ial-gm-select-outer-box { border: 1px solid var(--gm3-sys-color-outline-var= iant,#c4c7c5); outline: none; } .docs-material-gm-select-disabled { color: graytext; opacity: 1; } .docs-material-gm-select-disabled .docs-material-gm-select-outer-box { bo= rder: 1px solid graytext; } .docs-material-gm-select-disabled .docs-material-gm-select-caption { colo= r: graytext; } } .quantumIconsIcon { font-family: "Material Icons Extended"; font-weight: 40= 0; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: nor= mal; text-rendering: optimizelegibility; text-transform: none; display: inl= ine-block; overflow-wrap: normal; direction: ltr; font-feature-settings: "l= iga"; -webkit-font-smoothing: antialiased; } html[dir=3D"rtl"] .quantumIconsRtlIcon { transform: scaleX(-1); } .docs-gm3-textarea { background: none; border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; border-radius: 4px; b= ox-shadow: 0 0 0 1px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%= ,transparent); color: var(--gm3-sys-color-on-surface,#1f1f1f); display: fle= x; font-size: 1rem; font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; height: unset; line-height: unset; margin: 12px 0px= ; outline: none; padding: 16px; resize: none; transition: border-color 0.25= s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .docs-gm3-textarea:focus { box-shadow: 0 0 0 2px var(--gm3-sys-color-primar= y,#0b57d0); } .docs-gm3-textarea:disabled { box-shadow: 0 0 0 2px color-mix(in srgb,var(-= -gm3-sys-color-on-surface,#1f1f1f) 38%,transparent); } .docs-material-labeled-text-field { height: 40px; line-height: 40px; paddin= g-top: 5px; position: relative; } .docs-grille-gm3-text-field.docs-material-labeled-text-field { display: fle= x; flex-direction: column; height: unset; line-height: unset; margin: 12px = 0px; padding: 0px; } .docs-material-labeled-text-field-input { box-sizing: border-box; transitio= n: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); background: none; border= -top-width: medium; border-right-width: medium; border-left-width: medium; = border-top-style: none; border-right-style: none; border-left-style: none; = border-top-color: currentcolor; border-right-color: currentcolor; border-le= ft-color: currentcolor; border-image: none; border-bottom: 1px solid var(--= gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif= ; font-size: 13px; height: 26px; line-height: 26px; outline: none; overflow= : hidden; text-overflow: ellipsis; width: 100%; } .docs-grille-gm3-text-field .docs-material-labeled-text-field-input { borde= r-width: medium; border-style: none; border-color: currentcolor; border-ima= ge: none; border-radius: 4px; box-shadow: 0 0 0 1px color-mix(in sRGB,var(-= -gm3-sys-color-shadow,#000) 38%,transparent); font-size: 1rem; font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: = 56px; margin-bottom: 4px; padding: 0px 16px; } @media screen and (forced-colors: active) { .docs-grille-gm3-text-field .docs-material-labeled-text-field-input { box= -shadow: none; outline: highlight solid 1px; } } .docs-grille-gm3-text-field .docs-material-labeled-text-field-content { ali= gn-items: center; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: = flex; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; left: 12px; position: absolute; top: 28px; width: 100%; } .docs-material-labeled-text-field-hover .docs-material-labeled-text-field-i= nput { border-bottom-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-material-labeled-text-field-focused .docs-material-labeled-text-field= -input { border-bottom: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-= material-labeled-text-field-input { border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; box-shadow: 0 0 0 2px va= r(--gm3-sys-color-primary,#0b57d0); } @media screen and (forced-colors: active) { .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .doc= s-material-labeled-text-field-input { box-shadow: none; outline: highlight = solid 2px; } } .docs-material-labeled-text-field-disabled .docs-material-labeled-text-fiel= d-input { border-bottom: 1px dotted var(--gm3-sys-color-outline-variant,#c4= c7c5); color: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs= -material-labeled-text-field-input { border-width: medium; border-style: no= ne; border-color: currentcolor; border-image: none; box-shadow: 0 0 0 2px c= olor-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 38%,transparent); } @media screen and (forced-colors: active) { .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .do= cs-material-labeled-text-field-input { box-shadow: none; outline: highlight= solid 2px; } } .docs-material-labeled-text-field-label { transition: transform 0.2s cubic-= bezier(0.4, 0, 1, 1); color: var(--gm3-sys-color-on-surface-variant,#444746= ); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-siz= e: 13px; line-height: 45px; position: absolute; transform-origin: left bott= om; } .docs-grille-gm3-text-field .docs-material-labeled-text-field-label { color= : var(--gm3-sys-color-on-surface-variant,#444746); cursor: text; font-size:= 1rem; line-height: unset; padding: 0px 4px; transition: transform 0.1s cub= ic-bezier(0.4, 0, 1, 1); } .docs-material-labeled-text-field-focused .docs-material-labeled-text-field= -label, .docs-material-labeled-text-field-has-text .docs-material-labeled-t= ext-field-label { transform: translateY(-22px) scale(0.846); } .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-= material-labeled-text-field-label, .docs-grille-gm3-text-field.docs-materia= l-labeled-text-field-has-text .docs-material-labeled-text-field-label { bac= kground-color: var(--gm3-sys-color-surface,#fff); transform: translateY(-28= px) scale(0.846); } .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs= -material-labeled-text-field-label { color: color-mix(in srgb,var(--gm3-sys= -color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); opacity:= 1; } .docs-material-labeled-text-field-focused .docs-material-labeled-text-field= -label { color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,= var(--gm3-sys-color-primary,#0b57d0)); } .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-= material-labeled-text-field-label { color: var(--gm3-sys-color-primary,#0b5= 7d0); } .docs-material-labeled-text-field-disabled .docs-material-labeled-text-fiel= d-label { opacity: 0.12; } .docs-material-labeled-text-field-supporting-text { font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem;= padding-left: 16px; } .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs= -material-labeled-text-field-supporting-text { opacity: 0.38; } .docs-material-text-field-input { box-sizing: border-box; transition: borde= r-color 0.25s cubic-bezier(0.4, 0, 0.2, 1); background: none; border-top-wi= dth: medium; border-right-width: medium; border-left-width: medium; border-= top-style: none; border-right-style: none; border-left-style: none; border-= top-color: currentcolor; border-right-color: currentcolor; border-left-colo= r: currentcolor; border-image: none; border-bottom: 1px solid color-mix(in = sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); color: var(-= -gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 13px; height: 26px; line-height: 26px; = outline: none; overflow: hidden; text-overflow: ellipsis; width: 100%; } .docs-material-text-field-hover .docs-material-text-field-input { border-bo= ttom-color: color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 40%,t= ransparent); } .docs-material-text-field-focused .docs-material-text-field-input { border-= bottom: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-material-text-field-disabled .docs-material-text-field-input { border= -bottom: 1px dotted color-mix(in sRGB,var(--gm3-sys-color-outline,#747775) = 10%,transparent); color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#= 1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); cursor: default; } .drive-spinner { height: 44px; overflow: hidden; position: relative; } .drive-quantum-spinner { height: 28px; left: 50%; margin-left: -14px; posit= ion: absolute; top: 8px; width: 28px; } .docs-analytics-icon { direction: ltr; text-align: left; overflow: hidden; = position: relative; vertical-align: middle; } .docs-analytics-img::before { content: url("https://ssl.gstatic.com/docs/co= mmon/menu_feature_sprite13.svg"); } .docs-analytics-img { height: 4388px; position: absolute; width: 72px; } .docs-analytics-arrow-drop-down-black-18dp { left: 0px; top: -4024px; } .docs-analytics-arrow-right-black-18dp { left: -54px; top: -2684px; } .docs-analytics-gm3-close-black-18px { left: -16px; top: -2552px; } .docs-analytics-info-outline-black-24px { left: -24px; top: -2948px; } .docs-analyytics-info-outline-onsurface-variant-24px { left: -48px; top: -3= 398px; } .docs-analytics-group-in-circle-32px { left: 0px; top: -2652px; } .docs-analytics-gm3-group-in-circle-20px { left: 0px; top: -3242px; } .docs-analytics-document-icon-kix { left: 0px; top: -1346px; } .docs-analytics-document-icon-punch { left: 0px; top: -1246px; } .docs-analytics-document-icon-sketchy { left: 0px; top: -2684px; } .docs-analytics-document-icon-ritz { left: -36px; top: -3528px; } .docs-analytics-email-outline-icon { left: -24px; top: -188px; } .docs-analytics-email-outline-icon.masked-icon { mask-image: url("https://s= sl.gstatic.com/docs/common/menu_feature_sprite13.svg"); background-color: c= urrentcolor; } @media (forced-colors: active) { .docs-analytics-email-outline-icon.masked-icon { background-color: button= text; } } .docs-analytics-email-outline-icon.masked-icon::before { content: unset; } .analytics-ndsd-icon-container { height: 24px; opacity: 1; width: 24px; } .drive-locking-dialog { border-radius: 8px; max-width: 500px; } .driveLockingDialogbasedialog-title { align-items: center; display: inline-= flex; } .driveLockingDialogbasedialog-title-icon { border-radius: 9999px; color: va= r(--gm3-sys-color-primary,#0b57d0); margin-right: 12px; padding: 8px 0px 0p= x 8px; width: 29px; height: 29px; } .driveLockingDialogbasedialog-title-text { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); display: block; font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; font-size: 1.375rem; line-height: 1.75r= em; } .driveLockingDialogbaseitem-chip { border: 1px solid var(--gm3-sys-color-ou= tline,#747775); border-radius: 100px; display: inline-block; font-size: 0.8= 75rem; height: 32px; margin-top: 16px; max-width: calc(100% - 30px); paddin= g-left: 15px; padding-right: 15px; } .driveLockingDialogbaseitem-chip-content { align-items: center; display: fl= ex; height: 100%; white-space: nowrap; } .driveLockingDialogbaseitem-chip-icon { width: 20px; } .driveLockingDialogbaseitem-chip-title { padding-left: 10px; overflow: hidd= en; text-overflow: ellipsis; } .modal-dialog-title { margin-bottom: 16px; } .drive-viewer { background-color: color-mix(in srgb,var(--gm3-sys-color-sha= dow,#000) 85%,transparent); inset: 0px; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: arial, sans-serif; overflow: clip; position: fixe= d; z-index: 1001; opacity: 0; transition-delay: 0s, 0.1s; transition-durati= on: 0.1s, 0s; transition-property: opacity, visibility; transition-timing-f= unction: cubic-bezier(0, 0, 0.2, 1); visibility: hidden; -webkit-font-smoot= hing: antialiased; } .drive-viewer.drive-viewer-embed { background-color: var(--gm3-sys-color-in= verse-surface,#303030); } .drive-viewer.drive-viewer-gm3 { background-color: color-mix(in srgb,var(--= gm3-sys-color-surface-container,#f0f4f9) 92%,transparent); } .drive-viewer.drive-viewer-transparent-scrim { background-color: transparen= t; } .driveViewerDviRoot .drive-viewer.drive-viewer-gm3 { background-color: init= ial; } .driveViewerWizUiViewerEl .drive-viewer { position: absolute; z-index: unse= t; } .drive-viewer.drive-viewer-v3 { font-family: "Google Sans", Roboto, arial, = sans-serif; } .drive-viewer-shown { opacity: 1; transition-delay: 0s, 0s; transition-timi= ng-function: cubic-bezier(0.4, 0, 1, 1); visibility: visible; } .drive-viewer-banners { left: 0px; position: absolute; right: 0px; z-index:= 20; } .drive-viewer-fixed-frame { height: 100%; margin: 0px; width: 100%; overflo= w: hidden !important; } .drive-viewer-focus-outlines-disabled :focus { outline: none; } .driveLockingUnlockcontent-text { color: var(--gm3-sys-color-on-surface-var= iant,#444746); display: block; font-family: "Google Sans", Roboto, arial, s= ans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.00625em= ; line-height: 1.5rem; } .driveLockingUnlockdialog-title-icon-svg { height: 20px; width: 20px; } .docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar= -menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-b= utton-indicator { height: 20px; width: 22px; bottom: 1px; } .docs-text-color-state-change-button { margin-right: 0px; padding: 0px 18px= ; } .jfk-button-standard.docs-c-u-colormenutogglebutton-base.docs-c-u-colormenu= togglebutton-extra-visible-border.jfk-button-hover, .jfk-button-standard.do= cs-c-u-colormenutogglebutton-base.docs-c-u-colormenutogglebutton-extra-visi= ble-border.jfk-button-hover.jfk-button-checked { border: 1px solid var(--gm= 3-sys-color-outline,#747775); } .docs-text-color-omnibox-icon { float: left; width: 16px; height: 16px; mar= gin: 2px; } .talk_roster { display: none; } .docs-chat-mole-hidden > div { top: -10000px !important; left: -10000px !im= portant; } .talk_chat_widget { z-index: 900 !important; } .docs-toolbar-menu-button .goog-toolbar-menu-button-caption { overflow: hid= den; text-overflow: ellipsis; white-space: nowrap; } .docs-toolbar-menu-button .goog-toolbar-menu-button-icon { margin-left: 3px= ; margin-right: 6px; opacity: 1; } .docs-toolbar-menu-button .goog-toolbar-menu-button-inner-box { text-align:= left; } #docs-access-level-indicator.goog-flat-menu-button { border-radius: 4px; bo= x-shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto,= RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.= 875rem; letter-spacing: 0.00625rem; background: var(--gm3-sys-color-primary= ,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); cursor: pointer; he= ight: 24px; line-height: 1.25rem; margin: 6px 0px 6px 8px; padding: 0px 1px= ; user-select: none; border: 1px solid transparent !important; } #docs-access-level-indicator.goog-flat-menu-button-hover { border-radius: 4= px; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; lett= er-spacing: 0.00625rem; color: var(--gm3-sys-color-on-primary,#fff); backgr= ound: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),= .08),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-s= ys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.15); cursor: pointer; height: 24px; line-height:= 1.25rem; margin: 6px 0px 6px 8px; padding: 0px 1px; user-select: none; bor= der: 1px solid transparent !important; } #docs-access-level-indicator.goog-flat-menu-button-focused { border-radius:= 4px; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; le= tter-spacing: 0.00625rem; color: var(--gm3-sys-color-on-primary,#fff); back= ground: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255= ),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-s= ys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-col= or-primary-rgb,11,87,208),.15); cursor: pointer; height: 24px; line-height:= 1.25rem; margin: 6px 0px 6px 8px; padding: 0px 1px; user-select: none; bor= der: 1px solid transparent !important; } #docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-but= ton-focused { border-radius: 4px; box-sizing: border-box; font-family: "Goo= gle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: = 500; font-size: 0.875rem; letter-spacing: 0.00625rem; color: var(--gm3-sys-= color-on-primary,#fff); background: linear-gradient(rgba(var(--gm3-sys-colo= r-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,2= 55,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3p= x 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15); cursor: pointer= ; height: 24px; line-height: 1.25rem; margin: 6px 0px 6px 8px; padding: 0px= 1px; user-select: none; border: 1px solid transparent !important; } #docs-access-level-indicator.goog-flat-menu-button-disabled { border-radius= : 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font= -size: 0.875rem; letter-spacing: 0.00625rem; background: var(--gm3-sys-colo= r-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); height: 24= px; line-height: 1.25rem; margin: 6px 0px 6px 8px; padding: 0px 1px; user-s= elect: none; cursor: default; opacity: 0.38; border: 1px solid transparent = !important; } #docs-access-level-indicator.goog-flat-menu-button-focused.goog-flat-menu-b= utton-open, #docs-access-level-indicator.goog-flat-menu-button-hover.goog-f= lat-menu-button-open, #docs-access-level-indicator.goog-flat-menu-button-op= en, #docs-access-level-indicator.goog-flat-menu-button-pressed, #docs-acces= s-level-indicator.goog-flat-menu-button:active { border-radius: 4px; box-si= zing: border-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; letter-spacing= : 0.00625rem; color: var(--gm3-sys-color-on-primary,#fff); background: line= ar-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(v= ar(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-pri= mary,#0b57d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-r= gb,11,87,208),.15); cursor: pointer; height: 24px; line-height: 1.25rem; ma= rgin: 6px 0px 6px 8px; padding: 0px 1px; user-select: none; border: 1px sol= id transparent !important; } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button { backg= round: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius: 9999p= x; color: var(--gm3-sys-color-on-primary-container,#0842a0); height: 28px; = line-height: 1.5rem; padding: 0px; user-select: none; } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover {= border-radius: 9999px; color: var(--gm3-sys-color-on-primary-container,#08= 42a0); height: 28px; line-height: 1.5rem; padding: 0px; user-select: none; = background: color-mix(in srgb,var(--gm3-sys-color-on-primary-container,#084= 2a0) 8%,var(--gm3-sys-color-primary-container,#d3e3fd)); box-shadow: 0 1px = 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(-= -gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused= , .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover= .goog-flat-menu-button-focused { border-radius: 9999px; color: var(--gm3-sy= s-color-on-primary-container,#0842a0); height: 28px; line-height: 1.5rem; p= adding: 0px; user-select: none; background: color-mix(in srgb,var(--gm3-sys= -color-on-primary-container,#0842a0) 10%,var(--gm3-sys-color-primary-contai= ner,#d3e3fd)); } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disable= d { border-radius: 9999px; color: var(--gm3-sys-color-on-primary-container,= #0842a0); height: 28px; line-height: 1.5rem; padding: 0px; user-select: non= e; background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10= %,var(--gm3-sys-color-surface,#fff)); } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused= .goog-flat-menu-button-open, .docs-grille-gm3 #docs-access-level-indicator.= goog-flat-menu-button-hover.goog-flat-menu-button-open, .docs-grille-gm3 #d= ocs-access-level-indicator.goog-flat-menu-button-open, .docs-grille-gm3 #do= cs-access-level-indicator.goog-flat-menu-button-pressed, .docs-grille-gm3 #= docs-access-level-indicator.goog-flat-menu-button:active { border-radius: 9= 999px; color: var(--gm3-sys-color-on-primary-container,#0842a0); height: 28= px; line-height: 1.5rem; padding: 0px; user-select: none; background: color= -mix(in srgb,var(--gm3-sys-color-on-primary-container,#0842a0) 10%,var(--gm= 3-sys-color-primary-container,#d3e3fd)); } #docs-access-level-indicator .docs-access-level-indicator-icon-container { = margin: 2px 4px 4px 6px; } .docs-grille-gm3 #docs-access-level-indicator .docs-access-level-indicator-= icon-container { margin: 3px 8px 5px 12px; } #docs-access-level-indicator .goog-flat-menu-button-caption { margin-right:= 20px; font-size: 0.75rem; font-weight: 500; line-height: 1.25rem; } .docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-captio= n { color: var(--gm3-sys-color-on-primary-container,#0842a0); font-size: 0.= 875rem; } .docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disable= d .goog-flat-menu-button-caption { color: var(--gm3-sys-color-on-surface,#1= f1f1f); } #docs-access-level-indicator .goog-flat-menu-button-dropdown { border-botto= m-color: var(--gm3-sys-color-on-primary,#fff); border-top-color: var(--gm3-= sys-color-on-primary,#fff); right: 7px; top: 10px; } .docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-dropdo= wn { display: none; } .docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-img { colo= r: var(--gm3-sys-color-on-primary-container,#0842a0); } .docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button= -disabled .docs-icon-img { content: url("https://ssl.gstatic.com/docs/commo= n/material_common_sprite1060_gm3_grey_medium.svg"); } .goog-menu.docs-access-level-indicator-menu { border-radius: 8px; max-width= : 272px; padding: 22px 24px 24px; } .docs-access-level-indicator-menu .docs-access-level-indicator-menu-header = { color: var(--gm3-sys-color-on-surface,#1f1f1f); font: 500 16px / 24px "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin-botto= m: 8px; } .docs-access-level-indicator-menu .docs-access-level-indicator-menu-text { = padding: 0px; font-size: 0.875rem; color: var(--gm3-sys-color-on-surface,#1= f1f1f); line-height: 1.25rem; width: 196px; } .docs-access-level-indicator-menu .docs-access-level-indicator-request-acce= ss-button { height: 24px; line-height: 1rem; margin: 16px 0px 0px; padding:= 4px 12px; text-transform: none; } #docs-approvals-status-indicator-toolbar-separator { margin-right: 0px; } #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu= -button { background: var(--gm3-sys-color-primary-container,#d3e3fd); borde= r-radius: 9999px; color: var(--gm3-sys-color-on-primary-container,#0842a0);= font: 500 14px / 20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial= , sans-serif; cursor: pointer; height: 24px; margin: 6px 0px 6px 8px; paddi= ng: 5px 24px 1px 0px; user-select: none; } #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu= -button-hover { background: color-mix(in srgb,var(--gm3-sys-color-on-primar= y-container,#0842a0) 8%,var(--gm3-sys-color-primary-container,#d3e3fd)); bo= x-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3p= x 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu= -button-focused, #docs-primary-toolbars #docs-approvals-locked-menu-button.= goog-toolbar-menu-button-hover.goog-toolbar-menu-button-focused, #docs-prim= ary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-op= en, #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-= menu-button-pressed { background: color-mix(in srgb,var(--gm3-sys-color-on-= primary-container,#0842a0) 10%,var(--gm3-sys-color-primary-container,#d3e3f= d)); } #docs-approvals-locked-menu-button .goog-toolbar-menu-button-dropdown { dis= play: none; } #docs-primary-toolbars .docs-approval-status-indicator { cursor: pointer; c= olor: var(--gm3-sys-color-primary,#0b57d0); font-size: 0.875rem; font-weigh= t: 500; height: 26px; letter-spacing: 0.00625rem; margin: 5px 0px 5px 4px; = min-width: unset; padding: 0px 12px 0px 9px; user-select: none; } #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu= -button-disabled { background: color-mix(in srgb,var(--gm3-sys-color-on-sur= face,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(in s= rgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface= ,#fff)); } #docs-primary-toolbars .docs-approval-status-indicator .docs-icon-img { con= tent: url("https://ssl.gstatic.com/docs/common/material_common_sprite1060_g= m3_grey_medium.svg"); cursor: default; margin: -1px 2px 4px 0px; } #docs-approvals-locked-menu-button .goog-toolbar-menu-button-icon.docs-icon= { margin: 0px 8px 4px 12px; } .docs-approval-status-indicator-text { line-height: 23px; } #docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled .docs-= icon-img { content: url("https://ssl.gstatic.com/docs/common/material_commo= n_sprite1060_gm3_grey_medium.svg"); } .docs-dialog.docs-hc-gecko .modal-dialog-title-close::after { filter: inver= t(100%); } .docs-dialog .modal-dialog-title-close { opacity: 0.54; } .docs-dialog .modal-dialog-title-close:hover { opacity: 0.87; } .modal-dialog-title-text { font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-weight: 400; } .docs-dialog .modal-dialog-title-close::after { background: none; right: 13= px; top: 14px; content: url("//ssl.gstatic.com/images/icons/material/system= /svg/close_18px.svg"); height: 18px; width: 18px; } .document-details-bubble-container { background-color: var(--gm3-sys-color-= surface,#fff); border: 1px solid transparent; border-radius: 8px; box-shado= w: 0 0 6px 2px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 15%,trans= parent); outline: none; padding: 24px 20px 8px 24px; position: absolute; wi= dth: 240px; z-index: 900; } #document-details-bubble-header { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; font-size: 1rem; padding-bottom: 12px; } .document-details-entry-component { padding-bottom: 16px; white-space: norm= al; } .document-details-entry-text { color: var(--gm3-sys-color-on-surface-varian= t,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;= font-size: 0.875rem; overflow-wrap: break-word; padding-bottom: 16px; user= -select: text; } .document-details-entry-text span[data-hovercard-id] { text-decoration: und= erline dotted; } #document-details-bubble-loading { background-image: url("//ssl.gstatic.com= /docs/common/loading_animation.gif"); height: 50px; margin: auto; width: 50= px; } #document-details-bubble-error { padding-bottom: 16px; } .drive-organize-atd-popup { display: flex; vertical-align: middle; } .drive-organize-atd-popup-undo-btn { margin: auto; } .drive-organize-dialog { box-shadow: 0 4px 16px color-mix(in srgb,var(--gm3= -sys-color-shadow,#000) 20%,transparent); background-image: ; background-po= sition-x: ; background-position-y: ; background-size: ; background-repeat: = ; background-attachment: ; background-origin: ; background-color: ; backgro= und-clip: padding-box; border-radius: var(--dt-corner-dialog,.5rem); color:= var(--gm3-sys-color-on-surface,#1f1f1f); font-family: inherit; outline: 0p= x; padding: 24px; position: absolute; width: 560px; z-index: 2204; } .drive-organize-dialog-bg { background-color: rgba(var(--gm3-sys-color-scri= m-rgb,0,0,0),.64); left: 0px; opacity: 0.5; position: absolute; top: 0px; z= -index: 2203; } .drive-organize-dialog-title { font-style: ; font-variant-ligatures: ; font= -variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-va= riant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-wei= ght: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; f= ont-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-= settings: ; font-language-override: ; letter-spacing: var(--dt-headline-sma= ll-spacing,0); background-color: var(--gm3-sys-color-surface-container-high= ,#e9eef6); color: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default;= line-height: 24px; } .drive-organize-dialog-content { font: var(--dt-body-medium-font,400 .875re= m/1.25rem "Roboto"),Google Sans,Roboto,Arial,sans-serif; letter-spacing: va= r(--dt-body-medium-spacing,.0142857143em); background-color: var(--gm3-sys-= color-surface-container-high,#e9eef6); padding-top: 24px; padding-bottom: 2= 4px; overflow-wrap: break-word; } .drive-organize-dialog-buttons { text-align: right; } .drive-organize-dialog-buttons .drive-organize-button { font-style: ; font-= variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-vari= ant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-= variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ;= font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-se= ttings: ; font-variation-settings: ; font-language-override: ; letter-spaci= ng: var(--dt-label-large-spacing,.0178571429em); background-color: var(--gm= 3-sys-color-surface-container-highest,#dde3ea); background-image: linear-gr= adient(top,var(--gm3-sys-color-surface-container-highest,#dde3ea),var(--gm3= -sys-color-surface-container-highest,#dde3ea)); border: 1px solid color-mix= (in srgb,var(--gm3-sys-color-shadow,#000) 10%,transparent); border-radius: = var(--dt-corner-button,.25rem); color: var(--gm3-sys-color-on-surface,#1f1f= 1f); cursor: default; height: 40px; line-height: 38px; margin: 0px 0px 0px = 16px; min-width: 72px; outline: 0px; text-transform: none; } .drive-organize-dialog-buttons .drive-organize-button:active, .drive-organi= ze-dialog-buttons .drive-organize-button:hover { box-shadow: 0 1px 1px colo= r-mix(in srgb,var(--gm3-sys-color-shadow,#000) 10%,transparent); background= -color: var(--gm3-sys-color-surface-container-highest,#dde3ea); background-= image: linear-gradient(top,var(--gm3-sys-color-surface-container-highest,#d= de3ea),var(--gm3-sys-color-surface-container-highest,#dde3ea)); border: 1px= solid var(--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); } .drive-organize-dialog-buttons .drive-organize-button:active { box-shadow: = inset 0 1px 2px color-mix(in srgb,var(--gm3-sys-color-shadow,#000) 10%,tran= sparent); } .drive-organize-dialog-buttons .drive-organize-button:focus { border: 1px s= olid var(--gm3-sys-color-primary,#0b57d0); } .drive-organize-dialog-buttons .drive-organize-button[disabled] { box-shado= w: none; background-position-x: ; background-position-y: ; background-size:= ; background-repeat: ; background-attachment: ; background-origin: ; backg= round-clip: ; background-color: ; background-image: none; border: 1px solid= color-mix(in srgb,var(--gm3-sys-color-shadow,#000) 50%,transparent); color= : color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-s= ys-color-surface,#fff)); } .drive-organize-dialog-buttons .goog-buttonset-action { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); background-image: linear-gradient(top,= var(--gm3-sys-color-primary,#0b57d0),var(--gm3-sys-color-primary,#0b57d0));= border: 1px solid var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-s= ys-color-background,#fff); } .drive-organize-dialog-buttons .goog-buttonset-action:active, .drive-organi= ze-dialog-buttons .goog-buttonset-action:hover { background-color: var(--gm= 3-sys-color-primary,#0b57d0); background-image: linear-gradient(top,var(--g= m3-sys-color-primary,#0b57d0),var(--gm3-sys-color-primary,#0b57d0)); border= : 1px solid var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-colo= r-background,#fff); } .drive-organize-dialog-buttons .goog-buttonset-action:active { box-shadow: = inset 0 1px 2px color-mix(in srgb,var(--gm3-sys-color-shadow,#000) 30%,tran= sparent); } .drive-organize-dialog-buttons .goog-buttonset-action:focus { box-shadow: r= gb(255, 255, 255) 0px 0px 0px 1px inset; border: 1px solid transparent; out= line: transparent 0px; } .drive-organize-dialog-buttons .goog-buttonset-action[disabled] { box-shado= w: none; background: var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3= -sys-color-background,#fff); opacity: 0.5; } .drive-organize-dialog .goog-menu { box-shadow: none; margin-bottom: -24px;= padding: 0px; position: relative; z-index: inherit; } .drive-organize-dialog .goog-menuitem { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-size: 13px; height: 16px; margin: 0px; opacity: 0.87; pad= ding: 0px 0px 24px 16px; } .drive-organize-dialog-parent-name { font-weight: 700; } .drive-organize-dialog-list-item { display: block; overflow: hidden; text-o= verflow: ellipsis; } .drive-organize-dialog .goog-menuitem-highlight { border-left: 0px; backgro= und-color: inherit; } .drive-organize-dialog .goog-menuitem-content { margin: 0px; } .drive-organize-dialog .goog-menuitem-highlight .goog-menuitem-content, .dr= ive-organize-dialog .goog-option-selected .goog-menuitem-content { color: i= nherit; } .drive-organize-dialog .goog-menuitem-active .goog-menuitem-checkbox { back= ground: var(--gm3-sys-color-surface-container-high,#e9eef6); } .drive-organize-dialog .goog-menuitem-focus .goog-menuitem-checkbox { borde= r-color: var(--gm3-sys-color-primary,#0b57d0); } .drive-organize-dialog .goog-option-selected { background: color-mix(in srg= b,var(--gm3-sys-color-surface,#fff) 0%,transparent); } .drive-organize-dialog .goog-option-selected .goog-menuitem-checkbox::after= { border-radius: 9999px; background: var(--gm3-sys-color-outline,#747775);= content: ""; display: block; } .drive-organize-popup { position: absolute; z-index: 1002; box-shadow: colo= r-mix(in srgb,var(--gm3-sys-color-shadow,#000) 20%,transparent) 0 4px 16px;= background-color: var(--gm3-sys-color-surface-container-low,#f8fafd); bord= er: 1px solid color-mix(in srgb,var(--gm3-sys-color-shadow,#000) 20%,transp= arent); color: var(--gm3-sys-color-on-surface-variant,#444746); font-size: = 13px; font-weight: 400; text-align: left; white-space: nowrap; } .drive-organize-popup-outline-hidden :focus { outline: none; } .drive-organize-popup-content { display: flex; padding: 10px; } .drive-organize-popup-message { overflow: hidden; text-overflow: ellipsis; = -webkit-box-orient: vertical; -webkit-line-clamp: 6; display: -webkit-box; = max-height: 90px; margin: auto; max-width: 160px; padding-right: 10px; word= -break: break-word; } .drive-organize-button { display: inline-block; margin: auto; } .drive-organize-popup-link-btn { color: var(--gm3-sys-color-primary,#0b57d0= ); cursor: pointer; padding: 0px 7px; } .drive-organize-popup-close-btn { cursor: pointer; height: 15px; padding: 3= px; vertical-align: middle; } .drive-organize-popup-link-btn.drive-organize-button-hover { text-decoratio= n: underline; } .drive-organize-popup-arrow { position: absolute; width: 20px; } .drive-organize-popup-arrow .drive-organize-popup-triangle-after, .drive-or= ganize-popup-arrow .drive-organize-popup-triangle-before { content: ""; dis= play: block; height: 0px; position: absolute; width: 0px; } .drive-organize-popup-arrow .drive-organize-popup-triangle-before { border:= 10px solid; } .drive-organize-popup-arrow .drive-organize-popup-triangle-after { border: = 9px solid; } .drive-organize-popup-arrowdown { bottom: 0px; } .drive-organize-popup-arrowup { top: -10px; } .drive-organize-popup-arrowdown .drive-organize-popup-triangle-before, .dri= ve-organize-popup-arrowup .drive-organize-popup-triangle-before { border-co= lor: color-mix(in srgb,var(--gm3-sys-color-shadow,#000) 20%,transparent) tr= ansparent; left: 0px; } .drive-organize-popup-arrowdown .drive-organize-popup-triangle-after, .driv= e-organize-popup-arrowup .drive-organize-popup-triangle-after { border-colo= r: var(--gm3-sys-color-surface-container-low,#f8fafd) transparent; left: 1p= x; } .drive-organize-popup-arrowdown .drive-organize-popup-triangle-after, .driv= e-organize-popup-arrowdown .drive-organize-popup-triangle-before { border-b= ottom-width: 0px; } .drive-organize-popup-arrowup .drive-organize-popup-triangle-before { borde= r-top-width: 0px; } .drive-organize-popup-arrowup .drive-organize-popup-triangle-after { border= -top-width: 0px; top: 2px; } .drive-organize-preflight-dialog-element { width: 448px; } .drive-organize-preflight-dialog-element .drive-organize-preflight-dialog-c= ontent { padding: 0px 24px; } .drive-organize-preflight-dialog-content { display: inline; } .drive-organize-progress-content { display: flex; align-items: center; marg= in-top: 22px; } .drive-organize-progress-spinner { display: flex; align-items: center; marg= in: 0px 8px 0px 0px; overflow: hidden; } .drive-organize-progress-text { color: var(--gm3-sys-color-on-surface-varia= nt,#444746); } .drive-organize-admin-banner { margin-top: 20px; } .drive-organize-banner-content { display: block; } .drive-organize-banner-content-with-icon { display: flex; align-items: cent= er; } .drive-organize-banner-icon { flex-shrink: 0; margin-right: 12px; color: in= herit; } .drive-organize-banner-icon-svg { fill: currentcolor; } .drive-organize-preflight-accordion { margin-top: 4px; } .drive-organize-preflight-accordion.Focused { box-shadow: none; } .drive-organize-preflight-admin-movable.drive-organize-preflight-icon-outco= me-section-container { padding-top: 20px; } .drive-organize-preflight-icon-outcome-section-container { display: flex; a= lign-items: flex-start; flex-direction: row; } .drive-organize-preflight-expansion-panel { padding: 12px 0px; } .drive-organize-preflight-expansion-panel .exportFocusIndicator { display: = none; } .drive-organize-preflight-expansion-panel .exportExpandoButton { top: 12px;= } .drive-organize-preflight-icon { padding-right: 8px; } .drive-organize-preflight-outcome-section { display: flex; align-items: fle= x-start; flex-direction: column; justify-content: flex-start; } .drive-organize-preflight-expansion-panel .drive-organize-preflight-outcome= -section { width: 314px; } .drive-organize-preflight-outcome-section-title.drive-organize-preflight-te= xt-bold { font-weight: 700; } .drive-organize-preflight-outcome-section-title { padding-top: 12px; } .drive-organize-preflight-outcome-section-details { padding-bottom: 12px; p= adding-right: 44px; padding-top: 10px; } .drive-organize-preflight-outcome-section-additional-details { padding-bott= om: 12px; padding-right: 44px; padding-top: 12px; } .drive-organize-preflight-no-icon .drive-organize-preflight-outcome-section= -additional-details { padding-right: 0px; } .drive-organize-preflight-message-with-icon { display: flex; flex-direction= : row; padding: 18px 44px 0px 0px; } .drive-organize-preflight-partial-success-learn-more-link { padding-bottom:= 12px; padding-left: 32px; padding-top: 18px; } .drive-organize-preflight-cannot-undo-banner { margin-bottom: 2px; margin-t= op: 8px; } .drive-organize-preflight-warning-icon { color: var(--ws-sys-color-extended= -on-yellow-outline,#6d3a01); } .drive-organize-preflight-outcome-section-separator { border-right-color: ;= border-bottom-color: ; border-left-color: ; border-style: none solid solid= ; border-top-width: 1px; border-top-color: currentcolor; height: 0px; width= : 100%; } .drive-organize-preflight-download-section { display: flex; align-items: ce= nter; flex-direction: row; padding: 12px 0px; } .drive-organize-preflight-expansion-panel .drive-organize-preflight-downloa= d-section { padding-bottom: 0px; } .drive-organize-preflight-download-button-container { display: flex; flex-d= irection: column; } .drive-organize-preflight-download-button-tooltip { z-index: 2500; } .drive-organize-preflight-download-button-subtext { color: var(--gm3-sys-co= lor-outline,#747775); font-size: 12px; } .drive-organize-preflight-dialog-element .drive-organize-preflight-action-b= uttons { flex-direction: row; padding-left: 24px; padding-right: 24px; padd= ing-top: 0px; } .drive-organize-preflight-dialog-element.preflight-all-movable .drive-organ= ize-preflight-action-buttons { padding-top: 8px; } .picker-iframe.picker-min { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; co= lor: rgb(0, 0, 0); padding: 0px; position: absolute; z-index: 1002; } .picker-iframe.picker-minew .picker-min-frame-up { background-color: rgb(24= 1, 241, 241); } .picker-iframe.picker-white-callout.picker-minew .picker-min-frame-up { bac= kground-color: rgb(255, 255, 255); } .picker-iframe.picker-min.goog-menu { border-color: rgb(204, 204, 204); lin= e-height: 0; max-height: none; overflow: visible; } .picker-iframe.picker-min-top { margin-top: 15px; } .picker-iframe.picker-minew.picker-min-top { margin-top: 9px; } .picker-iframe.picker-min-bottom { margin-top: -15px; } .picker-iframe.picker-minew.picker-min-bottom { margin-top: -9px; } .picker-iframe .picker-min-arrow-down, .picker-iframe .picker-min-arrow-up = { position: absolute; width: 32px; z-index: 0; } .picker-iframe .picker-min-arrow-up { top: -15px; } .picker-iframe.picker-minew .picker-min-arrow-up { top: -10px; width: 20px;= } .picker-iframe .picker-min-arrow-down { bottom: -16px; } .picker-iframe.picker-minew .picker-min-arrow-down { bottom: -10px; width: = 20px; } .picker-iframe .picker-min-arrow-border, .picker-iframe .picker-min-arrow-i= nner { border: 16px solid; height: 0px; position: absolute; width: 0px; } .picker-iframe.picker-minew .picker-min-arrow-border, .picker-iframe.picker= -minew .picker-min-arrow-inner { border: 10px solid; } .picker-iframe.picker-minew .picker-min-arrow-up .picker-min-arrow-inner { = border-color: rgb(241, 241, 241) transparent; } .picker-iframe.picker-white-callout.picker-minew .picker-min-arrow-up .pick= er-min-arrow-inner { border-color: rgb(255, 255, 255) transparent; } .picker-iframe .picker-min-arrow-up .picker-min-arrow-inner { border-color:= rgb(255, 255, 255) transparent; top: 1px; z-index: 1; } .picker-iframe .picker-min-arrow-down .picker-min-arrow-inner { border-colo= r: rgb(255, 255, 255) transparent; bottom: 1px; z-index: 1; } .picker-iframe .picker-min-arrow-down .picker-min-arrow-border, .picker-ifr= ame .picker-min-arrow-up .picker-min-arrow-border { border-color: rgba(0, 0= , 0, 0.2) transparent; } .picker-iframe .picker-min-arrow-down .picker-min-arrow-border { bottom: 0p= x; } .picker-iframe .picker-min-arrow-up .picker-min-arrow-border, .picker-ifram= e .picker-min-arrow-up .picker-min-arrow-inner { border-top-width: 0px; } .picker-iframe .picker-min-arrow-down .picker-min-arrow-border, .picker-ifr= ame .picker-min-arrow-down .picker-min-arrow-inner { border-bottom-width: 0= px; } .minpick-container { left: 0px; top: 0px; background-color: transparent; bo= rder-width: medium; border-style: none; border-color: currentcolor; border-= image: none; height: 100%; width: 100%; overflow: hidden; padding: 0px; pos= ition: fixed; z-index: 2500; } .minpick-container.modeElementsDark, .modeElementsDark .minpick-container {= --dt-surface-tint: #d1e1ff; --dt-shadow-elevation-1: 0px 3px 1px -2px rgba= (0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);= --dt-shadow-elevation-2: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px r= gba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12); --dt-shadow-elevation-3: 0= px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14p= x 2px rgba(0,0,0,.12); --dt-shadow-elevation-4: 0px 5px 5px -3px rgba(0,0,0= ,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12); --d= t-shadow-elevation-5: 0px 8px 10px -6px rgba(0,0,0,.2),0px 16px 24px 2px rg= ba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12); --dt-mime-type-blue: #8ab4f= 8; --dt-mime-type-dark-blue: #5f73e5; --dt-mime-type-green: #81c995; --dt-m= ime-type-grey: #9aa0a6; --dt-mime-type-purple: #c58af9; --dt-mime-type-deep= -purple: #9575cd; --dt-mime-type-red: #f28b82; --dt-mime-type-yellow: #ffe0= 82; --dt-mime-type-project-blue: #67d4ff; --dt-agent-badge-container: #5629= a4; --dt-on-agent-badge-container: #fdf8ff; --gm3-sys-color-background: #13= 1314; --gm3-sys-color-background-rgb: 19,19,20; --gm3-sys-color-error: #f2b= 8b5; --gm3-sys-color-error-rgb: 242,184,181; --gm3-sys-color-error-containe= r: #8c1d18; --gm3-sys-color-error-container-rgb: 140,29,24; --gm3-sys-color= -inverse-on-surface: #303030; --gm3-sys-color-inverse-on-surface-rgb: 48,48= ,48; --gm3-sys-color-inverse-primary: #0b57d0; --gm3-sys-color-inverse-prim= ary-rgb: 11,87,208; --gm3-sys-color-inverse-surface: #e3e3e3; --gm3-sys-col= or-inverse-surface-rgb: 227,227,227; --gm3-sys-color-on-background: #e3e3e3= ; --gm3-sys-color-on-background-rgb: 227,227,227; --gm3-sys-color-on-error:= #601410; --gm3-sys-color-on-error-rgb: 96,20,16; --gm3-sys-color-on-error-= container: #f9dedc; --gm3-sys-color-on-error-container-rgb: 249,222,220; --= gm3-sys-color-on-primary: #062e6f; --gm3-sys-color-on-primary-rgb: 6,46,111= ; --gm3-sys-color-on-primary-container: #d3e3fd; --gm3-sys-color-on-primary= -container-rgb: 211,227,253; --gm3-sys-color-on-primary-fixed: #041e49; --g= m3-sys-color-on-primary-fixed-rgb: 4,30,73; --gm3-sys-color-on-primary-fixe= d-variant: #0842a0; --gm3-sys-color-on-primary-fixed-variant-rgb: 8,66,160;= --gm3-sys-color-on-secondary: #035; --gm3-sys-color-on-secondary-rgb: 0,51= ,85; --gm3-sys-color-on-secondary-container: #c2e7ff; --gm3-sys-color-on-se= condary-container-rgb: 194,231,255; --gm3-sys-color-on-secondary-fixed: #00= 1d35; --gm3-sys-color-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-s= econdary-fixed-variant: #004a77; --gm3-sys-color-on-secondary-fixed-variant= -rgb: 0,74,119; --gm3-sys-color-on-surface: #e3e3e3; --gm3-sys-color-on-sur= face-rgb: 227,227,227; --gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-s= ys-color-on-surface-variant-rgb: 196,199,197; --gm3-sys-color-on-tertiary: = #0a3818; --gm3-sys-color-on-tertiary-rgb: 10,56,24; --gm3-sys-color-on-tert= iary-container: #c4eed0; --gm3-sys-color-on-tertiary-container-rgb: 196,238= ,208; --gm3-sys-color-on-tertiary-fixed: #072711; --gm3-sys-color-on-tertia= ry-fixed-rgb: 7,39,17; --gm3-sys-color-on-tertiary-fixed-variant: #0f5223; = --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15,82,35; --gm3-sys-color-ou= tline: #8e918f; --gm3-sys-color-outline-rgb: 142,145,143; --gm3-sys-color-o= utline-variant: #444746; --gm3-sys-color-outline-variant-rgb: 68,71,70; --g= m3-sys-color-primary: #a8c7fa; --gm3-sys-color-primary-rgb: 168,199,250; --= gm3-sys-color-primary-container: #0842a0; --gm3-sys-color-primary-container= -rgb: 8,66,160; --gm3-sys-color-primary-fixed: #d3e3fd; --gm3-sys-color-pri= mary-fixed-rgb: 211,227,253; --gm3-sys-color-primary-fixed-dim: #a8c7fa; --= gm3-sys-color-primary-fixed-dim-rgb: 168,199,250; --gm3-sys-color-scrim: #0= 00; --gm3-sys-color-scrim-rgb: 0,0,0; --gm3-sys-color-secondary: #7fcfff; -= -gm3-sys-color-secondary-rgb: 127,207,255; --gm3-sys-color-secondary-contai= ner: #004a77; --gm3-sys-color-secondary-container-rgb: 0,74,119; --gm3-sys-= color-secondary-fixed: #c2e7ff; --gm3-sys-color-secondary-fixed-rgb: 194,23= 1,255; --gm3-sys-color-secondary-fixed-dim: #7fcfff; --gm3-sys-color-second= ary-fixed-dim-rgb: 127,207,255; --gm3-sys-color-shadow: #000; --gm3-sys-col= or-shadow-rgb: 0,0,0; --gm3-sys-color-surface: #131314; --gm3-sys-color-sur= face-rgb: 19,19,20; --gm3-sys-color-surface-bright: #37393b; --gm3-sys-colo= r-surface-bright-rgb: 55,57,59; --gm3-sys-color-surface-container: #1e1f20;= --gm3-sys-color-surface-container-rgb: 30,31,32; --gm3-sys-color-surface-c= ontainer-high: #282a2c; --gm3-sys-color-surface-container-high-rgb: 40,42,4= 4; --gm3-sys-color-surface-container-highest: #333537; --gm3-sys-color-surf= ace-container-highest-rgb: 51,53,55; --gm3-sys-color-surface-container-low:= #1b1b1b; --gm3-sys-color-surface-container-low-rgb: 27,27,27; --gm3-sys-co= lor-surface-container-lowest: #0e0e0e; --gm3-sys-color-surface-container-lo= west-rgb: 14,14,14; --gm3-sys-color-surface-dim: #131314; --gm3-sys-color-s= urface-dim-rgb: 19,19,20; --gm3-sys-color-surface-variant: #444746; --gm3-s= ys-color-surface-variant-rgb: 68,71,70; --gm3-sys-color-tertiary: #6dd58c; = --gm3-sys-color-tertiary-rgb: 109,213,140; --gm3-sys-color-tertiary-contain= er: #0f5223; --gm3-sys-color-tertiary-container-rgb: 15,82,35; --gm3-sys-co= lor-tertiary-fixed: #c4eed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,20= 8; --gm3-sys-color-tertiary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fi= xed-dim-rgb: 109,213,140; --ws-sys-color-extended-blue-fill: #a1c9ff; --ws-= sys-color-extended-blue-outline: #04409f; --ws-sys-color-extended-blue-tona= l: #04409f; --ws-sys-color-extended-cyan-fill: #acedff; --ws-sys-color-exte= nded-cyan-outline: #004e5d; --ws-sys-color-extended-cyan-tonal: #004e5d; --= ws-sys-color-extended-green-fill: #80da88; --ws-sys-color-extended-green-ou= tline: #00522c; --ws-sys-color-extended-green-tonal: #00522c; --ws-sys-colo= r-extended-grey-fill: #c7c7c7; --ws-sys-color-extended-grey-outline: #47474= 7; --ws-sys-color-extended-grey-tonal: #474747; --ws-sys-color-extended-on-= blue-fill: #012c6f; --ws-sys-color-extended-on-blue-outline: #a1c9ff; --ws-= sys-color-extended-on-blue-tonal: #d0e4ff; --ws-sys-color-extended-on-cyan-= fill: #003641; --ws-sys-color-extended-on-cyan-outline: #acedff; --ws-sys-c= olor-extended-on-cyan-tonal: #acedff; --ws-sys-color-extended-on-green-fill= : #00381f; --ws-sys-color-extended-on-green-outline: #80da88; --ws-sys-colo= r-extended-on-green-tonal: #beefbb; --ws-sys-color-extended-on-grey-fill: #= 303030; --ws-sys-color-extended-on-grey-outline: #c7c7c7; --ws-sys-color-ex= tended-on-grey-tonal: #e3e3e3; --ws-sys-color-extended-on-orange-fill: #522= 302; --ws-sys-color-extended-on-orange-outline: #ffb683; --ws-sys-color-ext= ended-on-orange-tonal: #ffdcc3; --ws-sys-color-extended-on-pink-fill: #6204= 38; --ws-sys-color-extended-on-pink-outline: #ffaee4; --ws-sys-color-extend= ed-on-pink-tonal: #ffd8ef; --ws-sys-color-extended-on-purple-fill: #400b84;= --ws-sys-color-extended-on-purple-outline: #d9bafd; --ws-sys-color-extende= d-on-purple-tonal: #eedcfe; --ws-sys-color-extended-on-red-fill: #60150f; -= -ws-sys-color-extended-on-red-outline: #ffb3ae; --ws-sys-color-extended-on-= red-tonal: #ffdadc; --ws-sys-color-extended-on-yellow-fill: #4d2600; --ws-s= ys-color-extended-on-yellow-outline: #ffe07c; --ws-sys-color-extended-on-ye= llow-tonal: #ffe07c; --ws-sys-color-extended-orange-fill: #ffb683; --ws-sys= -color-extended-orange-outline: #753403; --ws-sys-color-extended-orange-ton= al: #753403; --ws-sys-color-extended-pink-fill: #ffaee4; --ws-sys-color-ext= ended-pink-outline: #8d0053; --ws-sys-color-extended-pink-tonal: #8d0053; -= -ws-sys-color-extended-purple-fill: #d9bafd; --ws-sys-color-extended-purple= -outline: #5629a4; --ws-sys-color-extended-purple-tonal: #5629a4; --ws-sys-= color-extended-red-fill: #ffb3ae; --ws-sys-color-extended-red-outline: #8a1= a16; --ws-sys-color-extended-red-tonal: #8a1a16; --ws-sys-color-extended-ye= llow-fill: #ffe07c; --ws-sys-color-extended-yellow-outline: #8f4e06; --ws-s= ys-color-extended-yellow-tonal: #8f4e06; --ws-sys-color-genai-bold-gradient= 01: #346bf1; --ws-sys-color-genai-bold-gradient02: #3186ff; --ws-sys-color-= genai-bold-gradient03: #a9a8ff; --ws-sys-color-genai-gems-blue: var(--ws-sy= s-color-gems-blue-low,#003d64); --ws-sys-color-genai-gems-cyan: var(--ws-sy= s-color-gems-cyan-low,#00404e); --ws-sys-color-genai-gems-grey: var(--ws-sy= s-color-gems-grey-low,#3a3a3a); --ws-sys-color-genai-gems-orange: var(--ws-= sys-color-gems-orange-low,#612b00); --ws-sys-color-genai-gems-pink: var(--w= s-sys-color-gems-pink-low,#60263d); --ws-sys-color-genai-gems-purple: var(-= -ws-sys-color-gems-purple-low,#55226e); --ws-sys-color-genai-gems-teal: var= (--ws-sys-color-gems-teal-low,#004144); --ws-sys-color-genai-gems-violet: v= ar(--ws-sys-color-gems-violet-low,#372d80); --ws-sys-color-genai-gems-yello= w: var(--ws-sys-color-gems-yellow-low,#4f3500); --ws-sys-color-genai-muted-= gradient01: #2a2a2a; --ws-sys-color-genai-muted-gradient02: #243385; --ws-s= ys-color-genai-muted-gradient03: #50469f; --ws-sys-color-genai-on-bold-grad= ient: #000; --ws-sys-color-genai-on-gems-blue: var(--ws-sys-color-gems-blue= -high,#60a9ed); --ws-sys-color-genai-on-gems-cyan: var(--ws-sys-color-gems-= cyan-high,#25b2d4); --ws-sys-color-genai-on-gems-grey: var(--ws-sys-color-g= ems-grey-high,#a4a4a4); --ws-sys-color-genai-on-gems-orange: var(--ws-sys-c= olor-gems-orange-high,#ec8c4c); --ws-sys-color-genai-on-gems-pink: var(--ws= -sys-color-gems-pink-high,#db8da7); --ws-sys-color-genai-on-gems-purple: va= r(--ws-sys-color-gems-purple-high,#c88ee1); --ws-sys-color-genai-on-gems-te= al: var(--ws-sys-color-gems-teal-high,#00b6bc); --ws-sys-color-genai-on-gem= s-violet: var(--ws-sys-color-gems-violet-high,#a299f3); --ws-sys-color-gena= i-on-gems-yellow: var(--ws-sys-color-gems-yellow-high,#d89800); --ws-sys-co= lor-genai-on-muted-gradient: var(--ws-sys-color-on-surface,#e3e3e3); --ws-s= ys-color-genai-text-gradient01: #3186ff; --ws-sys-color-genai-text-gradient= 02: #346bf1; --ws-sys-color-genai-text-gradient03: #4fa0ff; --ws-sys-color-= premium-surface-container-accent01: #196fcf; --ws-sys-color-premium-surface= -container-accent02: #5f90f8; --ws-sys-color-premium-surface-accent01: #0f6= bcb; --ws-sys-color-premium-surface-accent02: #5f90f8; --ws-sys-color-premi= um-text-gradient01: var(--ws-sys-color-on-surface,#e3e3e3); --ws-sys-color-= premium-text-gradient02: #86a4ff; } .minpick-container.closed { display: none; } .minpick-iframe-container { height: 100%; width: 100%; background: transpar= ent; padding: 0px; position: absolute; z-index: 1; color-scheme: normal; } .loading .minpick-iframe-container { opacity: 0; } .minpick-api-spinner-div { transform: translate(-50%, -50%); left: 50%; pos= ition: absolute; top: 50%; z-index: 1; } .minpick-api-loading-container-div { position: absolute; inset: 0px; overfl= ow: hidden; border-width: medium; border-style: none; border-color: current= color; border-image: none; padding: 0px; display: flex; align-items: center= ; justify-content: center; background-color: rgba(var(--gm3-sys-color-scrim= -rgb,0,0,0),.32); visibility: hidden; z-index: 2; } .loading .minpick-api-loading-container-div { visibility: visible; } .minpick-api-loading-dialog-div { width: 616px; height: 516px; max-width: 6= 16px; max-height: 516px; min-width: 512px; min-height: 272px; border-radius= : 8px; background-color: var(--gm3-sys-color-surface,#fff); padding: 0px; m= argin: 20px; overflow: hidden; position: relative; } .modeElementsDark .minpick-api-loading-dialog-div { border: 1px solid var(-= -gm3-sys-color-outline-variant,#c4c7c5); } @media (max-width: 640px) { .minpick-api-loading-dialog-div { width: 100%; height: 100%; max-width: n= one; max-height: none; min-width: 0px; min-height: 0px; border-radius: 0px;= margin: 0px; } .modeElementsDark .minpick-api-loading-dialog-div { border-width: medium;= border-style: none; border-color: currentcolor; border-image: none; } } .minpick-api-loading-text-div { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-vari= ant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-v= ariant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; fon= t-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font= -feature-settings: ; font-variation-settings: ; font-language-override: ; l= etter-spacing: var(--dt-headline-small-spacing,0); font-size: 24px; left: 2= 4px; position: absolute; top: 22px; line-height: 32px; } .minpick-api-close-button, .minpick-api-iframe-close-button, .minpick-api-l= oading-close-button { mask-image: url("https://fonts.gstatic.com/s/i/short-= term/release/googlesymbols/close/default/24px.svg"); background-color: var(= --gm3-sys-color-on-surface,#1f1f1f); border: 0px; cursor: pointer; height: = 24px; opacity: 1; position: absolute; right: 24px; top: 22px; width: 24px; = } .minpick-api-iframe-close-button { z-index: 1; } .minpick-api-close-tooltip { visibility: hidden; border-radius: 2px; border= : 0px; background-color: var(--gm3-sys-color-inverse-surface,#303030); colo= r: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); position: absolute; z-i= ndex: 1; right: 24px; top: 48px; opacity: 1; overflow-x: hidden; padding: 5= px 8px 6px; text-align: center; font-size: 12px; } .minpick-api-loading-close:hover .minpick-api-close-tooltip { visibility: v= isible; } .minpick-api-iframe-close:hover .minpick-api-close-tooltip { visibility: vi= sible; } .minpick-api-iframe-close { visibility: hidden; } .loading-delay .minpick-api-iframe-close { visibility: visible; } .mspin-medium { width: 36px; height: 36px; overflow: hidden; animation: 156= 8.63ms linear 0s infinite normal none running mspin-rotate; } .mspin-medium .mspin-revrotator { animation: 5332ms steps(4) 0s infinite no= rmal none running mspin-revrot; } .mspin-medium .mspin-spinner { background-image: url("https://ssl.gstatic.c= om/docs/picker/images/loading_spinner.svg"); background-size: 100% auto; wi= dth: 11664px; height: 36px; animation: 5332ms steps(324) 0s infinite normal= none running mspin-medium-film; } @keyframes mspin-medium-film {=20 0% { transform: translateX(0px); } 100% { transform: translateX(-11664px); } } #titlebar-mode-indicator-container { margin-right: 10px; } #titlebar-mode-indicator-container > div { border-radius: 4px; text-transfo= rm: none; font-size: 0.875rem; font-weight: 500; font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 36px; line-hei= ght: 34px; } .docs-hub-appbar #titlebar-mode-indicator-container > div { align-items: ce= nter; color: var(--gm3-sys-color-primary,#0b57d0); display: flex; height: 2= 8px; letter-spacing: 0.00625rem; } .docs-hub-appbar #titlebar-mode-indicator-container > .titlebar-request-acc= ess-button { padding-left: 16px; padding-right: 16px; } #titlebar-mode-indicator-container .docs-approval-lock > .docs-icon, #title= bar-mode-indicator-container .docs-approval-status-indicator > .docs-icon {= margin-right: 8px; } .kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdow= n { color: var(--gm3-sys-color-on-surface-variant,#444746); vertical-align:= middle; } .kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdow= n-icon { opacity: 1; } .docs-hub-appbar #titlebar-mode-indicator-container > .kix-titlebar-approva= ls-button { float: left; } body:not(.docs-grille) #titlebar-mode-indicator-container > .kix-titlebar-a= pprovals-button.docs-material-menu-button-flat-primary, body:not(.docs-gril= le) #titlebar-mode-indicator-container > .kix-titlebar-approvals-button.doc= s-material-menu-button-flat-primary-hover.docs-material-menu-button-flat-pr= imary-focused { border-width: medium; border-style: none; border-color: cur= rentcolor; border-image: none; } #titlebar-mode-indicator-container .kix-titlebar-approvals-button.docs-mate= rial-menu-button-flat-primary .docs-material-menu-button-flat-primary-dropd= own { margin-top: 5px; } #titlebar-mode-indicator-container > .docs-material-menu-button-flat-primar= y, .kix-titlebar-approvals-button.docs-material-button, .kix-titlebar-appro= vals-button.docs-material-button.docs-material-button-focused.docs-material= -button-no-focus-border, .titlebar-request-access-button.docs-material-butt= on, .titlebar-request-access-button.docs-material-button.docs-material-butt= on-focused.docs-material-button-no-focus-border { border: 1px solid var(--g= m3-sys-color-outline-variant,#c4c7c5); } #titlebar-mode-indicator-container > .docs-material-menu-button-flat-primar= y-hover, .titlebar-request-access-button.docs-material-button.docs-material= -button-hover { background: linear-gradient(rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-primary-conta= iner-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3e3fd); bo= rder: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd); } #titlebar-mode-indicator-container > .kix-titlebar-approvals-button.docs-ma= terial-menu-button-flat-primary-hover { background: color-mix(in srgb,var(-= -gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-container= ,#f0f4f9)); } #titlebar-mode-indicator-container > .docs-material-menu-button-flat-primar= y-focused, .titlebar-request-access-button.docs-material-button.docs-materi= al-button-focused { background: linear-gradient(rgba(var(--gm3-sys-color-on= -primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-co= ntainer-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); = border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd); } #titlebar-mode-indicator-container > .kix-titlebar-approvals-button.docs-ma= terial-menu-button-flat-primary-focused { background: color-mix(in srgb,var= (--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface-contai= ner,#f0f4f9)); } .kix-titlebar-approvals-button.docs-material-button.docs-material-button-fo= cused, .titlebar-request-access-button.docs-material-button.docs-material-b= utton-focused { line-height: 2rem; padding: 0px 8px; } #titlebar-mode-indicator-container > .docs-material-menu-button-flat-primar= y-hover.docs-material-menu-button-flat-primary-focused, .kix-titlebar-appro= vals-button.docs-material-button.docs-material-button-hover.docs-material-b= utton-focused, .titlebar-request-access-button.docs-material-button.docs-ma= terial-button-hover.docs-material-button-focused { background: linear-gradi= ent(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(va= r(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-col= or-primary-container,#d3e3fd); border: 1px solid var(--gm3-sys-color-invers= e-primary,#a8c7fa); } #titlebar-mode-indicator-container > .docs-material-menu-button-flat-primar= y-open, .kix-titlebar-approvals-button.docs-material-button.docs-material-b= utton-active, .titlebar-request-access-button.docs-material-button.docs-mat= erial-button-active { box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-sh= adow-rgb,0,0,0),.15); } .titlebar-request-access-button-tooltip { max-width: 200px; } .docs-grille-gm3 #titlebar-mode-indicator-container { margin-right: 0px; } .docs-grille-gm3 #titlebar-mode-indicator-container > div { border-color: v= ar(--gm3-sys-color-outline,#747775); border-radius: 9999px; height: 40px; m= argin-right: 8px; padding: 2px 10px; } .docs-grille-gm3.docs-hub #titlebar-mode-indicator-container > div { height= : 36px; } .docs-grille-gm3 .kix-titlebar-approvals-button .docs-material-menu-button-= flat-primary-dropdown-icon, .docs-grille-gm3 .kix-titlebar-mode-switcher .d= ocs-material-menu-button-flat-primary-dropdown-icon { color: var(--gm3-sys-= color-on-surface-variant,#444746); fill: var(--gm3-sys-color-on-surface-var= iant,#444746); opacity: 1; } .docs-grille-gm3 #titlebar-mode-indicator-container > .docs-material-menu-b= utton-flat-primary-hover, .docs-grille-gm3 .kix-titlebar-approvals-button >= .docs-material-menu-button-flat-primary-hover, .docs-grille-gm3 .titlebar-= request-access-button.docs-material-button.docs-material-button-hover { bac= kground: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(-= -gm3-sys-color-surface,#fff)); border-color: var(--gm3-sys-color-outline,#7= 47775); } .docs-grille-gm3 #titlebar-mode-indicator-container > .docs-material-menu-b= utton-flat-primary-focused, .docs-grille-gm3 .titlebar-request-access-butto= n.docs-material-button.docs-material-button-focused { background: color-mix= (in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-su= rface,#fff)); } .docs-grille-gm3 #titlebar-mode-indicator-container > .docs-material-menu-b= utton-flat-primary-open, .docs-grille-gm3 .titlebar-request-access-button.d= ocs-material-button.docs-material-button-active { box-shadow: none; } .docs-grille-gm3 #titlebar-mode-indicator-container .docs-approval-lock > .= docs-icon { margin: 0px 0px 2px; } .docs-grille-gm3 #titlebar-mode-indicator-container .docs-material-button-c= ontent { color: var(--gm3-sys-color-primary,#0b57d0); line-height: 38px; } .docs-grille-gm3 #titlebar-mode-indicator-container .docs-material-button-f= lat-primary.titlebar-request-access-button { height: 40px; padding: 0px 12p= x; } .docs-grille-gm3 .docs-material-button-flat-primary.titlebar-request-access= -button .docs-material-button-ripple-element { display: none; } .docs-grille-gm3 .kix-titlebar-mode-switcher .docs-icon { height: 24px; wid= th: 24px; } .docs-icon-inputtools-button-inner { margin: 2px 0px; } .docsDarkMode:not(.docs-hc-gecko) .ita-kd-img { filter: invert(80%); } .docs-icon-inputtools-menuitem-inner { margin: 1px 0px; opacity: 0.55; } .docs-icon.docs-icon-inputtools-menuitem-outter, .docs-material .docs-icon.= docs-icon-inputtools-menuitem-outter { margin: 0px 10px 0px 12px; } .docs-material #inputToolsToggleButton .docs-icon, .docs-material .docs-ico= n.docs-icon-inputtools-menuitem-outter { width: 21px; height: 21px; } .docs-hc-gecko .ita-kd-img { filter: invert(100%); } .docs-invite-favicon { height: 16px; margin-right: 5px; vertical-align: sub= ; width: 16px; } .docs-invite-header { height: 77px; max-height: 77px; width: 100%; overflow= : hidden; background: var(--gm3-sys-color-surface-container,#f0f4f9); font-= size: 0.75rem; color: var(--gm3-sys-color-on-surface-variant,#444746); bord= er-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-invite-header > div { display: table; width: 100%; height: 100%; max-= height: inherit; } .docs-invite-button { margin-right: 25px; } .docs-invite-fixedcol { display: table-cell; vertical-align: middle; white-= space: nowrap; } .docs-invite-flexcol { display: table-cell; width: 100%; vertical-align: mi= ddle; max-height: inherit; } .docs-invite-inviter-img { height: 60px; border: 1px solid var(--gm3-sys-co= lor-outline-variant,#c4c7c5); margin-left: 25px; } .docs-invite-heavy { font-weight: 500; color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); } .docs-invite-business-icon { margin-left: 40px; } .docs-invite-msg { margin: 0px 10px 0px 25px; max-height: inherit; line-hei= ght: 2; } .docs-invite-business-header { position: absolute; z-index: 1; } .docs-gm .goog-menu.docs-menu-overflow, .docs-menu-overflow { max-height: 3= 00px; overflow-y: auto; } #docs-toolbar-mode-switcher .goog-toolbar-menu-button-caption { width: 120p= x; transition: width 218ms; } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher { background: var(--gm= 3-sys-color-surface-container,#f0f4f9); } .docs-grille-gm3.docs-gm.docs-body-pageless #docs-toolbar-mode-switcher { b= ackground: var(--gm3-sys-color-surface-container-low,#f8fafd); } .docs-grille-gm3 #docs-toolbar-mode-switcher .goog-toolbar-menu-button-capt= ion { color: var(--gm3-sys-color-on-surface-variant,#444746); font: 500 14p= x / 28px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = padding-right: 2px; } #docs-toolbar-mode-switcher { border-radius: 4px; } #docs-toolbar-mode-switcher.suggest-mode { background-color: var(--gm3-sys-= color-tertiary-container,#c4eed0); color: var(--gm3-sys-color-on-tertiary-c= ontainer,#0f5223); } #docs-toolbar-mode-switcher.edit-mode { background-color: var(--gm3-sys-col= or-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-contai= ner,#0842a0); } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.goog-toolbar-menu-butt= on-hover { background-color: color-mix(in sRGB,var(--gm3-sys-color-on-surfa= ce-variant,#444746) 8%,transparent); } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.goog-toolbar-menu-butt= on-active, .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.goog-toolba= r-menu-button-focused, .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher= .goog-toolbar-menu-button-open { background-color: color-mix(in sRGB,var(--= gm3-sys-color-on-surface-variant,#444746) 10%,transparent); } #docs-toolbar-mode-switcher .goog-toolbar-menu-button-dropdown { background= : none; border-left: 4px solid transparent; border-right: 4px solid transpa= rent; border-top-style: solid; border-bottom-style: solid; border-top-width= : 4px; border-bottom-width: 0px; height: 0px; margin: 10px 0px 0px 4px; wid= th: 0px; } #docs-toolbar-mode-switcher .docs-gm-arrow .docs-icon { display: none; } @media screen and (forced-colors: active) { #docs-toolbar-mode-switcher .goog-toolbar-menu-button-dropdown { border-l= eft-color: canvas; border-right-color: canvas; } } #docs-toolbar-mode-switcher.suggest-mode .goog-toolbar-menu-button-dropdown= { border-bottom-color: var(--gm3-sys-color-tertiary,#146c2e); border-top-c= olor: var(--gm3-sys-color-tertiary,#146c2e); } #docs-toolbar-mode-switcher.edit-mode .goog-toolbar-menu-button-dropdown { = border-bottom-color: var(--gm3-sys-color-primary,#0b57d0); border-top-color= : var(--gm3-sys-color-primary,#0b57d0); } #docs-toolbar-mode-switcher.goog-toolbar-menu-button-open { background-colo= r: var(--gm3-sys-color-surface-container-low,#f8fafd); color: var(--gm3-sys= -color-on-surface,#1f1f1f); } #docs-toolbar-mode-switcher.goog-toolbar-menu-button-open .goog-toolbar-men= u-button-dropdown { border-bottom-color: var(--gm3-sys-color-outline,#74777= 5); border-top-color: var(--gm3-sys-color-outline,#747775); } .docs-grille-gm3 #docs-toolbar-mode-switcher .goog-toolbar-menu-button-drop= down { margin: 12px 4px 0px; padding: 0px; border-bottom-color: var(--gm3-s= ys-color-on-surface-variant,#444746); border-top-color: var(--gm3-sys-color= -on-surface-variant,#444746); } .docs-grille-gm3 #docs-toolbar-mode-switcher.goog-toolbar-menu-button-open = .goog-toolbar-menu-button-dropdown { transform: rotate(180deg); } .docs-grille-gm3 #docs-toolbar-mode-switcher .goog-toolbar-menu-button-icon= { margin: 0px 8px 3px 3px; } .docs-toolbar-mode-switcher-menu .goog-menuitem { padding-left: 36px; } .docs-toolbar-mode-switcher-menu .docs-icon { top: 11px; left: 7px; } .docs-toolbar-mode-switcher-menu-label { font-weight: 500; padding-bottom: = 4px; } .docs-toolbar-mode-switcher-menu-description { font-size: 0.6875rem; color:= var(--gm3-sys-color-on-surface-variant,#444746); } .goog-menuitem-disabled .docs-toolbar-mode-switcher-menu-description { colo= r: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-= sys-color-surface,#fff)); } .docs-toolbar-mode-switcher-menu-selected-icon { display: none; position: a= bsolute; top: 0px; right: 0px; margin: 7px 12px 7px 8px; } .docs-toolbar-mode-switcher-menu-selected-icon .docs-icon { top: auto; left= : auto; height: 24px; margin: 1.5px; width: 24px; } .current-mode .docs-toolbar-mode-switcher-menu-selected-icon { display: blo= ck; } .docs-toolbar-mode-switcher-menu .current-mode .docs-toolbar-mode-switcher-= suggesting-menu-item .docs-toolbar-mode-switcher-menu-label { color: var(--= gm3-sys-color-tertiary,#146c2e); } .docs-toolbar-mode-switcher-menu .current-mode .docs-toolbar-mode-switcher-= editing-menu-item .docs-toolbar-mode-switcher-ask-to-edit-menu-item .docs-t= oolbar-mode-switcher-menu-label { color: var(--gm3-sys-color-primary,#0b57d= 0); } .docs-toolbar-mode-switcher-ask-to-edit-menu-item, .docs-toolbar-mode-switc= her-commenting-menu-item, .docs-toolbar-mode-switcher-editing-menu-item, .d= ocs-toolbar-mode-switcher-suggesting-menu-item, .docs-toolbar-mode-switcher= -viewing-menu-item { padding-right: 47px; } .docs-grille-gm3 #docs-toolbar-mode-switcher { border-radius: 9999px; paddi= ng: 0px 8px; } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.suggest-mode { backgro= und: var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-grille-gm3 #docs-toolbar-mode-switcher.suggest-mode .goog-toolbar-men= u-button-caption { color: var(--gm3-sys-color-on-primary-container,#0842a0)= ; } .docs-grille-gm3 #docs-toolbar-mode-switcher.suggest-mode .goog-toolbar-men= u-button-dropdown { border-bottom-color: var(--gm3-sys-color-on-primary-con= tainer,#0842a0); border-top-color: var(--gm3-sys-color-on-primary-container= ,#0842a0); } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.goog-toolbar-menu-butt= on-hover.suggest-mode { background: color-mix(in srgb,var(--gm3-sys-color-o= n-primary-container,#0842a0) 8%,var(--gm3-sys-color-primary-container,#d3e3= fd)); } .docs-grille-gm3.docs-gm #docs-toolbar-mode-switcher.goog-toolbar-menu-butt= on-active.suggest-mode, .docs-grille-gm3.docs-gm #docs-toolbar-mode-switche= r.goog-toolbar-menu-button-focused.suggest-mode, .docs-grille-gm3.docs-gm #= docs-toolbar-mode-switcher.goog-toolbar-menu-button-open.suggest-mode { bac= kground: color-mix(in srgb,var(--gm3-sys-color-on-primary-container,#0842a0= ) 10%,var(--gm3-sys-color-primary-container,#d3e3fd)); } .docs-grille-gm3 #docs-toolbar-mode-switcher-separator { margin-left: 8px; = } .docs-parent-collections-container-prefix, .docs-parent-collections-contain= er-text { color: var(--gm3-sys-color-on-surface-variant,#444746); padding-l= eft: 4px; } .docs-parent-collections-container-folder-name { color: var(--gm3-sys-color= -on-surface,#1f1f1f); font-size: 0.875rem; padding-left: 4px; bottom: 1px; = } .docs-parent-collections-container { padding: 2px 4px 0px 2px; } .docs-parent-collections-container:focus, .docs-parent-collections-containe= r:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surfac= e,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); border-radius: 2px; } .docs-parent-collections-container-icon { bottom: 2px; } .docs-parent-collections-container-icon:not(.docs-parent-collections-contai= ner-icon-material) { opacity: 0.54; } #docs-toolbar-iterator-label { color: var(--gm3-sys-color-on-surface,#1f1f1= f); font-size: 13px; line-height: 1.5rem; margin-right: 10px; margin-top: 4= px; vertical-align: middle; } .docs-grille-version-history #docs-toolbar-iterator-label { margin-top: 0px= ; } #docs-toolbar-iterator-next, #docs-toolbar-iterator-previous { margin-left:= 3px; margin-right: 3px; } .docs-save-indicator:not(:active):not(.docs-titlebar-badge-selected) .docs-= icon-sync { opacity: 0.63; } .docs-gm .docs-save-indicator-caption { font-size: 0.75rem; padding-left: 3= px; padding-right: 5px; vertical-align: middle; } .docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-change= s, .docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-cha= nges.docs-titlebar-badge-selected { background-color: var(--gm3-sys-color-e= rror-container,#f9dedc); color: var(--gm3-sys-color-on-error-container,#8c1= d18); } .docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-change= s:hover { background-color: var(--gm3-sys-color-error-container,#f9dedc); c= olor: var(--gm3-sys-color-on-error-container,#8c1d18); } .docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-change= s.docs-save-indicator-selected, .docs-save-indicator.docs-titlebar-badge.do= cs-save-indicator-unsaved-changes:active { background-color: var(--gm3-sys-= color-error-container,#f9dedc); color: var(--gm3-sys-color-on-error-contain= er,#8c1d18); } .docs-save-indicator-popup { max-width: 420px; min-width: 320px; } .docs-save-indicator-popup.jfk-bubble { outline: none; padding-left: 35px; = } .docs-save-indicator-popup .jfk-bubble-arrow { display: none; } .docs-gm .docs-save-indicator-popup-header { background-color: var(--gm3-sy= s-color-primary-container,#d3e3fd); min-height: 40px; padding: 0px; } .docs-gm .docs-save-indicator-popup-footer { padding: 12px 16px; } .docs-gm .docs-save-indicator-popup-title-container { align-items: center; = display: flex; min-height: inherit; padding: 0px 16px; } .docs-material .docs-save-indicator-popup-title { color: var(--gm3-sys-colo= r-primary,#0b57d0); font-family: "Google Sans", Roboto, RobotoDraft, Helvet= ica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; margin: 10px= 0px; width: fit-content; } .docs-gm .docs-save-indicator-popup-subtitle-container { padding: 0px 0px 1= 2px; } .docs-gm .docs-material .docs-save-indicator-popup-icon, .docs-gm .docs-mat= erial .docs-save-indicator-popup-subtitle-icon { height: 24px; margin-right= : 10px; min-width: 24px; } .docs-save-indicator-popup-subtitle { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-size: 0.75rem; font-weight: 500; } .docs-save-indicator-popup-text { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font= -size: 0.75rem; line-height: 1rem; max-width: fit-content; padding: 0px 0px= 12px; } .docs-gm .docs-save-indicator-popup.jfk-bubble { border: 0px; border-radius= : 4px; overflow: hidden; padding: 0px; z-index: 903 !important; } .docs-save-indicator-popup .docs-save-indicator-popup-button.docs-material-= button-fill-primary.docs-material-button { align-items: center; display: fl= ex; height: 24px; margin-bottom: 12px; margin-left: 0px; padding: 0px 12px;= text-transform: none; width: fit-content; } .docs-save-indicator-unsaved-changes .docs-save-indicator-popup-header { ba= ckground-color: var(--gm3-sys-color-error-container,#f9dedc); } .docs-save-indicator-unsaved-changes .docs-save-indicator-popup-title { col= or: var(--gm3-sys-color-on-error-container,#8c1d18); } .docs-save-indicator-popup-button-container { align-items: baseline; displa= y: flex; } .docs-save-indicator-popup-shortcut { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-weight: 700; font-size: 0.75rem; padding-left: 10px= ; } .docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-materi= al-button.docs-save-indicator-popup-button { background-color: var(--gm3-sy= s-color-error,#b3261e); color: var(--gm3-sys-color-on-error,#fff); } .docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-materi= al-button.docs-save-indicator-popup-button.docs-material-button-focused, .d= ocs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material= -button.docs-save-indicator-popup-button.docs-material-button-hover { backg= round-color: color-mix(in srgb,var(--gm3-sys-color-on-error,#fff) 8%,var(--= gm3-sys-color-error,#b3261e)); box-shadow: 0 1px 3px 1px color-mix(in sRGB,= var(--gm3-sys-color-shadow,#000) 5%,transparent); } .docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-materi= al-button.docs-save-indicator-popup-button.docs-material-button-active { ba= ckground-color: color-mix(in srgb,var(--gm3-sys-color-on-error,#fff) 10%,va= r(--gm3-sys-color-error,#b3261e)); } .docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-materi= al-button.docs-save-indicator-popup-button.docs-material-button-disabled { = background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f)= 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(in srgb,var(--gm3= -sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); } .docs-save-indicator-popup-media-list-container { display: flex; flex-direc= tion: column; max-height: 140px; overflow-y: auto; } .docs-sidebar-titlebar-icon-button { cursor: pointer; position: absolute; r= ight: 10px; } .docs-sidebar-gm-titlebar-icon-button { background-color: transparent; bord= er-radius: 9999px; cursor: pointer; height: 26px; margin-left: auto; margin= -right: 0px; padding: 6px 0px 0px; position: relative; right: -5px; text-al= ign: center; top: 0px; width: 32px; border-width: medium !important; border= -style: none !important; border-color: currentcolor !important; border-imag= e: none !important; } .docs-sidebar-gm-titlebar-icon-button:hover { background-color: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surfa= ce,#fff)); } .docs-sidebar-gm-titlebar-icon-button:focus { background-color: color-mix(i= n srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surf= ace,#fff)); outline: none; } @media screen and (forced-colors: active) { .docs-sidebar-gm-titlebar-icon-button:focus, .docs-sidebar-gm-titlebar-ic= on-button:hover { background-color: highlight; } } .docs-embedded-content-control-container { display: flex; height: 28px; pos= ition: absolute; white-space: nowrap; z-index: 507; } .docs-embedded-content-control-container-expandable { display: flex; height= : 34px; position: absolute; white-space: nowrap; z-index: 507; } .docs-embedded-content-control-menu-component-container { height: 32px; pos= ition: absolute; width: 60px; white-space: nowrap; } .docs-linking-formatting-content-control-container { font-size: 0.875rem; h= eight: 32px; position: absolute; white-space: nowrap; width: 60px; } .docs-linking-formatting-content-control-container.docs-material .goog-menu= .goog-menuitem .docs-icon { height: 24px; margin: 13px 12px 13px 20px; wid= th: 24px; } .docs-linking-formatting-content-control-container .goog-menu.goog-menu-ver= tical { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); border-= radius: 8px; min-width: 320px; } .docs-linking-formatting-content-control-container-title { color: var(--gm3= -sys-color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; font-size: 1.375rem; padding: 18px 24px= 14px; } .docs-linking-formatting-content-control-container .goog-menu .docs-embedde= d-content-controls-menu-item.docs-linking-formatting-content-control-menu-i= tem { padding: 14px 12px 14px 56px; } .docs-linking-formatting-content-control-menu-item { background-image: none= ; outline: none; } .docs-linking-formatting-content-control-menu-item .docs-embedded-content-c= ontrols-menu-item-content-label { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); } .docs-linking-formatting-content-control-menu-item:focus { background-color= : var(--gm3-sys-color-surface-container-low,#f8fafd); } .docs-linking-formatting-content-control-menu-item.goog-option-selected:foc= us { background-color: color-mix(in srgb,var(--ws-sys-color-extended-on-yel= low-tonal,#6d3a01) 10%,var(--ws-sys-color-extended-yellow-tonal,#fff2b4)); = } .docs-linking-formatting-content-control-container .docs-linking-formatting= -content-control-menu-item.goog-option-selected:hover, .docs-linking-format= ting-content-control-container .docs-linking-formatting-content-control-men= u-item.goog-option-selected:hover:active { background-color: color-mix(in s= rgb,var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01) 8%,var(--ws-sys-co= lor-extended-yellow-tonal,#fff2b4)); } .docs-linking-formatting-content-control-container:not(:focus-within) .docs= -linking-formatting-content-control-menu-item.goog-option-selected { backgr= ound-color: color-mix(in srgb,var(--ws-sys-color-extended-on-yellow-tonal,#= 6d3a01) 10%,var(--ws-sys-color-extended-yellow-tonal,#fff2b4)); } .docs-linking-content-control-container { height: 148px; position: absolute= ; white-space: nowrap; z-index: 507; } .docs-linking-content-control-container .goog-menu { width: 230px; } .docs-gm .docs-linking-content-control-container .goog-menu { max-height: n= one; } .docs-linking-content-control-container-title { font-weight: 500; opacity: = 0.6; padding: 12px; } .docs-embedded-content-button, .docs-embedded-content-button.jfk-button-cle= ar-outline, .docs-embedded-content-button:hover { background-color: var(--g= m3-sys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); border-radius: 2px; box-shadow: 1px 1px 2px color-mix(in s= RGB,var(--gm3-sys-color-shadow,#000) 20%,transparent); height: 26px; margin= -right: 4px; opacity: 0.96; } .docs-embedded-content-button.docs-embedded-content-menu-button { width: 60= px; } .docs-embedded-content-button.jfk-button-disabled, .docs-embedded-content-b= utton.jfk-button-disabled:active, .docs-embedded-content-button.jfk-freesta= nding-menu-button-disabled, .docs-embedded-content-button.jfk-freestanding-= menu-button-disabled:active { background-color: color-mix(in srgb,var(--gm3= -sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); box-= shadow: 1px 1px 2px color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 20%,= transparent); } .docs-embedded-content-button:active { box-shadow: 1px 1px 2px color-mix(in= sRGB,var(--gm3-sys-color-shadow,#000) 50%,transparent); } .docs-embedded-content-button.jfk-freestanding-menu-button-clear-outline { = border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-embedded-content-button-icon { margin-left: 5px; margin-right: 5px; } .docs-embedded-content-button-icon, .docs-embedded-content-controls-dropdow= n-icon, .docs-embedded-content-controls-linking-icon { margin-bottom: 3px; = margin-top: 2px; vertical-align: middle; opacity: 0.54; } .docs-embedded-content-controls-linking-icon { margin-left: 8px; } .docs-embedded-content-controls-dropdown-icon { margin-left: 8px; margin-ri= ght: 8px; } .docs-embedded-content-controls-menu-item-content-icon .goog-menuitem-icon = { left: 12px; top: 10px; } .docs-embedded-content-controls-menu-item-content-icon .docs-icon.goog-menu= item-icon .docs-icon-img-container, .docs-linking-formatting-content-contro= l-container .docs-embedded-content-controls-menu-item-content-icon { opacit= y: 1; } .docs-embedded-content-controls-menu-item-content-icon { vertical-align: mi= ddle; opacity: 0.54; } .docs-linking-formatting-content-control-container .docs-embedded-content-c= ontrols-menu-item-content-label { margin-right: 0px; } .docs-embedded-content-controls-menu-item-content-label { margin-right: 40p= x; vertical-align: middle; opacity: 0.87; } .docs-embedded-content-controls-menu-item-content { min-height: 22px; paddi= ng-top: 6px; margin-left: 12px; vertical-align: middle; } .docs-gm .docs-embedded-content-controls-menu-item-content { padding-top: u= nset; margin-left: unset; } .docs-embedded-content-controls-menu-item-message { color: var(--gm3-sys-co= lor-on-surface-variant,#444746); font: 400 11px / 1rem Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; margin-left: 12px; white-space: normal; } .docs-gm .docs-embedded-content-controls-menu-item-message { margin-left: u= nset; } .docs-embedded-content-controls-menu-item { padding-left: 0px; padding-righ= t: 0px; } .docs-embedded-content-button.jfk-button-disabled .docs-embedded-content-bu= tton-icon, .docs-embedded-content-button.jfk-freestanding-menu-button-disab= led .docs-embedded-content-button-icon, .docs-embedded-content-button.jfk-f= reestanding-menu-button-disabled .docs-embedded-content-controls-dropdown-i= con, .docs-embedded-content-button.jfk-freestanding-menu-button-disabled .d= ocs-embedded-content-controls-linking-icon { opacity: 0.15; vertical-align:= middle; } .docs-embedded-content-button-text { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-size: 0.75rem; font-weight: 500; margin-right: 10px;= text-transform: uppercase; vertical-align: middle; } @media screen and (forced-colors: active) { .docs-embedded-content-popup { border: 1px solid highlight; } } .docs-embedded-content-contract-button:focus, .docs-embedded-content-expand= -button:focus, .docs-embedded-content-popup .docs-embedded-content-button.j= fk-button.jfk-button-focused, .docs-embedded-content-popup .docs-embedded-c= ontent-button.jfk-freestanding-menu-button.jfk-freestanding-menu-button-foc= used { outline: rgb(0, 0, 0) solid 1px; } .docs-embedded-content-contract-button:active, .docs-embedded-content-expan= d-button:active, .docs-embedded-content-popup .docs-embedded-content-button= .jfk-button.jfk-button-focused.jfk-button-active, .docs-embedded-content-po= pup .docs-embedded-content-button.jfk-freestanding-menu-button.jfk-freestan= ding-menu-button-focused.jfk-freestanding-menu-button-active { outline: uns= et; } .docs-embedded-content-popup .docs-embedded-content-controls-dropdown-icon = { margin-top: 1px; opacity: 0.7; } .docs-embedded-content-popup .docs-embedded-content-contract-button { opaci= ty: 0.7; } .docs-embedded-content-popup .docs-embedded-content-button-text, .docs-embe= dded-content-popup .docs-embedded-content-no-update { color: var(--gm3-sys-= color-on-surface,#1f1f1f); font-size: 0.875rem; font-weight: 500; letter-sp= acing: 0.00625rem; text-transform: unset; vertical-align: middle; } .docs-embedded-content-popup .docs-embedded-content-button-text { margin-ri= ght: 0px; } .docs-embedded-content-popup .docs-embedded-content-no-update { margin-righ= t: 6px; } .docs-embedded-content-no-update { margin-left: 8px; } .docs-embedded-content-popup { align-items: center; background: var(--gm3-s= ys-color-surface,#fff); border-radius: 8px; box-shadow: 0 4px 8px color-mix= (in sRGB,var(--gm3-sys-color-shadow,#000) 15%,transparent),0 1px 3px color-= mix(in sRGB,var(--gm3-sys-color-shadow,#000) 30%,transparent),0 6px 11px co= lor-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 5%,transparent),0 -3px 11p= x color-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 9%,transparent); color= : var(--gm3-sys-color-on-surface-variant,#444746); display: flex; font-fami= ly: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem;= height: 34px; margin-right: 4px; padding: 0px 5px; } .docs-embedded-content-has-update, .docs-embedded-content-zippy-content { a= lign-items: center; display: flex; } .docs-embedded-content-popup .docs-embedded-content-button-icon { margin-ri= ght: 8px; opacity: 1; } .docs-embedded-content-popup .docs-embedded-content-button, .docs-embedded-= content-popup .docs-embedded-content-button.jfk-button-clear-outline, .docs= -embedded-content-popup .docs-embedded-content-button:hover { border-width:= medium; border-style: none; border-color: currentcolor; border-image: none= ; border-radius: 0px; box-shadow: unset; margin-right: 0px; } .docs-embedded-content-popup .docs-embedded-content-button-holder .docs-emb= edded-content-button { padding-right: 4px; } .docs-embedded-content-popup .docs-embedded-content-button.docs-embedded-co= ntent-contract-button, .docs-embedded-content-popup .docs-embedded-content-= button.docs-embedded-content-expand-button, .docs-embedded-content-popup .d= ocs-embedded-content-button.docs-embedded-content-menu-button { height: 24p= x; width: 24px; } .docs-embedded-content-popup .docs-embedded-content-expand-button .docs-ico= n { margin: 3px; } .docs-embedded-content-popup .docs-embedded-content-button.docs-embedded-co= ntent-button:hover { background-color: color-mix(in sRGB,var(--gm3-sys-colo= r-on-surface,#1f1f1f) 8%,transparent); } .docs-embedded-content-popup .docs-embedded-content-button:active { box-sha= dow: unset; } .docs-embedded-content-popup .docs-embedded-content-controls-dropdown-icon = { margin-left: 0px; margin-right: 0px; } .docs-embedded-content-button-divider { background-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); height: 16px; margin: auto 6px; width: 1px; } .docs-embedded-content-button-file-chip { background-color: var(--gm3-sys-c= olor-surface-container-high,#e9eef6); color: var(--gm3-sys-color-on-surface= ,#1f1f1f); border-radius: 8px; display: inline; font-size: 0.875rem; height= : fit-content; margin-left: 5px; max-width: 100%; overflow: clip hidden; pa= dding: 0px 5px; } .docs-embedded-content-button-file-chip-icon { height: 10px; margin-right: = 4px; width: 10px; } .docs-embedded-content-button-file-chip-text { display: inline-block; heigh= t: fit-content; max-width: 120px; overflow-x: clip; text-overflow: ellipsis= ; } .docs-embedded-content-popup .docs-embedded-content-button-text-data-from {= font-size: 0.75rem; margin-left: 8px; margin-right: 8px; } .jfk-button-disabled .docs-embedded-content-button-text { opacity: 0.15; } .docs-embedded-content-controls-menu-item-info-icon-container { display: no= ne; } .style-match-refresh .docs-embedded-content-controls-menu-item-info-icon-co= ntainer { display: block; } .style-match-refresh .docs-embedded-content-close-icon { position: absolute= ; top: 10px; right: 10px; } .style-match-refresh .docs-embedded-content-close-icon:focus, .style-match-= refresh .docs-embedded-content-close-icon:hover { background-color: var(--g= m3-sys-color-surface-container-high,#e9eef6); border: 6px solid var(--gm3-s= ys-color-surface-container-high,#e9eef6); border-radius: 9999px; cursor: po= inter; } .style-match-refresh .docs-linking-formatting-content-control-container-tit= le { padding: 18px 16px 14px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu.goog-menu-vertical { background-color: var(--gm3-sys-c= olor-surface-container,#f0f4f9); border-width: medium; border-style: none; = border-color: currentcolor; border-image: none; border-radius: 28px; paddin= g: 0px 12px 12px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .goog-menuitem .docs-embedded-content-controls-menu-it= em-info-icon-container { align-items: center; border-radius: 9999px; displa= y: flex; height: 28px; justify-content: center; position: absolute; right: = 12px; top: 18px; width: 28px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .goog-menuitem .docs-embedded-content-controls-menu-it= em-info-icon-container .docs-icon { margin: 0px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .goog-menuitem .docs-embedded-content-controls-menu-it= em-info-icon-container:focus, .style-match-refresh.docs-linking-formatting-= content-control-container.docs-material .goog-menu .goog-menuitem .docs-emb= edded-content-controls-menu-item-info-icon-container:hover { background-col= or: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparen= t); } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item { align-items: center; background-col= or: var(--gm3-sys-color-surface-container-high,#e9eef6); border-radius: 4px= ; display: flex; height: 64px; margin: 2px; padding: 0px 0px 0px 56px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.docs-lfccc-menu-item-gemini-style-mat= ch { background-color: var(--gm3-sys-color-surface,#fff); border-radius: 16= px; margin-bottom: 14px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.docs-lfccc-menu-item-paste-as-source = { border-radius: 4px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.docs-lfccc-menu-item-source-linked { = border-radius: 4px 4px 16px 16px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.docs-lfccc-menu-item-do-not-link, .st= yle-match-refresh.docs-linking-formatting-content-control-container.docs-ma= terial .goog-menu .docs-embedded-content-controls-menu-item.docs-linking-fo= rmatting-content-control-menu-item.docs-lfccc-menu-item-paste-as-destinatio= n { border-radius: 16px 16px 4px 4px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item:focus, .style-match-refresh.docs-link= ing-formatting-content-control-container.docs-material .goog-menu .docs-emb= edded-content-controls-menu-item.docs-linking-formatting-content-control-me= nu-item:hover { background-color: var(--gm3-sys-color-surface-container-hig= hest,#dde3ea); } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.goog-menuitem-disabled { background-c= olor: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.docs-linking= -formatting-content-control-menu-item.goog-menuitem-disabled .docs-embedded= -content-controls-menu-item-content-label { color: rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.38); } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item .goog-menuit= em-icon:not(.docs-omnibox-row-icon):not(.docs-lfccc-menu-item-gemini-style-= match) { background-color: var(--gm3-sys-color-surface,#fff); border: 6px s= olid var(--gm3-sys-color-surface,#fff); border-radius: 8px; margin: 14px 8p= x 14px 12px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .docs-embedded-content-controls-menu-item.goog-menuite= m-disabled .goog-menuitem-icon:not(.docs-omnibox-row-icon):not(.docs-lfccc-= menu-item-gemini-style-match) { background-color: transparent; border-color= : transparent; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu.gemini-style-match-enabled .docs-embedded-content-cont= rols-menu-item.docs-linking-formatting-content-control-menu-item.docs-lfccc= -menu-item-paste-as-source { border-radius: 16px 16px 4px 4px; } .style-match-refresh.docs-linking-formatting-content-control-container.docs= -material .goog-menu .goog-menuitem .gemini-button .docs-icon { height: 20p= x; margin: 16px 8px 16px 12px; width: 20px; } .appsDocsContentembeddingWizEmbeddedcontentcontrolcontextualtoolbarDocument= Title { align-items: center; background-color: var(--gm3-sys-color-surface-= variant,#e1e3e1); border-radius: 8px; display: flex; gap: 3px; height: 20px= ; padding: 0px 5px; } .appsDocsContentembeddingWizEmbeddedcontentcontrolcontextualtoolbarDocument= TitleText { font-family: "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; m= ax-width: 115px; overflow-x: clip; text-overflow: ellipsis; } .appsDocsContentembeddingWizEmbeddedcontentcontrolcontextualtoolbarToolbarT= ext { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.8= 75rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; color: = var(--gm3-sys-color-on-surface-variant,#444746); } .appsDocsContentembeddingWizEmbeddedcontentcontrolcontextualtoolbarFromText= { padding: 0px 4px; } .appsDocsContentembeddingWizEmbeddedcontentcontrolcontextualtoolbarToolbarL= abel { padding: 0px 4px 0px 12px; } .docsshared-no-download .docsshared-no-select-when-no-download, .docsshared= -no-select { -webkit-user-drag: none; user-select: none; } .docsshared-disable-image-copy canvas, .docsshared-disable-image-copy image= , .docsshared-disable-image-copy img { pointer-events: none; } .prof-feedback-bank-xframe-docos-autocomplete-row { box-sizing: border-box;= padding: 8px 4px; overflow-wrap: break-word; } #docs-omnibox-toolbar .docs-omnibox-autocomplete { margin-right: 4px; } .docs-omnibox-autocomplete { margin-top: 4px; } .docs-omnibox-input { box-sizing: border-box; width: 100%; min-width: 289px= ; } .docs-omnibox-input.jfk-textinput { font-family: Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 2.25rem; background-color: var(--gm3-sys-colo= r-surface-container,#f0f4f9); border: 1px solid transparent; border-radius:= 8px; box-shadow: none; color: var(--gm3-sys-color-on-surface,#1f1f1f); hei= ght: 36px; padding: 1px 7px; } .docs-omnibox-input.jfk-textinput::placeholder { font-family: Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0.00625rem; line-height: 2.25rem; color: var(--gm3-sys-co= lor-on-surface-variant,#444746); } #docs-omnibox-toolbar .docs-icon { margin: 3px; } .docs-omnibox-input.jfk-textinput:focus { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-color-= surface-container,#f0f4f9)); } .docs-omnibox-input.jfk-textinput:active { background-color: var(--gm3-sys-= color-surface,#fff); border: 1px solid transparent; box-shadow: 0 1px 6px c= olor-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 30%,transparent); padding= : 1px 7px; } .docs-omnibox-input.jfk-textinput:focus[aria-expanded=3D"true"] { border-co= lor: transparent transparent var(--gm3-sys-color-outline-variant,#c4c7c5) t= ransparent; border-style: solid; border-width: 1px; border-radius: 8px 8px = 0px 0px; padding: 1px 7px; } .docs-omnibox-autocomplete .ac-renderer { background-color: var(--gm3-sys-c= olor-surface,#fff); border-color: transparent; border-radius: 0px 0px 8px 8= px; border-style: solid; border-width: 0px 1px 1px; box-shadow: 0 4px 6px c= olor-mix(in sRGB,var(--gm3-sys-color-shadow,#000) 30%,transparent); outline= : none medium; padding: 6px 0px; position: fixed; width: auto; z-index: 100= 3; } .docs-omnibox-autocomplete .ac-row { padding: 0px; } .docs-omnibox-autocomplete .ac-row .goog-menuitem { padding: calc(0.4em + 5= px) calc(0.4em + 10px) calc(0.4em + 5px) calc(0.4em + 30px); } .docs-omnibox-autocomplete .ac-highlighted { font-weight: 500; } .docs-omnibox-autocomplete .ac-active { background-color: color-mix(in srgb= ,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#f= ff)); } .docs-omnibox-autocomplete .docs-icon { cursor: pointer; margin: 3px 3px 3p= x 5px; pointer-events: none; position: absolute; } [class*=3D"docs-hc"] .docs-omnibox-autocomplete .ac-active .goog-menuitem {= border-color: transparent; border-style: dotted; border-width: 1px 0px; pa= dding-top: 5px; padding-bottom: 5px; } [class*=3D"docs-hc"] .docs-labelinputmenuitem.goog-menuitem .ac-row .goog-m= enuitem .goog-menuitem-icon { margin-top: 7px; } [class*=3D"docs-hc"] .docs-labelinputmenuitem.goog-menuitem .ac-row.ac-acti= ve .goog-menuitem-icon { margin-top: 6px; } .docs-omnibox-row-content { font-family: Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; } .docs-omnibox-parent.goog-menu-vertical .docs-labelinputmenuitem.goog-menui= tem { padding-left: 16px; } .docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem.goog-menuitem-h= ighlight { background-color: var(--gm3-sys-color-surface,#fff); border-colo= r: var(--gm3-sys-color-surface,#fff); } .docs-omnibox-parent .docs-labelinputmenuitem { outline: none; } .docs-omnibox-feedback-link { color: var(--gm3-sys-color-primary,#0b57d0); = font-size: 0.75rem; padding-left: 260px; padding-right: 8px; padding-top: 1= px; text-decoration: underline; user-select: none; } #docs-omnibox-toolbar.assisted-actions-omnibox-hidden { display: none; } #docs-omnibox-toolbar.assisted-actions { width: 100px; } .docs-omnibox-input.assisted-actions-toolbar-omnibox { min-width: 98px; } #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete { positio= n: fixed; width: 100px; } #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete .ac-row .= goog-menuitem { padding: 10px 15px 10px 35px; } #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete:focus-wit= hin { width: 350px; z-index: 1003; } #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput.assisted-actions-to= olbar-omnibox { padding-left: 35px; } .docs-omnibox-autocomplete .docs-omnibox-fallback-divider { padding: 0.5em = 0px; } .docs-omnibox-autocomplete .ac-active .docs-omnibox-fallback-divider { back= ground-color: var(--gm3-sys-color-surface,#fff); } .docs-omnibox-autocomplete .docs-omnibox-fallback-divider .divider { margin= : 0px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input= :focus-within { border-radius: 8px 8px 0px 0px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions { padding: 0px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-icon { margin= : 4px 8px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-row-i= con { margin: 1px 5px; } .docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[ar= ia-expanded=3D"true"].assisted-actions-toolbar-omnibox { padding-left: 35px= ; } .docs-grille-gm3 .assisted-actions-search-moved-container { gap: 1ch; displ= ay: flex; font-weight: 400; justify-content: center; } .docs-grille-gm3 .assisted-actions-search-moved-new-hint { font-weight: 500= ; } @media screen and (max-width: 1600px) { .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-inp= ut { background-color: var(--gm3-sys-color-surface-container,#f0f4f9); bord= er-radius: 4px; } .docs-grille-gm3.docs-body-pageless #docs-omnibox-toolbar.assisted-action= s .docs-omnibox-input { background-color: var(--gm3-sys-color-surface-conta= iner-low,#f8fafd); } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-inp= ut:hover { background-color: color-mix(in sRGB,var(--gm3-sys-color-on-surfa= ce-variant,#444746) 8%,transparent); cursor: pointer; padding-right: 0px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-inp= ut:focus-within { background: var(--gm3-sys-color-surface,#fff); cursor: au= to; } .docs-grille-gm3 .docs-omnibox-input.assisted-actions-toolbar-omnibox { m= in-width: 35px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions, .docs-grille-gm3= #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete { width:= 35px; } .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-aut= ocomplete:focus-within { width: 350px; } } .kixAudioPlayerPalette.docs-palette { border-radius: 32px; background-color= : var(--gm3-sys-color-surface,#fff); display: flex; flex-direction: row; he= ight: 40px; width: 364px; z-index: 700; } @media screen and (forced-colors: active) { .kixAudioPlayerPalette.docs-palette { border: 1px solid transparent; } } .kixAudioPlayerPalette.docs-palette .docs-palette-body { align-items: cente= r; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; display: flex; min-height: auto; min-width: auto; flex-gr= ow: 1; background-color: var(--gm3-sys-color-surface,#fff); border-radius: = 0px 32px 32px 0px; } .kixAudioPlayerPalette.docs-palette .docs-palette-body .docs-gm3-icon-butto= n { height: 26px; width: 26px; min-height: 26px; min-width: 26px; margin: 8= px 0px; } .kixAudioPlayerPalette.docs-palette .docs-palette-body .docs-gm3-icon-butto= n .docs-icon { margin: 1px; } .kixAudioPlayerPalette.docs-palette .docs-palette-body .kixAudioPlayerPalet= tePlaybackRateButton { margin-inline-start: 4px; } .kixAudioPlayerPalette.docs-palette .docs-palette-body .kixAudioPlayerPalet= teMenuButton { margin-inline-start: 2px; } .kixAudioPlayerPalette.docs-palette .docs-palette-body .kixAudioPlayerPalet= teCloseButton { margin-inline: 2px 8px; } .kixAudioPlayerOverflowMenu { color: var(--gm3-sys-color-on-surface-variant= ,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 400; } .kixAudioPlayerOverflowMenuDisclaimer { font-size: 10px; padding: 8px 12px;= max-width: 250px; color: var(--gm3-sys-color-on-surface-variant,#444746); = } .kixAudioPlayerOverflowMenuDisclaimerLink { text-decoration: underline; } .kixAudioPlayerView { flex-grow: 1; } .kixAudioPlayerViewContent { width: 216px; } .kixAudioFeedbackWidgetContainer { position: relative; } .docs-gm .kixAudioFeedbackWidgetContainer .goog-menuitem.apps-menuitem { ma= rgin-right: 68px; cursor: unset; } .kixAudioFeedbackWidgetThumbsDownButton, .kixAudioFeedbackWidgetThumbsUpBut= ton { position: absolute; top: 0px; min-height: 32px; min-width: 32px; box-= sizing: border-box; color: var(--gm3-sys-color-outline,#747775); } .kixAudioFeedbackWidgetThumbsUpButton { right: 40px; } .kixAudioFeedbackWidgetThumbsDownButton { right: 8px; } @media screen and (forced-colors: active) { .kixAudioFeedbackWidgetThumbsDownButton.docs-gm3-button-hover, .kixAudioF= eedbackWidgetThumbsUpButton.docs-gm3-button-hover { background-color: highl= ight; color: highlighttext; } } .kixWizBarkickContainer, .kixWizBarkickWrapper { z-index: 101; } .kixWizBarkickWrapper { align-items: center; bottom: 6px; display: flex; fl= ex-direction: column; gap: 7px; opacity: 1; position: fixed; transform: tra= nslate(-50%) scaleX(1); transform-origin: center center; visibility: visibl= e; } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickHidden), .kixWizBar= kickWrapper:has(> .appsElementsSidekickBarkickIsCenterDocked), .kixWizBarki= ckWrapper:has(> .appsElementsSidekickBarkickIsSideDocked) { pointer-events:= none; } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickHidden), .kixWizBar= kickWrapper:has(> .appsElementsSidekickBarkickIsCenterDocked).IsIdle { opac= ity: 0; transform-origin: center center; visibility: hidden; } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickHidden) { transform= : translate(-50%) scaleX(0.98); } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickIsCenterDocked).IsI= dle { transform: translate(-50%, 12px) scaleX(0.98); } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickIsSideDocked) { tra= nsform: scaleX(1) translateX(var(--kix-barkick-side-docked-translate-x,0));= } .kixWizBarkickWrapper.IsVisibilityTransitioning { transition: opacity 80ms = ease-in-out 80ms, transform 80ms ease-in-out 80ms, visibility; } .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickHidden).WithHideTra= nsition, .kixWizBarkickWrapper:has(> .appsElementsSidekickBarkickIsCenterDo= cked).WithHideTransition { transition: opacity 80ms ease-in-out, transform = 80ms ease-in-out, visibility linear 80ms; } .kixWizBarkickContainer { width: 672px; } .kixWizBarkickContainer.appsElementsSidekickBarkickHidden { display: block;= } @media (forced-colors: active) { .kixWizBarkickContainer { border: 1px solid fieldtext; } } .aiBlockMenuBarBubbleContainer { background: none; box-shadow: none; width:= 30px; } .aiBlockMenuBarBubbleContainer .docs-bubble-material-body { padding: 0px; } .aiBlockMenuBarBubblePrimaryButtonContainer { background: var(--gm3-sys-col= or-surface,#fff); border-radius: 8px; box-shadow: 0 1px 2px rgba(var(--gm3-= sys-color-shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shad= ow-rgb,0,0,0),.15); margin-bottom: 8px; } .aiBlockMenuBarBubbleSecondaryButtonContainer { background: var(--gm3-sys-c= olor-surface,#fff); border-radius: 8px; box-shadow: 0 1px 2px rgba(var(--gm= 3-sys-color-shadow-rgb,0,0,0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-sh= adow-rgb,0,0,0),.15); } .aiBlockMenuBarBubbleAcceptButton, .aiBlockMenuBarBubbleDiscardButton, .aiB= lockMenuBarBubbleRefreshButton { border-radius: 8px; } .aiBlockMenuBarBubbleAcceptButton .docs-gm3-icon-button, .aiBlockMenuBarBub= bleDiscardButton .docs-gm3-icon-button, .aiBlockMenuBarBubbleRefreshButton = .docs-gm3-icon-button { border-radius: 8px; height: 28px; margin: 0px; min-= height: 28px; min-width: 28px; width: 28px; } .aiBlockMenuBarBubbleAcceptButton .docs-gm3-icon-button.docs-gm3-button-act= ive, .aiBlockMenuBarBubbleAcceptButton .docs-gm3-icon-button.docs-gm3-butto= n-focused, .aiBlockMenuBarBubbleAcceptButton .docs-gm3-icon-button.docs-gm3= -button-hover, .aiBlockMenuBarBubbleDiscardButton .docs-gm3-icon-button.doc= s-gm3-button-active, .aiBlockMenuBarBubbleDiscardButton .docs-gm3-icon-butt= on.docs-gm3-button-focused, .aiBlockMenuBarBubbleDiscardButton .docs-gm3-ic= on-button.docs-gm3-button-hover, .aiBlockMenuBarBubbleRefreshButton .docs-g= m3-icon-button.docs-gm3-button-active, .aiBlockMenuBarBubbleRefreshButton .= docs-gm3-icon-button.docs-gm3-button-focused, .aiBlockMenuBarBubbleRefreshB= utton .docs-gm3-icon-button.docs-gm3-button-hover { background: none; } .aiBlockMenuBarBubbleAcceptButton:hover, .aiBlockMenuBarBubbleDiscardButton= :hover, .aiBlockMenuBarBubbleRefreshButton:hover { background: color-mix(in= srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .aiBlockMenuBarBubbleAcceptButton:active, .aiBlockMenuBarBubbleAcceptButton= :focus, .aiBlockMenuBarBubbleDiscardButton:active, .aiBlockMenuBarBubbleDis= cardButton:focus, .aiBlockMenuBarBubbleRefreshButton:active, .aiBlockMenuBa= rBubbleRefreshButton:focus { background: color-mix(in srgb,var(--gm3-sys-co= lor-on-surface,#1f1f1f) 8%,transparent); } .aiBlockMenuBarBubbleAcceptButton { border-bottom-right-radius: 0px; border= -bottom-left-radius: 0px; } .aiBlockMenuBarBubbleDiscardButton { border-top-right-radius: 0px; border-t= op-left-radius: 0px; } .aiBlockPreviewBubble:focus { outline: none; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot { border: 2px solid rgb(49, = 134, 255); border-radius: 8px; box-shadow: 0 2px 3px color-mix(in sRGB,var(= --gm3-sys-color-shadow,#000) 15%,transparent); min-height: 150px; min-width= : 640px; overflow: visible; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot.unifiedPreviewBubbleLoading:= :before { background: none; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .unifiedPreviewBubbleContent= Container { display: flex; flex-direction: column; height: 100%; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .docs-material-gm-dialog { m= in-width: 362px; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .docs-material-gm-dialog .do= cs-material-gm-dialog-title { padding-bottom: 0px; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .docs-material-gm-dialog .do= cs-material-gm-dialog-title .docs-material-gm-dialog-title-text { font-size= : 1rem; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .docs-material-gm-dialog .do= cs-material-gm-dialog-content { display: none; } .aiBlockPreviewBubble.unifiedPreviewBubbleRoot .docs-material-gm-dialog .do= cs-material-gm-dialog-buttons { padding-bottom: 16px; padding-right: 8px; } .aiBlockPreviewBubble .unifiedPreviewBubbleContent, .aiBlockPreviewBubble .= unifiedPreviewBubbleError { border-width: medium; border-style: none; borde= r-color: currentcolor; border-image: none; border-radius: 28px; flex-grow: = 1; overflow-x: hidden; padding: 16px; white-space: normal; } .aiBlockPreviewBubble .unifiedPreviewBubbleError { color: var(--gm3-sys-col= or-on-surface-variant,#444746); } .aiBlockPreviewBubble .docsAiBubbleLoadingViewRoot { margin-top: 16px; } .aiBlockPreviewBubble .unifiedPreviewBubbleToolbar { display: none; } .aiBlockPreviewBubble .docs-material-gm-dialog-bg { border-radius: 8px; } .aiBlockPreviewBubble .dataDonationContainer { margin-left: auto; } .aiBlockPreviewBubble .dataDonationContainer .docs-material-button-flat-def= ault { padding: 0px; } .aiBlockPreviewBubble .goog-menuitem { margin-left: 8px; } .aiBlockPreviewBubble .docs-material-button-ripple-element { display: none;= } .aiBlockPreviewBubble .docs-material-button-flat-default.docs-material-butt= on-hover { background-color: color-mix(in sRGB,var(--gm3-sys-color-on-surfa= ce-variant,#444746) 8%,transparent); } .aiBlockPreviewBubble .docs-material-button-flat-default.docs-material-butt= on-active, .aiBlockPreviewBubble .docs-material-button-flat-default.docs-ma= terial-button-focused { background-color: color-mix(in srgb,var(--gm3-sys-c= olor-on-surface-variant,#444746) 10%,transparent); } .aiBlockPreviewBubbleHeading { color: var(--gm3-sys-color-on-surface,#1f1f1= f); display: flex; font: 700 16px / 20px "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; padding: 16px 12px 0px 16px; } .aiBlockPreviewBubbleHeading .docs-icon { display: none; } .aiBlockPreviewBubbleTitleHeader { margin-left: inherit; } .aiBlockPreviewBubbleDisclaimer { color: var(--gm3-sys-color-outline,#74777= 5); font: 400 12px / 16px "Google Sans", Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; margin-right: 6px; margin-top: 10px; text-wrap: wrap; } .aiBlockPreviewBubbleQuotaDisclaimer { color: var(--gm3-sys-color-outline,#= 747775); font: 400 12px / 16px "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; margin-right: 16px; margin-top: 10px; text-wrap: wrap= ; } .aiBlockPreviewBubbleQuotaDisclaimer .generativeAiQuotaUpsellMessageContent= .quotaUpsellMessageDescription, .aiBlockPreviewBubbleQuotaDisclaimer .gene= rativeAiQuotaUpsellMessageContent .quotaUpsellMessageIcon.quotaUpsellMessag= eIconInformational { color: var(--gm3-sys-color-outline,#747775); } .aiBlockPreviewBubbleFooter { align-items: center; padding: 8px 16px 16px; = } .aiBlockPreviewBubbleFooterRightSection { bottom: 0px; display: flex; paddi= ng: 8px 16px 16px; position: absolute; right: 0px; } @media screen and (forced-colors: active) { .aiBlockPreviewBubble .docsAiBubbleLoadingViewShimmerPlaceholderSquare, .= aiBlockPreviewBubble.unifiedPreviewBubbleRoot { border: 1px solid highlight= ; } } .aiBlockToolbarBubbleContainer { border-radius: 0px 0px 28px 28px; box-shad= ow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 2px 6px 2px = rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); width: auto; } .aiBlockToolbarBubbleContainer .goog-menuitem { background-position-x: 8px;= } .aiBlockToolbarBubbleBody { display: flex; flex-direction: row; overflow: a= uto; } .aiBlockToolbarBubbleBodyBodyWithQuota { padding-bottom: 12px; } .aiBlockToolbarBubbleCreateButton { margin-left: auto; } .aiBlockToolbarBubbleTitleHeader { margin-left: inherit; } .aiBlockToolbarBubbleQuotaBubble { background-image: ; background-position-= x: ; background-position-y: ; background-repeat: ; background-attachment: ;= background-origin: ; background-clip: ; background-color: ; background-siz= e: 100% 1px; padding: 12px; } .aiBlockToolbarBubbleTitle { align-items: center; color: var(--gm3-sys-colo= r-outline,#747775); display: flex; font: 500 12px / 16px "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 4px; width: 100%; } .aiBlockToolbarBubbleTitle .docs-icon { height: 24px; flex-shrink: 0; margi= n: 0px 6px 0px 0px; width: 24px; } .aiContextualTextRefineOnPasteBubbleContainer { border-radius: 20px; displa= y: flex; } @media (forced-colors: active) { .aiContextualTextRefineOnPasteBubbleContainer .goog-flat-button-focused, = .aiContextualTextRefineOnPasteBubbleContainer .goog-flat-button-hover { out= line: highlight solid 3px; outline-offset: -1px; } } .aiContextualTextRefineOnPasteBubbleContainer-body { align-items: center; d= isplay: flex; padding: 4px; width: max-content; } .aiContextualTextRefineOnPasteBubbleContainerContextualRefineButton { align= -items: center; border-width: medium; border-style: none; border-color: cur= rentcolor; border-image: none; border-radius: 20px; cursor: pointer; displa= y: flex; gap: 4px; min-height: 28px; outline: none; padding: 0px 8px 0px 4p= x; color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0= .875rem; font-weight: 500; } .aiContextualTextRefineOnPasteBubbleContainerContextualRefineButton:hover {= background: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#4447= 46) 8%,var(--gm3-sys-color-surface,#fff)); } .aiContextualTextRefineOnPasteBubbleContainerContextualRefineButton:focus {= background: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#4447= 46) 10%,var(--gm3-sys-color-surface,#fff)); } .aiContextualTextRefineOnPasteBubbleContainerContainer.barkickEnabled .aiCo= ntextualTextRefineOnPasteBubbleContainerContextualRefineButton { font-size:= 0.75rem; } .aiContextualTextRefineOnPasteBubbleContainerContextualRefineButtonLabel { = align-content: center; } .aiTextRefineOnPasteBubbleContainer { border-radius: 8px; color: var(--gm3-= sys-color-on-surface,#1f1f1f); height: 36px; } .aiTextRefineOnPasteBubbleContainer.barkickEnabled { border-radius: 20px; } .aiTextRefineOnPasteBubbleContainer:hover .aiTextRefineOnPasteBubbleContain= erBody { background-color: color-mix(in sRGB,var(--gm3-sys-color-primary,#0= b57d0) 8%,transparent); border-radius: 8px; cursor: pointer; } .aiTextRefineOnPasteBubbleContainer.barkickEnabled:hover .aiTextRefineOnPas= teBubbleContainerBody { border-radius: 20px; } .aiTextRefineOnPasteBubbleContainer:active .aiTextRefineOnPasteBubbleContai= nerBody, .aiTextRefineOnPasteBubbleContainer:focus .aiTextRefineOnPasteBubb= leContainerBody { background-color: color-mix(in sRGB,var(--gm3-sys-color-p= rimary,#0b57d0) 10%,transparent); border-radius: 8px; cursor: pointer; } .aiTextRefineOnPasteBubbleContainer.barkickEnabled:active .aiTextRefineOnPa= steBubbleContainerBody, .aiTextRefineOnPasteBubbleContainer.barkickEnabled:= focus .aiTextRefineOnPasteBubbleContainerBody { border-radius: 20px; } .aiTextRefineOnPasteBubbleContainerBody { align-items: center; display: fle= x; height: 36px; padding: 0px 6px 0px 10px; } .aiTextRefineOnPasteBubbleContainerBodyIcon { margin-bottom: 1px; } .aiTextRefineOnPasteBubbleContainerBodyIcon .docs-icon { margin-right: 6px;= } .aiTextRefineOnPasteBubbleContainerBodyText { font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font= -weight: 500; margin-right: 4px; white-space: nowrap; } .aiTextRefineOnPasteBubbleContainer.barkickEnabled .aiTextRefineOnPasteBubb= leContainerBody .aiTextRefineOnPasteBubbleContainerText { font-size: 0.75re= m; } .aiTextRefineOnPasteBubbleContainer .docs-bubble-material-body { height: 36= px; padding: 0px; } .aiTextRefineOnPasteBubbleContainer.aiFabEnabled { border-radius: 9999px; } .aiTextRefineOnPasteBubbleContainer.barkickEnabled .aiTextRefineOnPasteBubb= leCloseButton { display: none; } .aiTextRefineOnPasteBubbleCloseButton { align-items: center; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= border-radius: 9999px; cursor: pointer; display: flex; height: 26px; justi= fy-content: center; outline: none; width: 26px; } .aiTextRefineOnPasteBubbleCloseButton:hover { background-color: color-mix(i= n sRGB,var(--gm3-sys-color-on-surface-variant,#444746) 8%,transparent); } .aiTextRefineOnPasteBubbleCloseButton:active, .aiTextRefineOnPasteBubbleClo= seButton:focus { background-color: color-mix(in sRGB,var(--gm3-sys-color-on= -surface-variant,#444746) 10%,transparent); } div.docs-generativeai-onboarding-dialog-bg { z-index: 1004; } div.docs-generativeai-onboarding-dialog { max-height: 100vh; display: flex;= flex-direction: column; z-index: 1005; } .docs-generativeai-onboarding-dialog.docs-generativeai-onboarding-dialog-co= nsumer-user { width: 460px; } .docs-generativeai-onboarding-dialog:not(.docs-generativeai-onboarding-dial= og-consumer-user) { width: 504px; } .docs-generativeai-onboarding-dialog.docs-pictor-1p5-promo-container { alig= n-items: center; border-radius: 32px; flex-direction: column; min-width: 56= 0px; max-width: 560px; width: 560px; } .docs-generativeai-onboarding-dialog.sidekick-grv2-promo-container { width:= 480px; border-radius: 16px; padding-top: 12px; } .docs-generativeai-onboarding-dialog .docs-material-gm-dialog-content { pad= ding-bottom: 0px; overflow-y: auto; } .docs-generativeai-onboarding-dialog-content { align-items: center; display= : flex; flex-direction: column; font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; justify-content: center; overflow-y: au= to; } .docs-pictor-1p5-promo-container .docs-material-gm-dialog-content { padding= : 0px; } .docs-generativeai-onboarding-dialog.docs-pictor-1p5-promo-container .docs-= generativeai-onboarding-dialog-content { gap: 16px; } .docs-generativeai-onboarding-dialog .docs-material-gm-dialog-title { paddi= ng-bottom: 0px; padding-top: 12px; } .docs-generativeai-onboarding-dialog.docs-pictor-1p5-promo-container .docs-= material-gm-dialog-title { height: 24px; padding-top: 24px; padding-bottom:= 16px; position: absolute; right: 0px; } .docs-gm .docs-pictor-1p5-promo-container .docs-material-gm-dialog-title-cl= ose { align-items: center; background-color: var(--ws-sys-color-extended-gr= ey-fill,#5e5e5e); color: var(--ws-sys-color-extended-on-grey-fill,#fff); di= splay: flex; flex-direction: column; justify-content: center; padding: 4px;= right: 16px; top: 16px; } .docs-gm .docs-pictor-1p5-promo-container .docs-material-gm-dialog-title-cl= ose:hover { opacity: 0.32; background-color: color-mix(in srgb,var(--ws-sys= -color-extended-on-grey-fill,#fff) 8%,var(--ws-sys-color-extended-grey-fill= ,#5e5e5e)); } .docs-generativeai-onboarding-dialog-image { height: 300px; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-image= { border-top-left-radius: 32px; border-top-right-radius: 32px; width: 100%= ; } .sidekick-grv2-promo-container .docs-generativeai-onboarding-dialog-image {= width: 432px; } .docs-generativeai-onboarding-dialog-privacy-footer-icon-container.icon-20X= 20.docs-icon { margin-right: 4px; } .docs-generativeai-onboarding-dialog-workspace-logos { height: 20px; paddin= g-bottom: 16px; padding-top: 16px; } .docs-generativeai-onboarding-dialog-title { color: var(--gm3-sys-color-on-= surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-size: 1.375rem; font-weight: unset; margin: 16px= 0px; min-height: 28px; text-align: center; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-title= { font-size: 1.5rem; margin: 0px; text-align: center; white-space: pre-wra= p; } .docs-generativeai-onboarding-dialog-text { color: var(--gm3-sys-color-on-s= urface-variant,#444746); display: inline; line-height: 1.25rem; max-width: = 440px; padding-left: 8px; padding-right: 8px; row-gap: 20px; text-align: ce= nter; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-text = { max-width: 85%; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-text = { background-color: var(--gm3-sys-color-surface-container-low,#f8fafd); bor= der-radius: 8px; color: var(--gm3-sys-color-on-surface-variant,#444746); fl= ex: 1 0 0px; font-size: 0.75rem; height: 40px; line-height: 1rem; letter-sp= acing: 0.00625rem; padding: 12px; width: 100%; white-space: nowrap; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-text = p { margin: 0px; } .docs-pictor-1p5-promo-container .docs-generativeai-onboarding-dialog-text = p + p { margin-block-start: 1em; } .docs-generativeai-onboarding-dialog-text ul { text-align: left; padding-in= line-start: 24px; } .docs-generativeai-onboarding-dialog-subtext { border-radius: 8px; border: = 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sy= s-color-on-surface-variant,#444746); display: inline; font-size: 0.75rem; l= ine-height: 1.25rem; margin-top: 16px; width: 404px; padding: 12px 14px; ro= w-gap: 20px; } .sidekick-grv2-promo-container .docs-generativeai-onboarding-dialog-text { = color: var(--gm3-sys-color-on-surface,#1f1f1f); } .sidekick-grv2-promo-container .docs-gm3-button { margin: 0px; } .sidekick-grv2-promo-container .docs-material-gm-dialog-buttons { column-ga= p: 7px; } .docs-generativeai-onboarding-dialog-privacy-footer { align-items: center; = color: var(--gm3-sys-color-on-surface-variant,#444746); display: flex; font= -size: 0.75rem; line-height: 1.25rem; margin-top: 16px; } .docs-generativeai-onboarding-dialog-privacy-footer a { color: var(--gm3-sy= s-color-on-surface-variant,#444746); text-decoration: underline; } .docs-generativeai-onboarding-dialog-text > div:last-child { margin-bottom:= 10px; } .docs-pictor-1p5-promo-container .docs-material-gm-dialog-buttons { align-s= elf: stretch; display: flex; gap: 16px; justify-content: flex-end; padding:= 24px; align-items: center; } .docs-material-gm-dialog-buttons { align-items: center; } .docs-material-gm-dialog-buttons .docs-gm3-button:focus-visible { outline-o= ffset: 2px; outline: 3px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-generativeai-onboarding-dialog-opt-out-button-container { flex: 1 1 a= uto; } .docs-generativeai-onboarding-dialog-opt-out-button { display: inline-flex;= } .kix-edit-esignature-object-bubble.docs-bubble { background-color: var(--gm= 3-sys-color-surface-bright,#fff); border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; border-radius: 8px; box-sh= adow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); color:= var(--gm3-sys-color-on-surface,#1f1f1f); font: 400 14px Roboto, RobotoDraf= t, Helvetica, Arial, sans-serif; outline: transparent solid 1px; padding: 0= px; width: 319px; } .kix-edit-esignature-object-bubble-unassigned-field-error-container { displ= ay: flex; margin-top: 25px; } .kix-edit-esignature-object-bubble-unassigned-field-error { color: var(--gm= 3-sys-color-error,#b3261e); font: 400 12px Roboto, RobotoDraft, Helvetica, = Arial, sans-serif; white-space: normal; } .kix-edit-esignature-object-bubble-unassigned-field-error-icon { margin: 0p= x 6px; } .kix-edit-esignature-object-bubble-actions-container .goog-menuitem.goog-me= nuitem-highlight { border-color: var(--gm3-sys-color-outline-variant,#c4c7c= 5); border-style: dotted; border-width: 1px 0px; outline: none; padding-bot= tom: 5px; padding-top: 5px; } .kix-edit-esignature-object-bubble-actions-container .goog-menuitem { paddi= ng-left: 27px; } .kix-edit-esignature-object-bubble-edit-fields-menuitem { align-items: cent= er; display: flex; flex-wrap: nowrap; gap: 18px; overflow: hidden; text-ove= rflow: ellipsis; } .kix-edit-esignature-object-bubble-actions-container { padding: 10px 0px; } .kix-edit-esignature-object-bubble-signers-container { padding: 20px 24px 2= 2px; } .kix-edit-esignature-object-bubble-signers-select { height: 36px; width: 27= 1px; } .kix-esignature-signers-select-menu-in-bubble.kix-esignature-signers-select= -menu { width: 271px; max-height: 200px; } .kix-edit-esignature-object-bubble-signers-select .docs-material-gm-select-= outer-box { padding-left: 11px; } .kix-edit-esignature-object-bubble-signers-label { color: var(--gm3-sys-col= or-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-style: normal; font-weight: 500; font-size: 0.6875rem; li= ne-height: 1rem; letter-spacing: 0.8px; margin-left: 4px; padding-bottom: 7= px; text-transform: uppercase; } .docs-gm .kix-edit-esignature-object-bubble .goog-menuseparator { margin: 0= px; } .kix-edit-esignature-object-bubble-custom-text-controls { display: flex; pa= dding: 0px 24px 10px; width: 271px; } .kix-edit-esignature-object-bubble-custom-text-label-input { border: 1px so= lid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-s= izing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding:= 1px 8px; font-size: 0.875rem; height: 36px; margin: 8px 0px; width: 155px;= } .kix-edit-esignature-object-bubble-custom-text-font-size-controls { display= : flex; margin: 8px 0px; padding: 0px 0px 1px 14px; } .kix-edit-esignature-object-bubble-custom-text-font-size-combo-box-containe= r .goog-combo-button-input.jfk-textinput { border-color: var(--gm3-sys-colo= r-outline-variant,#c4c7c5); border-radius: 0px; color: var(--gm3-sys-color-= on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; font-size: 0.875rem; font-style: normal; font-weight: 500; height= : 36px; line-height: 18px; margin: 0px; padding: 0px; text-align: center; w= idth: 40px; } .kix-edit-esignature-object-bubble-custom-text-font-size-dropdown-menu { fo= nt-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; width: 40px; = } .kix-edit-esignature-object-bubble-custom-text-font-size-combo-box-containe= r .goog-combo-button-dropdown { display: none; } .kix-edit-esignature-object-bubble-custom-text-font-size-combo-box-containe= r .goog-combo-button-disabled .goog-combo-button-input.jfk-textinput { back= ground-color: transparent; color: color-mix(in srgb,var(--gm3-sys-color-on-= surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); } .kix-edit-esignature-object-bubble-custom-text-font-size-controls .goog-com= bo-button:focus-visible .goog-combo-button-input.jfk-textinput, .kix-edit-e= signature-object-bubble-custom-text-font-size-controls .goog-toolbar-button= :focus-visible { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),.06); } .kix-edit-esignature-object-bubble-custom-text-font-size-controls .goog-com= bo-button { outline: none; } .kix-edit-esignature-object-bubble-custom-text-font-size-controls .goog-too= lbar-button { height: 32px; margin: 0px; width: 28px; } .kix-edit-esignature-object-bubble-custom-text-font-size-controls .goog-too= lbar-button-outer-box { margin-top: 2px; } .kix-edit-esignature-object-bubble-custom-text-font-size-decrease-button-co= ntainer, .kix-edit-esignature-object-bubble-custom-text-font-size-increase-= button-container { border-color: var(--gm3-sys-color-outline-variant,#c4c7c= 5); border-style: solid; height: 34px; } .kix-edit-esignature-object-bubble-custom-text-font-size-decrease-button-co= ntainer { border-radius: 4px 0px 0px 4px; border-width: 1px 0px 1px 1px; } .kix-edit-esignature-object-bubble-custom-text-font-size-increase-button-co= ntainer { border-radius: 0px 4px 4px 0px; border-width: 1px 1px 1px 0px; } .kix-esignature-signers-select-menu { margin-top: 6px; max-height: 200px; p= adding-bottom: 8px; padding-top: 8px; width: 271px; } .kix-esignature-signers-select-menu.goog-menu { border: 1px solid transpare= nt; } .kix-esignature-signers-select-menu.goog-menu .goog-menuitem { padding-bott= om: 16px; padding-left: 16px; padding-top: 16px; } .kix-esignature-signers-select-menu.goog-menu .apps-menuitem .goog-menuitem= -checkbox { left: auto; right: 11px; } .kix-esignature-signers-select-menuitem { display: flex; gap: 8px; } .kix-edit-esignature-signers-select-manage-signers-menuitem { height: 20px;= } .kix-edit-esignature-signers-select-manage-signers-menuitem-text { margin-l= eft: 30px; } .docs-gm .goog-menu .apps-menuitem .kix-edit-esignature-signers-select-mana= ge-signers-menuitem-icon .goog-menuitem-icon.docs-icon.goog-inline-block { = left: 5px; top: 10px; } .kix-esignature-signers-select-menuitem-text { overflow: hidden; text-overf= low: ellipsis; white-space: nowrap; width: 170px; } .kix-esignature-signers-select-menuitem-signer-color { border-radius: 4px; = height: 20px; forced-color-adjust: none; width: 20px; } .kix-esignature-signers-select-menu .goog-menuseparator { margin-left: 0px;= } .kix-esignature-request-loading-dialog-indicator-container { align-items: c= enter; display: flex; flex-direction: column; height: 100px; width: 483px; = } .kix-esignature-request-loading-dialog-indicator { height: 48px; padding-to= p: 20px; width: 48px; } .kix-esignature-request-loading-dialog-indicator .docs-spinner { height: 48= px; overflow: hidden; position: relative; } .kix-esignature-request-loading-dialog-indicator .docs-quantum-spinner { di= splay: block; height: 48px; left: 0px; margin: 0px; width: 48px; } .kix-esignature-request-loading-dialog-title { display: flex; font-family: = "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size= : 1.375rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .kix-esignature-request-result-dialog-content { color: var(--gm3-sys-color-= on-surface,#1f1f1f); display: block; font-family: "Google Sans", Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: = 1.25rem; width: 483px; } .kix-esignature-request-result-dialog-nested-chip .kix-esignature-request-r= esult-dialog-content-chip { padding-top: 8px; } .kix-esignature-request-result-dialog-nested-chip-icon { padding-right: 5px= ; } [dir=3D"rtl"] .kix-esignature-request-result-dialog-nested-chip-icon { tran= sform: scaleX(-1); } .kix-esignature-request-result-dialog-content-chip { padding-bottom: 0px; p= adding-top: 30px; } .kix-esignature-request-result-dialog-location-chip.kix-esignature-request-= result-dialog-content-chip { padding-top: 12px; } .kix-esignature-request-result-dialog-nested-chip { align-items: center; di= splay: inline-flex; } .kix-esignature-request-result-dialog-nested-chip .kix-esignature-request-r= esult-dialog-content-chip { max-width: 453px; } .kix-esignature-result-dialog-chip-icon { display: flex; } .kix-esignature-request-result-dialog-learn-more { font-size: 0.75rem; padd= ing-top: 12px; border-top: 1px solid var(--gm3-sys-color-outline-variant,#c= 4c7c5); margin-top: 24px; } .kix-esignature-request-result-dialog-content-with-folder-link .kix-esignat= ure-request-result-dialog-learn-more { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .kix-esignature-request-result-dialog-content-with-folder-link .kix-esignat= ure-request-result-dialog-learn-more a { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); text-decoration: underline; } .kix-esignature-revision-mismatch-dialog-content { width: 384px; } .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-button.doc= s-material-button-active.kix-esignature-revision-mismatch-dialog-action-but= ton, .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-butto= n.docs-material-button-focused.kix-esignature-revision-mismatch-dialog-acti= on-button, .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action= -button.docs-material-button-hover.kix-esignature-revision-mismatch-dialog-= action-button, .docs-material-gm-dialog .docs-material-gm-dialog-call-to-ac= tion-button.docs-material-button.kix-esignature-revision-mismatch-dialog-ac= tion-button { background: transparent; color: color-mix(in srgb,var(--gm3-s= ys-color-on-primary,#fff) 10%,var(--gm3-sys-color-primary,#0b57d0)); font-f= amily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fo= nt-size: 0.875rem; } .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-button.doc= s-material-button-active.kix-esignature-revision-mismatch-dialog-action-but= ton, .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-butto= n.docs-material-button-focused.kix-esignature-revision-mismatch-dialog-acti= on-button, .docs-material-gm-dialog .docs-material-gm-dialog-call-to-action= -button.docs-material-button-hover.kix-esignature-revision-mismatch-dialog-= action-button { box-shadow: none; } .kix-esignature-share-warning-confirm-dialog-content { width: 348px; } .docs-material-gm-dialog .docs-gm3-button.docs-gm3-text-button.kix-esignatu= re-share-warning-confirm-dialog-cancel-button { color: var(--gm3-sys-color-= on-surface,#1f1f1f); } .kix-esignature-request-result-dialog-content-with-folder-link .kix-esignat= ure-result-dialog-pdf-link-chip { background-color: var(--gm3-sys-color-sur= face,#fff); border: 1px solid var(--gm3-sys-color-outline,#747775); padding= : 6px 12px 6px 8px; } .kix-esignature-result-dialog-pdf-link-chip { background-color: var(--gm3-s= ys-color-surface-container-high,#e9eef6); border-radius: 8px; height: fit-c= ontent; max-width: 100%; padding: 0px 5px; width: fit-content; } .kix-esignature-request-result-dialog-content-with-folder-link .kix-esignat= ure-result-dialog-pdf-link-chip a { gap: 8px; } .kix-esignature-result-dialog-pdf-link-chip a { align-items: center; displa= y: flex; text-decoration: none; } .kix-esignature-result-dialog-pdf-link-chip:hover { background-color: color= -mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color= -surface-container-high,#e9eef6)); } .kix-esignature-result-dialog-pdf-link-chip a:hover { text-decoration: none= ; } .kix-esignature-request-result-dialog-nested-chip .kix-esignature-result-di= alog-pdf-link-chip-title { max-width: 410px; } .kix-esignature-request-result-dialog-location-chip .kix-esignature-result-= dialog-pdf-link-chip-title { max-width: 431px; } .kix-esignature-result-dialog-pdf-link-chip-title { color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); display: inline-block; max-width: 460px; overflow:= hidden; padding-left: 2px; text-overflow: ellipsis; white-space: nowrap; } .premiumFeatureDialogContainer { max-width: 445px; } .premiumFeatureDialogTitleIcon { color: var(--gm3-sys-color-on-secondary-co= ntainer,#004a77); display: inline-block; margin-right: 8px; vertical-align:= bottom; } .esignatureUpsellConfirmationDialogContainer { width: 360px; } .esignatureUpsellDialogTitle { padding: 0px; } .esignatureUpsellDialogContent { display: flex; padding: 0px; } .esignatureUpsellDialogIframe { border: 0px; border-radius: 8px; height: 78= 0px; width: 1096px; } .coverImageToolbarBubbleContainer { align-items: center; background-color: = var(--gm3-sys-color-surface-container-low,#f8fafd); border: 2px solid trans= parent; border-radius: 9999px; box-shadow: 0 1px 3px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,= 0,0,0),.15); box-sizing: border-box; display: flex; gap: 2px; height: 40px;= justify-content: center; padding: 6px; position: absolute; width: fit-cont= ent; z-index: 100; } .coverImageToolbarBubbleSeparator { border-right: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); height: 18px; } .coverImageToolbarBubbleIcon { cursor: pointer; display: inline-block; marg= in: 1px; padding: 4px; } .coverImageToolbarBubbleIcon:hover { background-color: color-mix(in srgb,va= r(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-sys-color-surfac= e,#fff)); border-radius: 9999px; } .coverImageToolbarBubbleAccessibilityButton:focus .coverImageToolbarBubbleI= con, .coverImageToolbarBubbleDeleteButton:focus .coverImageToolbarBubbleIco= n, .coverImageToolbarBubbleReplaceButton:focus .coverImageToolbarBubbleIcon= , .coverImageToolbarBubbleRepositionButton:focus .coverImageToolbarBubbleIc= on, .coverImageToolbarBubbleRepositionButtonFocusState .coverImageToolbarBu= bbleIcon { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surfa= ce-variant,#444746) 10%,var(--gm3-sys-color-surface,#fff)); border-radius: = 9999px; } .coverImageToolbarBubbleReplaceButton.goog-button:hover:focus { outline: no= ne; } .coverImageToolbarBubbleMenu .apps-hoverable-menu-separator-container { pad= ding-left: 0px; } .coverImageRepositionTextRepositionText { background-color: var(--gm3-sys-c= olor-inverse-surface,#303030); border-radius: 4px; color: var(--gm3-sys-col= or-inverse-on-surface,#f2f2f2); font-family: "Google Sans", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; font-size: 0.75rem; padding: 4px 8px; p= osition: absolute; text-align: center; white-space: nowrap; width: fit-cont= ent; z-index: 100; } .kixTemplateDetailsViewOuterContainer .getting-started-dialog-insertabletem= plates-page-content { background-color: var(--gm3-sys-color-surface-dim,#d3= dbe5); } .kixTemplateDetailsViewOuterContainer .getting-started-dialog-insertabletem= plates-page-content .insertabletemplates-page-content-container { padding-b= ottom: 0px; } .kixTemplateDetailsViewDocumentPreviewContainer { border-bottom: 1px var(--= gm3-sys-color-outline-variant,#c4c7c5); display: flex; justify-content: cen= ter; } .kixTemplateDetailsViewThumbnail { border-radius: 20px 20px 0px 0px; height= : fit-content; max-width: 649px; min-width: 400px; width: 90%; margin: 16px= 0px 0px; pointer-events: none; } .kixTemplateGalleryViewOuterContainer .insertabletemplates-gallery-view-con= tainer .insertabletemplates-gallery-content-container.insertabletemplates-c= ontent-container .docs-thumbnailcontainer { gap: 20px 6px; margin: 0px auto= ; max-width: 802px; } .kixTemplateGalleryViewOuterContainer .docs-thumbnailcontrol-thumbnail, .ki= xTemplateGalleryViewOuterContainer .docs-thumbnailcontrol-thumbnailcontaine= r { border-radius: 8px; } .kixTemplateGalleryViewOuterContainer .insertabletemplates-gallery-content-= container { padding-left: 43px; padding-right: 27px; } .kix-canvas-action-button-document-slice-preview-bubble.docs-bubble, .kix-c= anvas-action-button-image-preview-bubble.docs-bubble { border-radius: 16px;= padding: 24px; background: none; border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; box-shadow: none; } .kix-canvas-action-button-document-slice-preview-bubble-body { overflow: hi= dden; } .kix-canvas-action-button-image-preview-bubble-container { width: 330px; he= ight: 225px; box-shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,= 0),.3),0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); margi= n-top: -6px; border-radius: 8px; } .kix-canvas-action-button-image-preview-bubble-content { width: 100%; heigh= t: 100%; object-fit: contain; border-radius: 8px; } .kix-calendar-template-bubble { padding: 0px; border: 0px; } .kix-calendar-template-theme-radio-button-first-row, .kix-calendar-template= -theme-radio-button-second-row { display: grid; grid-template-columns: repe= at(4, 1fr); padding: 6px 8px 20px 0px; white-space: nowrap; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton { margin: = auto; padding: 4px; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton { height: = 52px; width: 72px; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-radio { bo= rder: 2px solid var(--gm3-sys-color-outline,#747775); margin-left: 30px; ma= rgin-top: 52px; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-label { ma= rgin-left: 10px; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton:hover .jfk= -radiobutton-radio { box-shadow: inset 10px 4px color-mix(in sRGB,var(--gm3= -sys-color-shadow,#000) 10%,transparent); } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-hover:not(= .jfk-radiobutton-checked) .jfk-radiobutton-radio { border-color: var(--gm3-= sys-color-outline,#747775); } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-checked .j= fk-radiobutton-radio { border: 2px solid var(--gm3-sys-color-primary,#0b57d= 0); } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-checked .j= fk-radiobutton-radio::after { background: var(--gm3-sys-color-primary,#0b57= d0); border: var(--gm3-sys-color-primary,#0b57d0); left: 2px; top: 2px; } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton-checked .j= fk-radiobutton-label img, .kix-calendar-template-theme-radio-button-group .= jfk-radiobutton:focus .jfk-radiobutton-label img { border-radius: 4px; outl= ine: 2px solid var(--gm3-sys-color-primary,#0b57d0); } @media screen and (forced-colors: active) { .kix-calendar-template-theme-radio-button-group .jfk-radiobutton:focus { = outline: highlight solid 1px; } } .kix-calendar-template-theme-radio-button-group .jfk-radiobutton:focus .jfk= -radiobutton-radio { border-color: var(--gm3-sys-color-primary,#0b57d0); } .kix-calendar-template-customize { align-items: flex-start; display: inline= -flex; flex-direction: column; padding-top: 3px; position: relative; } .kix-calendar-template-customize:focus { outline: 2px solid var(--gm3-sys-c= olor-primary,#0b57d0); } .kix-calendar-template-customize-body { padding: 0px 10px 8px; } .kix-calendar-template-customize-bubble-container { align-items: start; dis= play: flex; justify-content: flex-end; } .kix-calendar-template-customize-header { align-items: center; display: fle= x; justify-content: center; padding: 0px; } .kix-calendar-template-customize-text { color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); font-size: 0.6875rem; font-weight: 500; letter-spacing= : 0.8px; line-height: 1rem; margin-left: 22px; padding: 16px 0px 8px; text-= transform: uppercase; white-space: nowrap; } .kix-calendar-template-customize-action-bar { border-top: 1px solid var(--g= m3-sys-color-outline-variant,#c4c7c5); justify-content: space-between; padd= ing: 32px 18px; width: 100%; } .kix-calendar-template-customize-include-weekends-checkbox-container .docs-= material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label { col= or: var(--gm3-sys-color-on-surface-variant,#444746); font-family: Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-style: = normal; font-weight: 400; letter-spacing: 0.00625rem; } .kix-calendar-template-date-range-picker { position: relative; } .kix-calendar-template-date-range-picker:focus { outline: 2px solid var(--g= m3-sys-color-primary,#0b57d0); } .kix-calendar-template-date-range-picker-bubble-container { align-items: ce= nter; display: flex; justify-content: space-between; width: auto; } .kix-calendar-template-date-range-picker-body { padding: 20px 20px 16px; } .kix-calendar-template-date-range-picker-action-bar { border-top: 1px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); justify-content: space-betwe= en; } .kix-calendar-template-date-range-picker .docs-gm3-button { margin: 0px; } .kix-calendar-template-date-range-picker-customize-button .docs-gm3-button = { padding: 10px 16px 10px 12px; } .kix-calendar-template-date-range-picker-customize-button-container { displ= ay: flex; } .kix-calendar-template-date-range-picker-reset-button { margin-right: 8px; = } .kix-calendar-template-date-range-picker-palette-icon .docs-icon { height: = 15px; margin-right: 8px; width: 15px; } .kix-calendar-template-date-range-picker-date-range-icon .docs-icon { heigh= t: 24px; margin-right: 8px; width: 24px; } .kix-calendar-template-date-range-picker-input-field { border-top: unset; b= order-right: unset; border-left: unset; border-image: unset; border-bottom:= 2px solid transparent; border-radius: 4px; background: var(--gm3-sys-color= -surface-container-high,#e9eef6); color: var(--gm3-sys-color-on-surface-var= iant,#444746); cursor: pointer; font-size: 0.875rem; height: 34px; line-hei= ght: 34px; padding: 0px 8px; width: 180px; } .kix-calendar-template-date-range-picker-input-field:hover { background: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-co= lor-surface-container-high,#e9eef6)); } .kix-calendar-template-date-range-picker-input-field:focus { outline: 2px s= olid var(--gm3-sys-color-primary,#0b57d0); } .kix-calendar-template-date-range-picker-input-field.kix-calendar-template-= date-range-picker-input-selected { border-bottom: 2px solid var(--gm3-sys-c= olor-primary,#0b57d0); border-radius: 4px 4px 0px 0px; } .kix-calendar-template-date-range-picker-text { margin: 0px 8px; } .kix-calendar-template-date-range-picker-input-field-text.kix-calendar-temp= late-date-range-picker-date-selected, .kix-calendar-template-date-range-pic= ker-text { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .kix-calendar-template-date-range-picker-button-text { color: var(--gm3-sys= -color-primary,#0b57d0); padding: 0px 6px; } .kix-calendar-template-date-range-picker .docs-gm3-text-button.docs-gm3-but= ton-disabled { color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38= ); } .kix-calendar-template-date-range-picker-action-bar { height: auto; padding= : 8px 20px 8px 12px; } .kix-calendar-template-date-range-picker .smart-canvas-date-picker-bubble {= transform: translate(-8px, 8px); } .kix-calendar-template-theme:focus { outline: 2px solid var(--gm3-sys-color= -primary,#0b57d0); } .kix-calendar-template-theme-body { padding: 0px 10px 8px; } .kix-calendar-template-theme-header { align-items: center; display: flex; p= adding: 0px; } .kix-calendar-template-theme-text { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.8p= x; line-height: 1rem; margin-left: 22px; padding: 16px 0px 8px; text-transf= orm: uppercase; white-space: nowrap; } .kix-calendar-template-theme-action-bar { border-top: 1px solid var(--gm3-s= ys-color-outline-variant,#c4c7c5); justify-content: flex-end; } .kix-chipify-sidebar { background-color: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); border-radius: 16px; display: flex; flex-direction: column; m= argin: 10px 16px 16px; outline: none; overflow: hidden; position: absolute;= width: 320px; } .kix-chipify-sidebar:focus { outline: 1px solid var(--gm3-sys-color-primary= ,#0b57d0); } .kix-chipify-sidebar-header { align-items: center; border-bottom: 1px solid= var(--gm3-sys-color-outline-variant,#c4c7c5); display: flex; flex-directio= n: row; padding: 14px 20px; } .kix-chipify-sidebar-header-icon { height: 24px; width: 24px; } .kix-chipify-sidebar-header-title { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font: 500 16px / 24px "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; height: 24px; margin-left: 14px; width: 224px; } .kix-chipify-sidebar-header-close-icon { background: none; border-radius: 9= 999px; height: 32px; width: 32px; align-items: center; cursor: pointer; dis= play: flex; justify-content: center; outline: none; border: 1px solid trans= parent !important; } .kix-chipify-sidebar-header-close-icon .docs-icon { height: 24px; width: 24= px; } .kix-chipify-sidebar-header-close-icon:hover { background-image: none; back= ground-position: initial; background-size: initial; background-repeat: init= ial; background-attachment: initial; background-origin: initial; background= -clip: initial; border-radius: 9999px; height: 32px; width: 32px; backgroun= d-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); bo= rder: 1px solid transparent !important; } .kix-chipify-sidebar-header-close-icon:focus { background-image: none; back= ground-position: initial; background-size: initial; background-repeat: init= ial; background-attachment: initial; background-origin: initial; background= -clip: initial; border-radius: 9999px; height: 32px; width: 32px; backgroun= d-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.1); bor= der: 1px solid transparent !important; } .kix-chipify-sidebar-header-close-icon:active { outline: none; } .kix-chipify-sidebar-suggestion-list { display: flex; flex-direction: colum= n; gap: 16px; outline: none; overflow: hidden auto; padding: 16px 24px 16px= 16px; } .kix-chipify-sidebar-zero-state { display: flex; margin: auto; padding: 16p= x; text-align: center; } .kix-chipify-sidebar-suggestion { background-color: var(--gm3-sys-color-sur= face-container,#f0f4f9); border: 1px solid var(--gm3-sys-color-outline-vari= ant,#c4c7c5); border-radius: 12px; box-sizing: border-box; cursor: pointer;= display: flex; flex-direction: column; outline: none; position: relative; = width: 280px; } .kix-chipify-sidebar-suggestion:hover { background-color: color-mix(in srgb= ,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-con= tainer,#f0f4f9)); } .kix-chipify-sidebar-suggestion:focus-visible { outline: 1px solid var(--gm= 3-sys-color-primary,#0b57d0); } .kix-chipify-sidebar-suggestion.goog-control-open { background-color: var(-= -gm3-sys-color-surface,#fff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-colo= r-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0= ,0,0),.15); } .kix-chipify-sidebar-suggestion:active { background-color: color-mix(in srg= b,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface-c= ontainer,#f0f4f9)); } .kix-chipify-sidebar-suggestion-header { align-items: center; display: flex= ; height: 16px; justify-content: space-between; margin-top: 13px; padding-l= eft: 16px; } .kix-chipify-sidebar-suggestion-title { font: 500 12px / 16px "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 16px; width: 1= 40px; } .kix-chipify-sidebar-suggestion-link { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font: 12px / 16px "Google Sans", Roboto, sans-serif; ma= rgin: 20px 16px 8px; min-height: 20px; overflow: hidden; overflow-wrap: any= where; text-decoration: line-through; text-overflow: ellipsis; white-space:= nowrap; } .kix-chipify-sidebar-suggestion-chip-container { display: flex; flex-flow: = wrap; margin: 0px 0px 8px 16px; min-height: 32px; } .kix-chipify-sidebar-suggestion-header-accept-icon, .kix-chipify-sidebar-su= ggestion-header-ignore-icon { background: none; border-radius: 9999px; heig= ht: 32px; width: 32px; align-items: center; display: flex; justify-content:= center; border: 1px solid transparent !important; } .kix-chipify-sidebar-suggestion-header-accept-icon .docs-icon, .kix-chipify= -sidebar-suggestion-header-ignore-icon .docs-icon { height: 24px; width: 24= px; } .kix-chipify-sidebar-suggestion-header-accept-icon:hover, .kix-chipify-side= bar-suggestion-header-ignore-icon:hover { background-image: none; backgroun= d-position: initial; background-size: initial; background-repeat: initial; = background-attachment: initial; background-origin: initial; background-clip= : initial; border-radius: 9999px; height: 32px; width: 32px; background-col= or: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),.08); border:= 1px solid transparent !important; } .kix-chipify-sidebar-suggestion-header-accept-icon:focus, .kix-chipify-side= bar-suggestion-header-ignore-icon:focus { outline: 1px solid var(--gm3-sys-= color-primary,#0b57d0); } .kix-chipify-sidebar-suggestion-common-actions { display: flex; justify-con= tent: space-around; margin-top: 8px; padding-right: 10px; position: absolut= e; right: 0px; top: 0px; } .kix-chipify-sidebar-suggestion-title-action { color: var(--gm3-sys-color-p= rimary,#0b57d0); } .kix-chipify-sidebar-suggestion-title-text { color: var(--gm3-sys-color-on-= surface,#1f1f1f); } .kix-chipify-sidebar-suggestion .chip-pill-header { align-items: center; he= ight: fit-content; } .kix-chipify-sidebar-suggestion .chip-pill-bubble-chip-icon { padding-top: = 1px; } .kix-tab-to-convert-bubble { align-items: center; background-color: var(--g= m3-sys-color-surface,#fff); border-width: medium; border-style: none; borde= r-color: currentcolor; border-image: none; border-radius: 8px; box-shadow: = 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); cursor: poin= ter; padding: 8px; } .kix-tab-to-convert-bubble-icon-container { display: flex; justify-content:= center; margin-right: 2px; } .kix-tab-to-convert-bubble-tab-icon { direction: ltr; } .kix-tab-to-convert-bubble-icon-container .docs-loading-indicator .spinner-= circle { border-width: 2px; } .kix-tab-to-convert-bubble-icon-container .docs-loading-indicator, .kix-tab= -to-convert-bubble-icon-container .docs-quantum-spinner { height: 18px; lef= t: unset; margin: unset; position: unset; width: 18px; } .kix-tab-to-convert-bubble-message-prefix { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-weight: 500; margin-right: 2px; } .kix-tab-to-convert-single-bubble { display: flex; } .kix-tab-to-convert-multiple-bubble { display: grid; max-height: 305px; ove= rflow-y: auto; } .kix-tab-to-convert-multiple-bubble-icon-message-container { align-items: c= enter; display: flex; margin: auto auto 14px; } .kix-tab-to-convert-multiple-bubble-see-all-button { align-items: center; } .kix-tab-to-convert-multiple-bubble .kix-rich-link-view:not(:last-child) { = margin-bottom: 8px; } .kix-tab-to-convert-multiple-bubble .kix-tab-to-convert-bubble-message-pref= ix { display: inline-block; } .kix-tab-to-convert-bubble-third-party-promo { border-radius: 28px; cursor:= auto; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; padding: 20px; white-space: normal; width: 320px; } [class*=3D"docs-hc"] .kix-tab-to-convert-bubble-third-party-promo { border:= 1px solid var(--gm3-sys-color-outline,#747775); } .kix-tab-to-convert-bubble-third-party-promo-image { display: block; margin= : 0px auto; } .kix-tab-to-convert-bubble-third-party-promo-heading { color: var(--gm3-sys= -color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.375rem; marg= in-block-end: 8px; line-height: 1.75rem; } .kix-tab-to-convert-bubble-third-party-promo-body { font-family: Roboto, Ro= botoDraft, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875= rem; line-height: 1.25rem; } .kix-tab-to-convert-bubble-third-party-promo-body a.kix-tab-to-convert-bubb= le-third-party-promo-share-link { color: var(--gm3-sys-color-on-surface-var= iant,#444746) !important; text-decoration: underline !important; } .kix-tab-to-convert-bubble-third-party-promo-buttons > * { float: right; fo= nt-weight: 500; font-size: 0.875rem; } #kix-tab-to-convert-bubble-third-party-promo-button-tab-to-replace { backgr= ound-color: var(--gm3-sys-color-primary,#0b57d0); border-width: medium; bor= der-style: none; border-color: currentcolor; border-image: none; border-rad= ius: 32px; cursor: pointer; padding: 8px 16px; transition: background-color= 0.3s ease-in-out; } .kix-tab-to-convert-bubble-third-party-promo-button-tab-to-replace-tab-icon= { border: 1.5px solid var(--gm3-sys-color-on-primary,#fff); border-radius:= 4px; display: inline-block; font-size: 0.75rem; line-height: 1.25rem; marg= in-right: 7px; padding: 0px 6px; position: relative; top: -1px; } #kix-tab-to-convert-bubble-third-party-promo-button-tab-to-replace.jfk-butt= on-standard.jfk-button-focused, #kix-tab-to-convert-bubble-third-party-prom= o-button-tab-to-replace.jfk-button-standard.jfk-button-hover, #kix-tab-to-c= onvert-bubble-third-party-promo-button-tab-to-replace:focus, #kix-tab-to-co= nvert-bubble-third-party-promo-button-tab-to-replace:hover { background-col= or: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,var(--gm3-sy= s-color-primary,#0b57d0)); } #kix-tab-to-convert-bubble-third-party-promo-button-tab-to-replace.jfk-butt= on-standard.jfk-button-focused, #kix-tab-to-convert-bubble-third-party-prom= o-button-tab-to-replace:focus { outline: 1px dashed var(--gm3-sys-color-out= line,#747775); } #kix-tab-to-convert-bubble-third-party-promo-button-learn-more, .kix-tab-to= -convert-bubble-third-party-promo-replacing-text { padding: 14px 0px; } #kix-tab-to-convert-bubble-third-party-promo-button-learn-more { margin-rig= ht: 20px; } #kix-tab-to-convert-bubble-third-party-promo-button-learn-more:hover { text= -decoration: none !important; } .kix-tab-to-convert-bubble-third-party-promo-buttons .docs-loading-indicato= r, .kix-tab-to-convert-bubble-third-party-promo-buttons .docs-quantum-spinn= er { height: 24px; left: unset; margin: unset; position: relative; top: 5px= ; width: 24px; } .kix-tab-to-convert-bubble-third-party-promo-replacing-text { color: var(--= gm3-sys-color-on-surface,#1f1f1f); margin-left: 10px; } .kix-rich-link-view { align-items: center; border-radius: 8px; cursor: defa= ult; display: inline-flex; } @media screen and (forced-colors: active) { .kix-rich-link-view .kix-person-entity-name { border-radius: 8px; border:= 1px solid transparent; } } .smart-canvas-duration-based-entity-duration-section-separator { display: i= nline-block; font-size: 1rem; padding-right: 9px; } .smart-canvas-duration-based-entity-duration-section-digits { display: inli= ne-block; font-size: 2rem; font-variant-numeric: tabular-nums; line-height:= 2rem; } .smart-canvas-duration-based-entity-controls-container { display: flex; jus= tify-content: flex-end; width: 100%; } .smart-canvas-duration-based-entity-controls-container .smart-canvas-durati= on-based-entity-controls-toggle-button { height: 36px; margin-right: 0px; p= adding: 8px 24px; } .smart-canvas-duration-based-entity-controls-container .smart-canvas-durati= on-based-entity-controls-reset-button { height: 36px; margin-left: 0px; pad= ding: 8px 16px; } .smart-canvas-duration-based-entity-duration-display-duration-container { w= hite-space: nowrap; } .smart-canvas-duration-based-entity-duration-display-duration-container .sm= art-canvas-duration-based-entity-duration-display-centiseconds-digits { fon= t-size: 1.375rem; } .smart-canvas-stopwatch-details-bubble { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; } .smart-canvas-stopwatch-details-bubble-action-bar { height: auto; padding: = 8px 16px 16px; } .smart-canvas-stopwatch-details-bubble-body { padding: 16px 16px 0px; } .smart-canvas-stopwatch-details-bubble-view-only .smart-canvas-stopwatch-de= tails-bubble-body { padding-bottom: 16px; } .smart-canvas-timer-details-bubble { color: var(--gm3-sys-color-on-surface,= #1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial= , sans-serif; } .smart-canvas-timer-details-bubble-action-bar { height: auto; padding: 8px = 16px 16px; } .smart-canvas-timer-details-bubble-body { padding: 16px 16px 0px; } .smart-canvas-timer-details-bubble-duration-container { border: 1px solid v= ar(--gm3-sys-color-outline,#747775); border-radius: 4px; box-sizing: border= -box; height: 40px; outline: none; overflow: clip; padding: 4px 8px; } .smart-canvas-timer-details-bubble-duration-container:hover { border: 1px s= olid var(--gm3-sys-color-on-surface,#1f1f1f); cursor: text; } .smart-canvas-timer-details-bubble-view-only .smart-canvas-timer-details-bu= bble-duration-container { border-width: medium; border-style: none; border-= color: currentcolor; border-image: none; cursor: default; height: unset; pa= dding: 0px; } .smart-canvas-timer-details-bubble-editing .smart-canvas-timer-details-bubb= le-duration-container { border: 2px solid var(--gm3-sys-color-primary,#0b57= d0); padding: 3px 7px; } .smart-canvas-timer-details-bubble-view-only .smart-canvas-timer-details-bu= bble-body { padding-bottom: 16px; } .smart-canvas-timer-details-bubble .smart-canvas-duration-based-entity-dura= tion-display-seconds-separator { padding-right: 0px; } .smart-canvas-timer-duration-editor-duration-container { outline: none; whi= te-space: nowrap; } .smart-canvas-timer-duration-editor-1-unset .smart-canvas-timer-duration-ed= itor-hours-digits::first-letter, .smart-canvas-timer-duration-editor-2-unse= t .smart-canvas-timer-duration-editor-hours-digits, .smart-canvas-timer-dur= ation-editor-2-unset .smart-canvas-timer-duration-editor-hours-display .sma= rt-canvas-timer-duration-editor-separator, .smart-canvas-timer-duration-edi= tor-3-unset .smart-canvas-timer-duration-editor-minutes-digits::first-lette= r, .smart-canvas-timer-duration-editor-4-unset .smart-canvas-timer-duration= -editor-minutes-digits, .smart-canvas-timer-duration-editor-4-unset .smart-= canvas-timer-duration-editor-minutes-display .smart-canvas-timer-duration-e= ditor-separator, .smart-canvas-timer-duration-editor-5-unset .smart-canvas-= timer-duration-editor-seconds-digits::first-letter, .smart-canvas-timer-dur= ation-editor-6-unset .smart-canvas-timer-duration-editor-seconds-digits, .s= mart-canvas-timer-duration-editor-6-unset .smart-canvas-timer-duration-edit= or-seconds-display .smart-canvas-timer-duration-editor-separator { color: v= ar(--gm3-sys-color-on-surface-variant,#444746); } .smart-canvas-timer-duration-editor-seconds-display .smart-canvas-duration-= based-entity-duration-section-separator { padding-right: 0px; } .smart-canvas-timer-duration-editor-cursor { background: var(--gm3-sys-colo= r-primary,#0b57d0); display: inline-block; height: 30px; margin-right: -2px= ; vertical-align: text-bottom; width: 2px; } .smart-canvas-table-dimension-picker-bubble { background-color: var(--gm3-s= ys-color-surface,#fff); border-radius: 8px; box-shadow: 0 1px 3px 1px rgba(= var(--gm3-sys-color-shadow-rgb,0,0,0),.15); cursor: default; height: 236px;= padding: 0px; position: absolute; outline: none; width: 211px; z-index: 50= 2; } .smart-canvas-table-dimension-picker-bubble .goog-dimension-picker { outlin= e: none; padding: 21px 16px 9px; } .smart-canvas-table-dimension-picker-bubble .goog-dimension-picker-status {= color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem= ; letter-spacing: 0.00625rem; padding: 9px 16px; } .meetingNotesAiBlockBubbleContainer { border-radius: 0px 0px 28px 28px; box= -shadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 2px 6px= 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); width: auto; } .meetingNotesAiBlockBubbleBody { display: flex; flex-direction: row; } .meetingNotesAiBlockBubbleDisclaimerText { margin-left: 8px; } .meetingNotesAiBlockBubbleDisclaimer { align-items: center; color: var(--gm= 3-sys-color-outline,#747775); display: flex; font: 500 12px / 16px "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 4px; -web= kit-font-smoothing: antialiased; width: 100%; } .meetingNotesAiBlockBubbleDisclaimer .docs-icon { flex-shrink: 0; height: 2= 4px; margin: 0px 6px 0px 0px; width: 24px; } .meetingNotesAiBlockBubbleFeedbackContainer { flex-shrink: 0; } .meetingNotesAiBlockBubbleFeedbackContainer .meetingNotesAiBlockBubbleThumb= sDown, .meetingNotesAiBlockBubbleFeedbackContainer .meetingNotesAiBlockBubb= leThumbsUp { display: inline-block; } .meetingNotesAiBlockBubbleFeedbackContainer .docs-gm3-button { margin: 0px;= } .kix-repeat-meetings-promo-anchor-element { position: absolute; } .kix-repeat-meetings-promo a { color: var(--gm3-sys-color-on-primary,#fff);= text-decoration: underline; } .smart-canvas-variable-bubble { display: flex; max-width: 324px; min-height= : 30px; } .docs-bubble-material-body.smart-canvas-variable-bubble-body { align-items:= center; display: flex; font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; justify-content: space-between; overflow: hidde= n; padding: 2px 8px; } .smart-canvas-variable-bubble-button { background: none; border-radius: 999= 9px; outline: none; height: 18px; padding: 4px; width: 18px; border: 1px so= lid transparent !important; } .smart-canvas-variable-bubble-button:hover { background-image: none; backgr= ound-position: initial; background-size: initial; background-repeat: initia= l; background-attachment: initial; background-origin: initial; background-c= lip: initial; border-radius: 9999px; background-color: rgba(var(--gm3-sys-c= olor-on-surface-variant-rgb,68,71,70),.08); height: 18px; padding: 4px; wid= th: 18px; border: 1px solid transparent !important; } .smart-canvas-variable-bubble-button:focus { background-image: none; backgr= ound-position: initial; background-size: initial; background-repeat: initia= l; background-attachment: initial; background-origin: initial; background-c= lip: initial; border-radius: 9999px; background-color: rgba(var(--gm3-sys-c= olor-on-surface-variant-rgb,68,71,70),.1); height: 18px; padding: 4px; widt= h: 18px; border: 1px solid transparent !important; } .smart-canvas-variable-bubble-variable-name { align-items: center; color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); font-weight: 400; font-size: 0.875r= em; letter-spacing: 0.00625rem; white-space: nowrap; overflow: hidden; text= -overflow: ellipsis; } .smart-canvas-variable-bubble-variable-navigation-container { align-items: = center; display: flex; font-weight: 400; font-size: 0.875rem; letter-spacin= g: 0.00625rem; padding-left: 8px; } .smart-canvas-variable-bubble-variable-navigation-container-label { color: = var(--gm3-sys-color-on-surface-variant,#444746); font-weight: 400; } .smart-canvas-variable-bubble-button .docs-icon-img .docs-icon-arrow-down, = .smart-canvas-variable-bubble-button .docs-icon-img .docs-icon-arrow-up, .s= mart-canvas-variable-bubble-button .docs-icon-img .docs-icon-mode-edit, .sm= art-canvas-variable-bubble-button .docs-icon-img .docs-icon-open-in-externa= l { height: 18px; width: 18px; } .smart-canvas-variable-bubble-button .docs-icon { margin: 0px; } @media screen and (forced-colors: active) { .smart-canvas-variable-bubble { border: 1px solid transparent; } .smart-canvas-variable-bubble-button { border: 1px solid highlight; } .smart-canvas-variable-bubble-button:focus, .smart-canvas-variable-bubble= -button:hover { background-color: highlight; } } .kix-variables-sidebar-edit-variable-metadata-dialog .docs-material-gm-dial= og-title .docs-material-gm-dialog-title-text { padding-right: 24px; } .kix-variables-sidebar-edit-variable-metadata-dialog .docs-material-gm-dial= og-content { padding-bottom: 0px; } .kix-variables-sidebar-edit-variable-metadata-dialog .docs-material-labeled= -text-field-supporting-text { color: var(--gm3-sys-color-error,#b3261e); } .kix-variables-sidebar-edit-variable-metadata-dialog .kix-variables-sidebar= -edit-variable-metadata-name-input-field-error .docs-material-labeled-text-= field-input { box-shadow: 0 0 0 2px var(--gm3-sys-color-error,#b3261e); } .kix-variables-sidebar-edit-variable-metadata-dialog .kix-variables-sidebar= -edit-variable-metadata-name-input-field-error .docs-material-labeled-text-= field-content .docs-material-labeled-text-field-label { color: var(--gm3-sy= s-color-error,#b3261e); } .kix-variables-customized-copies-promo { display: flex; flex-direction: col= umn; width: 512px; } .kix-variables-customized-copies-promo .docs-material-gm-dialog-content, .k= ix-variables-customized-copies-promo .docs-material-gm-dialog-title { paddi= ng: 0px; } .kix-variables-customized-copies-promo-body { padding: 0px 24px; } .kix-variables-customized-copies-promo .docs-material-gm-dialog-buttons { f= lex-direction: row-reverse; padding: 24px 24px 24px 22px; } .kix-variables-customized-copies-promo-image { border-radius: 8px 8px 0px 0= px; width: 512px; } .kix-variables-customized-copies-promo-title { font-family: "Google Sans", = Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1.5rem; font-= weight: 400; padding: 25px 0px 16px; } .kix-variables-customized-copies-promo-body-message { color: var(--gm3-sys-= color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Robo= toDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 40= 0; line-height: 1.25rem; padding-bottom: 16px; } .kix-variables-customized-copies-promo-dialog-preference-checkbox { padding= -left: 16px; } .kix-variables-customized-copies-promo-primary-button { border: 1px solid t= ransparent; border-radius: 9999px; box-sizing: border-box; cursor: pointer;= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-size: 0.875rem; font-weight: 500; height: 40px; line-height: 1.25= rem; white-space: nowrap; background: var(--gm3-sys-color-primary,#0b57d0);= color: var(--gm3-sys-color-on-primary,#fff); min-width: 80px; padding: 9px= 24px; } .kix-variables-customized-copies-promo-primary-button:focus { color: var(--= gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--gm3-= sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-prima= ry-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); min-width: 8= 0px; padding: 9px 24px; } .kix-variables-customized-copies-promo-primary-button:hover { color: var(--= gm3-sys-color-on-primary,#fff); box-shadow: 0 1px 2px rgba(var(--gm3-sys-co= lor-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb= ,0,0,0),.15); background: linear-gradient(rgba(var(--gm3-sys-color-on-prima= ry-rgb,255,255,255),.08),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,25= 5),.08)),var(--gm3-sys-color-primary,#0b57d0); min-width: 80px; padding: 9p= x 24px; } .kix-variables-customized-copies-promo-primary-button:active { color: var(-= -gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--gm3= -sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-prim= ary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); min-width: = 80px; padding: 9px 24px; } .kix-dropdown-item-selection-bubble { background-color: var(--gm3-sys-color= -surface,#fff); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5);= border-radius: 4px; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-sha= dow-rgb,0,0,0),.15); outline: none; padding: 8px 0px; width: 200px; } .kix-dropdown-item-selection-bubble-selected-item-missing-message { font-fa= mily: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem= ; margin: 0px 0px 8px 8px; overflow: hidden; text-overflow: ellipsis; } .kix-dropdown-item-selection-container { max-height: 200px; outline: none; = overflow-y: hidden; } .kix-dropdown-item-selection-button { align-items: center; cursor: pointer;= display: flex; padding: 4px 8px; } .kix-dropdown-item-selection-button.goog-flat-button-hover { background-col= or: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-= sys-color-surface-container,#f0f4f9)); } .kix-dropdown-item-selection-button-icon-container { height: 24px; width: 2= 4px; } .kix-dropdown-item-selection-button-display-value-container { border-radius= : 8px; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; marg= in-left: 8px; max-width: 140px; overflow: hidden; padding: 2px 6px; text-ov= erflow: ellipsis; } .kix-configure-dropdown-button { align-items: center; cursor: pointer; disp= lay: flex; padding: 4px 8px; } .kix-configure-dropdown-button.goog-flat-button-hover { background-color: c= olor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-c= olor-surface-container,#f0f4f9)); } .kix-configure-dropdown-button.goog-flat-button-disabled { color: color-mix= (in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-su= rface,#fff)); cursor: default; opacity: 0.38; } .kix-configure-dropdown-button-message { font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; margin-left: 11px; overflow: h= idden; text-overflow: ellipsis; } .kix-dropdown-item-selection-bubble .goog-menuseparator { margin: 6px 0px; = } .third-party-icon-container { display: flex; } .docs-bubble.standalone-addon-card-bubble { background-color: var(--gm3-sys= -color-surface,#fff); border-color: var(--gm3-sys-color-outline-variant,#c4= c7c5); border-radius: 12px; max-height: 440px; overflow: hidden; padding: 4= px; position: absolute; width: 370px; } .docs-bubble.standalone-addon-card-bubble.addon-suggestion-card-bubble { wi= dth: 310px; } .docs-bubble.standalone-addon-card-bubble:focus { outline: none; } .docs-bubble.kix-table-template-actions-menu-bubble { border-width: medium;= border-style: none; border-color: currentcolor; border-image: none; paddin= g: 0px; } .docs-bubble.kix-table-template-actions-menu-bubble .goog-menu { align-item= s: flex-start; box-shadow: 0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rg= b,0,0,0),.15); border-radius: 8px; color: var(--gm3-sys-color-on-surface,#1= f1f1f); display: flex; flex-direction: column; width: max-content; } .kix-table-template-actions-menu-header-title { align-items: center; color:= var(--gm3-sys-color-on-surface-variant,#444746); display: flex; font-famil= y: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; fon= t-size: 0.6875rem; height: 16px; letter-spacing: 0.8px; line-height: 1rem; = padding: 12px 16px 10px; text-transform: uppercase; } .docs-bubble.kix-table-template-actions-menu-bubble .goog-menuitem { box-si= zing: border-box; padding-left: 16px; width: 100%; } .kix-smart-controls-button-sidebar { background-color: var(--gm3-sys-color-= surface,#fff); border-radius: 16px; box-shadow: none; overflow: hidden; wid= th: 300px; margin: 6px 16px 16px; } .has-right-rail .kix-smart-controls-button-sidebar { margin-left: 0px; marg= in-right: 0px; } .kix-smart-controls-button-sidebar .peoplekitComponentsTagIcon { height: 14= px; width: 14px; } .kix-smart-controls-button-sidebar .peoplekitComponentsAutocompleteInline .= exportGuestPassTag, .kix-smart-controls-button-sidebar .peoplekitComponents= AutocompletePopupContainer .exportGuestPassTag { background-color: var(--ws= -sys-color-extended-cyan-outline,#acedff); color: var(--ws-sys-color-extend= ed-cyan-fill,#00687c); } .kix-smart-controls-button-sidebar .peoplekitComponentsAutocompleteInline .= exportExternalTag, .kix-smart-controls-button-sidebar .peoplekitComponentsA= utocompletePopupContainer .exportExternalTag { background-color: var(--ws-s= ys-color-extended-yellow-outline,#ffe07c); color: var(--ws-sys-color-extend= ed-on-yellow-fill,#6d3a01); } .kix-smart-controls-button-sidebar .peoplekitComponentsAutocompleteInline .= peoplekitComponentsTagText, .kix-smart-controls-button-sidebar .peoplekitCo= mponentsAutocompletePopupContainer .peoplekitComponentsTagText { font-famil= y: "Google Sans"; font-weight: 500; } .kix-smart-controls-button-sidebar { background-color: var(--gm3-sys-color-= surface-container,#f0f4f9); display: flex; flex-direction: column; height: = 100%; outline: none; position: absolute; right: 0px; top: 0px; width: 320px= ; } .kix-smart-controls-button-sidebar-edit-view-content { padding: 16px; } .kix-smart-controls-button-sidebar-titlebar { align-items: center; display:= flex; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; font-size: 1rem; height: 56px; padding: 0px 16px; z-index: 2; ba= ckground-color: var(--gm3-sys-color-surface-container,#f0f4f9); border: 0px= ; color: var(--gm3-sys-color-on-surface,#1f1f1f); font-weight: 500; } .kix-smart-controls-button-sidebar-titlebar .kix-smart-controls-button-side= bar-titlebar-close-button { padding: 4px 0px 2px; } .kix-smart-controls-button-sidebar-titlebar-icon { color: var(--gm3-sys-col= or-on-surface-variant,#444746); display: flex; margin-left: 4px; margin-rig= ht: 8px; } .kix-smart-controls-button-sidebar-titlebar-title { font-size: inherit; fon= t-weight: inherit; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-picke= r-container .goog-inline-block.goog-toolbar-button.goog-toolbar-button-hove= r .goog-toolbar-button-inner-box, .kix-smart-controls-button-sidebar-titleb= ar .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-hover { backgroun= d-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(-= -gm3-sys-color-surface-variant,#e1e3e1)); } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-picke= r-container .goog-inline-block.goog-toolbar-button.goog-toolbar-button-acti= ve .goog-toolbar-button-inner-box, .kix-smart-controls-button-sidebar-edit-= view-formatting-controls-font-picker-container .goog-inline-block.goog-tool= bar-button.goog-toolbar-button-focused .goog-toolbar-button-inner-box, .kix= -smart-controls-button-sidebar-titlebar .docs-sidebar-gm-titlebar-icon-butt= on.goog-flat-button-active, .kix-smart-controls-button-sidebar-titlebar .do= cs-sidebar-gm-titlebar-icon-button.goog-flat-button-focused { background-co= lor: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm= 3-sys-color-surface-variant,#e1e3e1)); } .kix-smart-controls-button-sidebar-titlebar .docs-sidebar-gm-titlebar-icon-= button .docs-icon { height: 24px; margin: 0px; width: 24px; } .kix-smart-controls-button-sidebar-body-container { display: flex; flex-dir= ection: column; flex-grow: 1; overflow-y: auto; } .kix-smart-controls-button-sidebar-empty-view-container { display: flex; fl= ex-direction: column; height: 100%; } .kix-smart-controls-button-sidebar-empty-view { background-color: var(--gm3= -sys-color-surface-container,#f0f4f9); display: flex; flex-direction: colum= n; height: 100%; justify-content: center; padding: 24px; text-align: center= ; } .kix-smart-controls-button-sidebar-empty-view-text, .kix-smart-controls-but= ton-sidebar-execute-apps-script-action-edit-view-apps-script-access-error-m= essage { color: var(--gm3-sys-color-on-surface-variant,#444746); font-famil= y: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-s= ize: 0.875rem; line-height: 1.25rem; } .kix-smart-controls-button-sidebar-empty-view-title { color: var(--gm3-sys-= color-on-surface,#1f1f1f); padding-bottom: 8px; font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; font-w= eight: 500; line-height: 1.5rem; } .kix-smart-controls-button-sidebar-edit-view { background-color: var(--gm3-= sys-color-surface-container,#f0f4f9); } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-label, .ki= x-smart-controls-button-sidebar-edit-view-input-label, .kix-smart-controls-= button-sidebar-execute-apps-script-action-edit-view-input-label, .kix-smart= -controls-button-sidebar-insert-table-row-action-edit-view-input-label, .ki= x-smart-controls-button-sidebar-open-chat-group-action-edit-view-input-labe= l, .kix-smart-controls-button-sidebar-open-url-action-edit-view-input-label= { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem;= font-weight: 500; padding-bottom: 4px; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= combo-box-container .goog-combo-button-open .goog-combo-button-input { back= ground-color: var(--gm3-sys-color-surface,#fff); } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-contai= ner .goog-control, .kix-smart-controls-button-sidebar-execute-apps-script-a= ction-edit-view-function-name-text-input-container .goog-control, .kix-smar= t-controls-button-sidebar-open-url-action-edit-view-url-text-input-containe= r .goog-control { border-top-style: ; border-top-width: ; border-right-styl= e: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; bo= rder-left-style: ; border-left-width: ; border-image-source: ; border-image= -slice: ; border-image-width: ; border-image-outset: ; border-image-repeat:= ; border-radius: 4px; box-sizing: border-box; padding: 4px 8px; margin: 4p= x 0px 2px; background-color: inherit; border-color: var(--gm3-sys-color-out= line,#747775); color: var(--gm3-sys-color-on-surface-variant,#444746); font= -family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-size: 1rem; height: 40px; width: 100%; } .kix-smart-controls-button-sidebar-edit-view-editing-disabled .kix-smart-co= ntrols-button-sidebar-edit-view-button-label-text-input-container .goog-con= trol, .kix-smart-controls-button-sidebar-edit-view-editing-disabled .kix-sm= art-controls-button-sidebar-open-url-action-edit-view-url-text-input-contai= ner .goog-control, .kix-smart-controls-button-sidebar-execute-apps-script-a= ction-edit-view-editing-disabled .kix-smart-controls-button-sidebar-execute= -apps-script-action-edit-view-function-name-text-input-container .goog-cont= rol { background-color: inherit; color: var(--gm3-sys-color-on-surface-vari= ant,#444746); } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-contai= ner .goog-control.goog-control-focused, .kix-smart-controls-button-sidebar-= edit-view-formatting-controls-font-size-combo-box-container .goog-combo-but= ton.goog-combo-button-focused .goog-combo-button-input, .kix-smart-controls= -button-sidebar-edit-view-formatting-controls-font-size-combo-box-container= .jfk-textinput:focus, .kix-smart-controls-button-sidebar-execute-apps-scri= pt-action-edit-view-function-name-text-input-container .goog-control.goog-c= ontrol-focused, .kix-smart-controls-button-sidebar-open-chat-group-action-e= dit-view-email-input-container:focus-within, .kix-smart-controls-button-sid= ebar-open-url-action-edit-view-url-text-input-container .goog-control.goog-= control-focused { background-color: var(--gm3-sys-color-surface-container-l= ow,#f8fafd); outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); outli= ne-offset: -1px; } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-contai= ner-error.goog-control, .kix-smart-controls-button-sidebar-execute-apps-scr= ipt-action-edit-view-function-name-text-input-container-error .goog-control= , .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email= -input-container-error, .kix-smart-controls-button-sidebar-open-url-action-= edit-view-url-text-input-container-error .goog-control { outline: 1px solid= var(--gm3-sys-color-error,#b3261e); outline-offset: -1px; } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-contai= ner-error.goog-control:focus, .kix-smart-controls-button-sidebar-execute-ap= ps-script-action-edit-view-function-name-text-input-container-error .goog-c= ontrol:focus, .kix-smart-controls-button-sidebar-open-chat-group-action-edi= t-view-email-input-container-error:focus-within, .kix-smart-controls-button= -sidebar-open-url-action-edit-view-url-text-input-container-error .goog-con= trol:focus { outline: 2px solid var(--gm3-sys-color-error,#b3261e); outline= -offset: -1px; } .kix-smart-controls-button-sidebar-open-chat-group-email-input-chips-bar-co= ntainer, .kix-smart-controls-button-sidebar-open-chat-group-email-input-sea= rch-bar-container { align-items: center; display: flex; flex-direction: row= ; min-height: 32px; } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-error-= message { min-height: 16px; } .kix-smart-controls-button-sidebar-edit-view-editing-disabled .kix-smart-co= ntrols-button-sidebar-edit-view-button-label-text-input-error-message { dis= play: none; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-content { = display: flex; margin-top: 4px; } .docs-gm .goog-menu .goog-menuitem.kix-smart-controls-button-icon-menu-butt= on-menu-item { padding-left: 15px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-i= con-menu-button { margin-right: 16px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button.docs-flatcolormenubutton.goog-flat-menu-button, .docs-gm .= kix-smart-controls-button-sidebar-edit-view-formatting-controls-icon-menu-b= utton.goog-flat-menu-button { background: inherit; border-color: var(--gm3-= sys-color-outline,#747775); height: 40px; margin-left: 0px; padding-left: 1= 1px; width: 48px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button-audio-button.docs-flatcolormenubutton.goog-flat-menu-butto= n { background: inherit; border-color: var(--gm3-sys-color-outline,#747775)= ; height: 40px; margin-left: 0px; padding-left: 11px; padding-right: 8px; w= idth: 68px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button.docs-flatcolormenubutton.goog-flat-menu-button.goog-flat-m= enu-button-focused, .docs-gm .kix-smart-controls-button-sidebar-edit-view-f= ormatting-controls-icon-menu-button.goog-flat-menu-button.goog-flat-menu-bu= tton-focused { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c= 5); background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface-vari= ant,#444746) 10%,transparent); } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button.docs-flatcolormenubutton.goog-flat-menu-button.goog-flat-m= enu-button-hover, .docs-gm .kix-smart-controls-button-sidebar-edit-view-for= matting-controls-icon-menu-button.goog-flat-menu-button.goog-flat-menu-butt= on-hover { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); = background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,= #444746) 8%,transparent); } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button.docs-flatcolormenubutton.goog-flat-menu-button:active, .do= cs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-icon= -menu-button.goog-flat-menu-button.goog-flat-menu-button:active { border: 1= px solid transparent; box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-sh= adow-rgb,0,0,0),.15); background-color: color-mix(in srgb,var(--gm3-sys-col= or-on-surface-variant,#444746) 10%,transparent); } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-i= con-menu-button.goog-flat-menu-button.goog-flat-menu-button .goog-flat-menu= -button-caption .docs-icon, .kix-smart-controls-button-sidebar-edit-view-fo= rmatting-controls-color-menu-button.docs-flatcolormenubutton.goog-flat-menu= -button .goog-flat-menu-button-caption, .kix-smart-controls-button-sidebar-= edit-view-formatting-controls-icon-menu-button.goog-flat-menu-button.goog-f= lat-menu-button .goog-flat-menu-button-caption { border-color: transparent;= height: 24px; margin-left: 0px; width: 24px; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button.docs-flatcolormenubutton.goog-flat-menu-button .goog-flat-= menu-button-dropdown, .docs-gm .kix-smart-controls-button-sidebar-edit-view= -formatting-controls-icon-menu-button.goog-flat-menu-button.goog-flat-menu-= button .goog-flat-menu-button-dropdown { display: none; } .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls-c= olor-menu-button-audio-button.docs-flatcolormenubutton.goog-flat-menu-butto= n .goog-flat-menu-button-dropdown, .kix-smart-controls-button-sidebar-edit-= view-formatting-controls-font-picker-container { display: flex; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= combo-box-container .jfk-textinput { border-radius: 4px; font-size: 0.875re= m; height: 36px; text-align: center; width: 25px; background-color: inherit= ; border-color: var(--gm3-sys-color-outline,#747775); color: currentcolor; = } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= combo-box-container .goog-combo-button { outline: none; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= combo-box-container .goog-combo-button.goog-combo-button-focused .goog-comb= o-button-input, .kix-smart-controls-button-sidebar-edit-view-formatting-con= trols-font-size-combo-box-container .jfk-textinput:focus { box-shadow: none= ; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= dec-icon, .kix-smart-controls-button-sidebar-edit-view-formatting-controls-= font-size-inc-icon { fill: currentcolor; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= dec-button-container.goog-inline-block.goog-toolbar-button, .kix-smart-cont= rols-button-sidebar-edit-view-formatting-controls-font-size-inc-button-cont= ainer.goog-inline-block.goog-toolbar-button { background: transparent; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= dec-button-container.goog-inline-block.goog-toolbar-button { padding-left: = 7px; padding-right: 5px; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= inc-button-container.goog-inline-block.goog-toolbar-button { padding-left: = 1px; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= dec-button-container.goog-inline-block.goog-toolbar-button .goog-toolbar-bu= tton-inner-box, .kix-smart-controls-button-sidebar-edit-view-formatting-con= trols-font-size-inc-button-container.goog-inline-block.goog-toolbar-button = .goog-toolbar-button-inner-box { border-radius: 2px; } .kix-smart-controls-button-sidebar-edit-view-formatting-controls-font-size-= combo-box-container .goog-combo-button-input, .kix-smart-controls-button-si= debar-edit-view-formatting-controls-font-size-dropdown-menu { font-family: = "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .kix-smart-controls-button-sidebar-edit-view-prefix-action-edit-view-contai= ner { position: relative; } .kix-smart-controls-button-sidebar-edit-view-suffix-action-edit-view-contai= ner { margin-top: 16px; position: relative; } .kix-smart-controls-button-sidebar-audio-overview-edit-view, .kix-smart-con= trols-button-sidebar-audio-summary-action-edit-view, .kix-smart-controls-bu= tton-sidebar-execute-apps-script-action-edit-view, .kix-smart-controls-butt= on-sidebar-insert-table-row-action-edit-view, .kix-smart-controls-button-si= debar-open-chat-group-action-edit-view, .kix-smart-controls-button-sidebar-= open-url-action-edit-view, .kix-smart-controls-button-sidebar-text-to-speec= h-action-edit-view { background-color: var(--gm3-sys-color-surface-containe= r,#f0f4f9); } .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email-i= nput-container { align-items: center; background-color: var(--gm3-sys-color= -surface-container-low,#f8fafd); border: 1px solid var(--gm3-sys-color-outl= ine,#747775); border-radius: 4px; display: flex; margin-bottom: 4px; margin= -top: 4px; min-height: 32px; overflow: auto; padding: 2px 4px; } .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email-i= nput-container .peoplekitComponentsSearchbarImplSearchBarContainer { --pkw-= background: var(--gm3-sys-color-surface-container-low,#f8fafd); } .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email-i= nput-container .peoplekitComponentsSearchbarImplSearchBarContainer .peoplek= itComponentsSearchbarImplSearchInput { color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Ari= al, sans-serif; font-size: 0.875rem; width: 240px; } .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email-i= nput-container .peoplekitComponentsSearchbarImplSearchInputContainer { heig= ht: 30px !important; } .kix-smart-controls-button-sidebar-open-chat-group-action-edit-view-email-i= nput-container .peoplekitComponentsChipChip { margin: 2px; } .kix-smart-controls-button-sidebar-edit-view-button-label-text-input-error-= message, .kix-smart-controls-button-sidebar-execute-apps-script-action-edit= -view-function-name-text-input-error-message, .kix-smart-controls-button-si= debar-open-chat-group-action-edit-view-email-input-error-message, .kix-smar= t-controls-button-sidebar-open-url-action-edit-view-url-text-input-invalid-= message-container { color: var(--gm3-sys-color-error,#b3261e); font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-siz= e: 0.75rem; font-weight: 400; margin: 2px 8px; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-fun= ction-name-text-input-error-message { min-height: 16px; } .kix-smart-controls-button-sidebar-footer-container { bottom: 0px; right: 0= px; width: 100%; z-index: 2; } .kix-smart-controls-button-sidebar-footer { background-color: var(--gm3-sys= -color-surface-container,#f0f4f9); border-top: 1px solid var(--gm3-sys-colo= r-outline-variant,#c4c7c5); display: flex; justify-content: center; padding= : 16px 24px; } .kix-smart-controls-button-sidebar-footer-insert-button-label { padding-lef= t: 6px; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-ope= n-macros-editor-button, .kix-smart-controls-button-sidebar-footer-insert-bu= tton { border: 1px solid transparent; border-radius: 9999px; box-sizing: bo= rder-box; cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; heigh= t: 40px; line-height: 1.25rem; white-space: nowrap; color: var(--gm3-sys-co= lor-primary,#0b57d0); align-items: center; display: inline-flex; padding: 0= px 12px; } .kix-smart-controls-button-sidebar-empty-view-insert-button-container { dis= play: flex; justify-content: center; } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview,= .kix-smart-controls-button-sidebar-empty-view-insert-button-text-to-speech= { border: 1px solid transparent; border-radius: 9999px; box-sizing: border= -box; cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; height: 4= 0px; line-height: 1.25rem; white-space: nowrap; background: var(--gm3-sys-c= olor-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); align-i= tems: center; display: inline-flex; padding: 0px 12px; margin-bottom: 16px;= margin-top: 32px; width: 250px; } .kix-smart-controls-button-sidebar-empty-view-insert-button-label { padding= : 0px 12px; color: var(--gm3-sys-color-on-primary,#fff); width: 100%; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-ope= n-macros-editor-button { margin-bottom: 20px; margin-left: 1px; outline: 1p= x solid var(--gm3-sys-color-outline,#747775); } .kix-smart-controls-button-sidebar-footer-insert-button { outline: none; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-app= s-script-access-error-message:not(:empty) { margin-bottom: 20px; text-align= : center; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-ope= n-macros-editor-button:hover, .kix-smart-controls-button-sidebar-footer-ins= ert-button:hover { color: var(--gm3-sys-color-primary,#0b57d0); background-= color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08); padding: 0px 1= 2px; } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview:= hover, .kix-smart-controls-button-sidebar-empty-view-insert-button-text-to-= speech:hover { color: var(--gm3-sys-color-on-primary,#fff); box-shadow: 0 1= px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1px rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.15); background: linear-gradient(rgba(= var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys-col= or-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d0); = padding: 0px 12px; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-ope= n-macros-editor-button:focus, .kix-smart-controls-button-sidebar-footer-ins= ert-button:focus { color: var(--gm3-sys-color-primary,#0b57d0); background-= color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); padding: 0px 12= px; } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview:= focus, .kix-smart-controls-button-sidebar-empty-view-insert-button-text-to-= speech:focus { color: var(--gm3-sys-color-on-primary,#fff); background: lin= ear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(= var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-pr= imary,#0b57d0); padding: 0px 12px; } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview.= goog-flat-button-disabled, .kix-smart-controls-button-sidebar-empty-view-in= sert-button-text-to-speech.goog-flat-button-disabled { background-color: co= lor-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-c= olor-surface,#fff)); } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview.= goog-flat-button-disabled .kix-smart-controls-button-sidebar-empty-view-ins= ert-button-label, .kix-smart-controls-button-sidebar-empty-view-insert-butt= on-text-to-speech.goog-flat-button-disabled .kix-smart-controls-button-side= bar-empty-view-insert-button-label { color: color-mix(in srgb,var(--gm3-sys= -color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); } .kix-smart-controls-button-sidebar-empty-view-insert-button-audio-overview:= focus, .kix-smart-controls-button-sidebar-empty-view-insert-button-text-to-= speech:focus, .kix-smart-controls-button-sidebar-footer-insert-button:focus= { outline: transparent solid 1px; } .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-ope= n-macros-editor-button.goog-flat-button-disabled, .kix-smart-controls-butto= n-sidebar-footer-insert-button.goog-flat-button-disabled { padding: 9px 12p= x; cursor: default; background-color: unset; color: var(--gm3-sys-color-on-= surface,#1f1f1f); opacity: 0.38; } @media screen and (forced-colors: active) { .kix-smart-controls-button-sidebar-execute-apps-script-action-edit-view-o= pen-macros-editor-button.goog-flat-button-disabled { background-color: canv= as; color: graytext; } } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view-loading-= animation { align-items: center; display: flex; height: 100%; justify-conte= nt: center; margin: auto; position: relative; padding-bottom: 30px; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view-loading-= graphic-container { max-height: 232px; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view-loading-= graphic, .kix-smart-controls-button-sidebar-audio-overview-action-edit-view= -loading-graphic-animated { height: 232px; max-width: 232px; pointer-events= : none; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view-loading-= text { text-align: center; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view, .kix-sm= art-controls-button-sidebar-audio-summary-action-edit-view, .kix-smart-cont= rols-button-sidebar-text-to-speech-action-edit-view { font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view .kix-sma= rt-controls-button-sidebar-audio-overview-action-edit-view-loading-text, .k= ix-smart-controls-button-sidebar-audio-summary-action-edit-view .kix-smart-= controls-button-sidebar-audio-overview-action-edit-view-loading-text, .kix-= smart-controls-button-sidebar-text-to-speech-action-edit-view .kix-smart-co= ntrols-button-sidebar-audio-overview-action-edit-view-loading-text { text-a= lign: center; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view .kix-sma= rt-controls-button-sidebar-audio-overview-action-edit-view-title, .kix-smar= t-controls-button-sidebar-audio-overview-action-edit-view .kix-smart-contro= ls-button-sidebar-audio-summary-action-edit-view-title, .kix-smart-controls= -button-sidebar-audio-overview-action-edit-view .kix-smart-controls-button-= sidebar-text-to-speech-action-edit-view-title, .kix-smart-controls-button-s= idebar-audio-summary-action-edit-view .kix-smart-controls-button-sidebar-au= dio-overview-action-edit-view-title, .kix-smart-controls-button-sidebar-aud= io-summary-action-edit-view .kix-smart-controls-button-sidebar-audio-summar= y-action-edit-view-title, .kix-smart-controls-button-sidebar-audio-summary-= action-edit-view .kix-smart-controls-button-sidebar-text-to-speech-action-e= dit-view-title, .kix-smart-controls-button-sidebar-text-to-speech-action-ed= it-view .kix-smart-controls-button-sidebar-audio-overview-action-edit-view-= title, .kix-smart-controls-button-sidebar-text-to-speech-action-edit-view .= kix-smart-controls-button-sidebar-audio-summary-action-edit-view-title, .ki= x-smart-controls-button-sidebar-text-to-speech-action-edit-view .kix-smart-= controls-button-sidebar-text-to-speech-action-edit-view-title { color: var(= --gm3-sys-color-on-surface,#1f1f1f); font-weight: 500; margin-bottom: 10px;= font-size: 0.875rem; } .kix-smart-controls-button-sidebar-audio-overview-action-edit-view .kix-sma= rt-controls-button-sidebar-audio-overview-action-edit-view-details, .kix-sm= art-controls-button-sidebar-audio-overview-action-edit-view .kix-smart-cont= rols-button-sidebar-audio-summary-action-edit-view-details, .kix-smart-cont= rols-button-sidebar-audio-overview-action-edit-view .kix-smart-controls-but= ton-sidebar-text-to-speech-action-edit-view-details, .kix-smart-controls-bu= tton-sidebar-audio-summary-action-edit-view .kix-smart-controls-button-side= bar-audio-overview-action-edit-view-details, .kix-smart-controls-button-sid= ebar-audio-summary-action-edit-view .kix-smart-controls-button-sidebar-audi= o-summary-action-edit-view-details, .kix-smart-controls-button-sidebar-audi= o-summary-action-edit-view .kix-smart-controls-button-sidebar-text-to-speec= h-action-edit-view-details, .kix-smart-controls-button-sidebar-text-to-spee= ch-action-edit-view .kix-smart-controls-button-sidebar-audio-overview-actio= n-edit-view-details, .kix-smart-controls-button-sidebar-text-to-speech-acti= on-edit-view .kix-smart-controls-button-sidebar-audio-summary-action-edit-v= iew-details, .kix-smart-controls-button-sidebar-text-to-speech-action-edit-= view .kix-smart-controls-button-sidebar-text-to-speech-action-edit-view-det= ails { color: var(--gm3-sys-color-on-surface-variant,#444746); font-weight:= 400; line-height: 1.25rem; font-size: 1rem; margin-bottom: 16px; } .smartControlsButtonDetailsBubbleContainer { align-items: center; border-ra= dius: 8px; font-size: 0.75rem; font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; max-width: 280px; } .smartControlsButtonDetailsBubbleContainer .docs-bubble-material-body { dis= play: flex; min-height: 20px; padding: 12px 16px; } .smartControlsButtonDetailsBubbleContainer.docs-bubble-material .smartContr= olsButtonDetailsBubbleOpenSidebarButton .docs-material-button { border-radi= us: 32px; height: 32px; margin: 0px 0px 0px 12px; padding: 0px; width: 32px= ; } .smartControlsButtonDetailsBubbleContainer.docs-bubble-material .smartContr= olsButtonDetailsBubbleOpenSidebarButton .docs-material-button.docs-material= -button-hover { background: color-mix(in srgb,var(--gm3-sys-color-on-surfac= e,#1f1f1f) 8%,transparent); } .smartControlsButtonDetailsBubbleContainer.docs-bubble-material .smartContr= olsButtonDetailsBubbleOpenSidebarButton .docs-material-button.docs-material= -button-focused { background: color-mix(in srgb,var(--gm3-sys-color-on-surf= ace,#1f1f1f) 12%,transparent); border: 0px; } .smartControlsButtonDetailsBubbleContainer.docs-bubble-material .smartContr= olsButtonDetailsBubbleOpenSidebarButton .docs-material-button.docs-material= -button-active { background: color-mix(in srgb,var(--gm3-sys-color-primary,= #0b57d0) 12%,transparent); } .smartControlsButtonDetailsBubbleContainer .docs-bubble-material-body-actio= n-bar { border-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= font-size: 13px; height: auto; min-width: 280px; padding: 12px 16px; } .smartControlsButtonDetailsBubbleContainer .detailsBubbleExecuteAppsScriptB= uttonActionViewFunctionName { overflow-wrap: anywhere; } .smartControlsButtonDetailsBubbleDetailsBody { align-items: center; display= : flex; flex-direction: row; justify-content: space-between; } .smartControlsButtonDetailsBubbleButtonActionDataContent { min-width: 200px= ; } .smartControlsButtonDetailsBubbleTitleContent { position: relative; } .smartControlsButtonDetailsBubbleTitleContent .detailsBubbleButtonActionVie= wMessageIcon { position: absolute; top: 50%; transform: translateY(-50%); } .smartControlsButtonDetailsBubbleTitleContent .detailsBubbleButtonActionVie= wMessageText { font-size: 0.875rem; font-weight: 500; line-height: 1.25rem;= max-width: 90%; overflow: hidden; padding: 0px 32px; position: absolute; t= ext-overflow: ellipsis; top: 50%; transform: translateY(-50%); white-space:= nowrap; } .inlineFabBubbleContainer { animation: 0.15s ease-in-out 0s 1 normal none r= unning fadeIn; border-radius: 8px; box-shadow: 0 1px 3px rgba(var(--gm3-sys= -color-shadow-rgb,0,0,0),.3),0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-= rgb,0,0,0),.15); cursor: pointer; } .inlineFabBubbleContainer .goog-menu-button-dropdown { display: none; } .inlineFabBubbleContainer .goog-menu-button-caption { padding: 0px; } .inlineFabBubbleContainer .goog-menu-button-inner-box, .inlineFabBubbleCont= ainer .goog-menu-button-outer-box { border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; } .inlineFabBubbleContainer .docs-bubble-material-body { padding: 6px; width:= max-content; } .inlineFabBubbleContainer .goog-menu-button { margin-top: -15px; margin-bot= tom: -15px; } .inlineFabBubbleContainerBodyText { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; margin-left: 4px; margi= n-right: 4px; vertical-align: middle; white-space: nowrap; } .inlineFabBubbleContainerShortcutBadge { --ae-badge-container-color: var(--= ws-sys-color-extended-grey-tonal,#e3e3e3); --ae-badge-text-color: var(--ws-= sys-color-extended-on-grey-tonal,#5e5e5e); display: inline-block; font-fami= ly: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-= size: 0.75rem; font-weight: 500; margin-left: 2px; margin-right: 4px; verti= cal-align: middle; white-space: nowrap; } .inlineFabBubbleContainerAiFabShortcutBadge { margin-left: 0px; } .inlineFabBubbleContainerShortcutBadgeDivider { background-color: var(--gm3= -sys-color-outline-variant,#c4c7c5); display: inline-block; height: 20px; m= argin: 0px 2px; vertical-align: middle; width: 1px; } .inlineFabBubbleContainer.aiFabEnabled { border-radius: 9999px; } .inlineFabBubbleContainer.aiFabEnabled .docs-bubble-material-body { align-i= tems: center; display: flex; padding: 4px; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-button { margin: 0px; max-= height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; padding: = 4px; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-tonal-button { background:= none; color: var(--gm3-sys-color-on-surface-variant,#444746); border-radiu= s: 9999px; box-shadow: none; margin: 0px; max-width: 500px; min-width: 81px= ; min-height: 28px; padding: 10px 8px; } .inlineFabBubbleContainer.aiFabEnabled .button-content-with-icons-flex-box = { font-size: 0.75rem; gap: 6px; margin-left: 0px; margin-top: -6px; } .inlineFabBubbleContainer.aiFabEnabled .button-content-with-icons-flex-box = .docs-icon { height: 20px; min-width: 20px; width: 20px; } .inlineFabBubbleContainer.aiFabEnabled .button-content-with-icons-flex-box = .button-content-with-icons-text-content:empty { display: none; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-tonal-button.inlineFabBubb= leRefineButtonIconOnly { min-width: 28px; padding: 4px; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-tonal-button.inlineFabBubb= leRefineButtonIconOnly .button-content-with-icons-flex-box { gap: 0px; just= ify-content: center; margin: 0px; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-tonal-button.docs-gm3-butt= on-active, .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-tonal-button.do= cs-gm3-button-focused, .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-ton= al-button.docs-gm3-button-hover { background-color: rgba(var(--gm3-sys-colo= r-on-surface-variant-rgb,68,71,70),.08); } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-button-focused { outline: = none; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-button-focused:focus-visib= le { outline: 3px solid var(--gm3-sys-color-secondary,#00639b); outline-off= set: -1px; } .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-button:focus-visible { out= line: 3px solid var(--gm3-sys-color-secondary,#00639b); outline-offset: -1p= x; } @media (forced-colors: active) { .inlineFabBubbleContainer.aiFabEnabled .docs-gm3-button-active, .inlineFa= bBubbleContainer.aiFabEnabled .docs-gm3-button-focused, .inlineFabBubbleCon= tainer.aiFabEnabled .docs-gm3-button-hover, .inlineFabBubbleContainer.aiFab= Enabled .docs-gm3-tonal-button.docs-gm3-button-active, .inlineFabBubbleCont= ainer.aiFabEnabled .docs-gm3-tonal-button.docs-gm3-button-focused, .inlineF= abBubbleContainer.aiFabEnabled .docs-gm3-tonal-button.docs-gm3-button-hover= { outline: highlight solid 3px; outline-offset: -1px; } } .inlineFabBubbleContainer:not(.aiFabEnabled):active, .inlineFabBubbleContai= ner:not(.aiFabEnabled):focus, .inlineFabBubbleContainer:not(.aiFabEnabled):= hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,= #1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); } .inlineFabBubbleContainer.aiFabEnabled:focus { outline: auto; } @keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } .docs-bubble.docs-toc-menu-bubble { border: 1px solid var(--gm3-sys-color-o= utline-variant,#c4c7c5); border-radius: 8px; box-shadow: 0 1px 3px 1px rgba= (var(--gm3-sys-color-shadow-rgb,0,0,0),.15); padding: 4px; display: flex; j= ustify-content: center; } .docs-toc-menu-bubble .docs-material-menu-button-flat-primary-dropdown { di= splay: none; } .docs-gm .toc-options-menu .goog-menuitem { padding-left: 15px; } .toc-options-menu-button { box-sizing: content-box !important; margin-left:= 0px !important; } .toc-options-menu-button .docs-material-menu-button-flat-primary-dropdown {= display: none; } .toc-options-menu-button .docs-material-menu-button-flat-primary-caption { = height: 18px; line-height: 18px; } .kix-toc-bubble .goog-inline-block { vertical-align: bottom; } .docs-companion-app-switcher-container { z-index: 101; } .docs-printpreview-toolbar { border-top: 1px solid var(--gm3-sys-color-outl= ine-variant,#c4c7c5); padding: 0px 44px; z-index: 800; } .docs-printpreview-frame-backing { background-color: var(--gm3-sys-color-su= rface-container,#f0f4f9); position: relative; z-index: 800; } .docs-printpreview-toolbar .goog-toolbar-button { padding: 0px 3px; } .docs-clipboard-clearall { font-weight: 500; } .docs-clipboard-preview { position: absolute; background-color: var(--gm3-s= ys-color-surface,#fff); color: var(--gm3-sys-color-on-surface,#1f1f1f); vis= ibility: hidden; width: 260px; height: 195px; overflow: hidden; font-size: = 80%; border: 1px solid var(--gm3-sys-color-outline,#747775); outline: 0px; = padding: 2px; top: 0px; z-index: 9999; } .docs-clipboard-preview iframe { border: 0px; padding: 0px; margin: 0px; wi= dth: 100%; height: 100%; vertical-align: top; } .appsDocsDocpreviewsWizMoleheadercontentDocumentIcon { min-width: 18px; } .appsDocsDocpreviewsWizMoleheadercontentHeaderText { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; let= ter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); flex-grow: 1; overflow-x: hidden; padding: 0px 10px; text-over= flow: ellipsis; white-space: nowrap; } .appsDocsDocpreviewsWizMoleheadercontentButtonContainer { --gm3-icon-button= -standard-container-width: 32px; --gm3-icon-button-standard-container-heigh= t: 32px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-stan= dard-focus-indicator-outline-offset: -2px; --gm3-icon-button-standard-unsel= ected-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); align-items: center; display: flex; gap: 8px; } .appsDocsDocpreviewsWizMoleheadercontentCloseButton { --gm3-icon-button-sta= ndard-icon-size: 20px; } .docsPreviewsMoleEl { background-color: var(--gm3-sys-color-surface,#fff); = border-radius: 8px 8px 0px 0px; box-shadow: 0 2px 6px 2px rgba(var(--gm3-sy= s-color-shadow-rgb,0,0,0),.15); flex-direction: column; display: flex; posi= tion: fixed; z-index: 899; } .docsPreviewsMoleEl.docs-hc-gecko { border: 1px solid transparent; } .docsPreviewsMoleIframeContainer { display: flex; flex-grow: 1; overflow: h= idden; } .docsPreviewsMoleIframe { background-color: var(--gm3-sys-color-surface,#ff= f); border-width: medium; border-style: none; border-color: currentcolor; b= order-image: none; position: relative; width: 100%; } .docsPreviewsMoleHeader { align-items: center; background-color: var(--gm3-= sys-color-surface,#fff); block-size: 28px; border-bottom: 1px solid var(--g= m3-sys-color-outline-variant,#c4c7c5); border-radius: 8px 8px 0px 0px; curs= or: pointer; display: flex; justify-content: flex-end; padding: 4px 11px 4p= x 16px; position: relative; } .docsPreviewsMoleHeaderContentContainer { align-items: center; block-size: = 28px; display: flex; flex: 1 1 auto; inline-size: 100%; justify-content: fl= ex-end; } .docsPreviewsMoleHeaderText { color: var(--gm3-sys-color-on-surface,#1f1f1f= ); flex-grow: 1; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.875rem; font-weight: 500; overflow-x: hid= den; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; } .docsPreviewsMoleButton { border-radius: 9999px; cursor: pointer; padding: = 6px; min-width: 18px; } .docsPreviewsMoleButton:active, .docsPreviewsMoleButton:hover { background-= color: var(--gm3-sys-color-primary-container,#d3e3fd); } .docsPreviewsMoleButton .docs-icon { margin: 0px; } .docsPreviewsMoleButtonContainer { display: flex; } .docsPreviewsMoleButtonContainer .goog-custom-button-inner-box, .docsPrevie= wsMoleButtonContainer .goog-custom-button-outer-box { border: 0px; padding:= 0px; } .docsPreviewsMoleButtonContainer .docsPreviewsMoleButton.goog-custom-button= { background: none; border-style: none; } .docsPreviewsMoleDocumentIcon { min-width: 18px; } .docsPreviewsMoleResizeIcon { left: 1px; position: absolute; top: 1px; } .docsPreviewsMoleResizeIcon .docs-icon { height: 12px; margin: 0px 2px 2px;= width: 12px; } .docsPreviewsMoleCloseButton .docs-icon { height: 20px; width: 20px; } .docsPreviewsMoleEmbeddedYtPlayer { width: 100%; } .docsPreviewsMoleEmbeddedYtPlayerLoadError { align-items: center; display: = flex; flex-direction: column; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; height: 100%; justify-content: center; te= xt-align: center; width: 100%; } .docsPreviewsMoleErrorDescriptionMessage { color: var(--gm3-sys-color-on-su= rface-variant,#444746); font-size: 1rem; line-height: 1.5rem; } .docsPreviewsMoleRetryButton { border-radius: 4px; box-shadow: none; box-si= zing: border-box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; height: 36px; = letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24px 11px; back= ground: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-prima= ry,#0b57d0); margin: 20px auto 0px; border: 1px solid var(--gm3-sys-color-o= utline-variant,#c4c7c5) !important; } .docsPreviewsMoleRetryButton:hover { background: linear-gradient(rgba(var(-= -gm3-sys-color-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-c= olor-on-primary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-c= ontainer,#d3e3fd); cursor: pointer; border: 1px solid var(--gm3-sys-color-p= rimary-container,#d3e3fd) !important; } .docsPreviewsMoleRetryButton:focus { background: linear-gradient(rgba(var(-= -gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-co= lor-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-con= tainer,#d3e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d= 3e3fd) !important; } .docsPreviewsMoleRetryButton:hover:focus { background: linear-gradient(rgba= (var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-= sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-prima= ry-container,#d3e3fd); cursor: pointer; border: 1px solid var(--gm3-sys-col= or-inverse-primary,#a8c7fa) !important; } .docsPreviewsMoleResizeOutline { box-sizing: border-box; border: 2px solid = var(--gm3-sys-color-outline,#747775); bottom: 0px; position: fixed; z-index= : 102; } .docsPreviewsMoleResizeDragger { position: fixed; z-index: 102; } .docsPreviewsMoleResizeCornerDragger { cursor: nw-resize; } .docsPreviewsMoleResizeLeftDragger { cursor: w-resize; } .docsPreviewsMoleResizeTopDragger { cursor: n-resize; } .office-editing-detailed-export-error-bubble { background: var(--gm3-sys-co= lor-surface,#fff); border: var(--gm3-sys-color-surface,#fff); border-radius= : 8px; height: 167px; left: 310px; outline: transparent; padding: 0px; posi= tion: absolute; top: 35px; width: 310px; } .office-editing-detailed-export-error-bubble-header { align-items: center; = background: var(--gm3-sys-color-error-container,#f9dedc); border: var(--gm3= -sys-color-surface,#fff); border-radius: 8px 8px 0px 0px; color: var(--gm3-= sys-color-error,#b3261e); display: flex; font-family: "Google Sans"; font-s= ize: 0.875rem; height: 40px; left: 310px; line-height: 1.25rem; mix-blend-m= ode: normal; top: 35px; width: 310px; } .office-editing-detailed-export-error-bubble-header-content { align-items: = center; color: var(--gm3-sys-color-error,#b3261e); display: flex; font-fami= ly: "Google Sans"; font-weight: 500; font-size: 0.875rem; height: 20px; lef= t: 366px; letter-spacing: 0.00625rem; line-height: 1.25rem; mix-blend-mode:= normal; top: 45px; width: 250px; } .office-editing-detailed-export-error-bubble-description { color: var(--gm3= -sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.75rem; letter-spacing: 0.00625rem; line-h= eight: 16px; height: 47px; margin: 16px; mix-blend-mode: normal; width: 280= px; display: inline-block; } .docs-material.office-editing-detailed-export-error-bubble-header .office-e= diting-detailed-export-error-bubble-loop-icon-container, .docs-material.off= ice-editing-detailed-export-error-bubble-header .office-editing-detailed-ex= port-error-bubble-warning-amber-icon-container { align-items: center; borde= r-radius: 0px; display: flex; height: 24px; margin-left: 17px; margin-right= : 10px; width: 24px; } .office-editing-detailed-export-error-bubble-learn-more-button.jfk-button {= color: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; font-family:= "Google Sans"; flex: 0 0 auto; order: 0; font-size: 0.875rem; font-style: = normal; font-weight: 400; height: 20px; line-height: 16px; left: 8px; lette= r-spacing: 0.00625rem; margin-left: 194px; padding-top: 8px; padding-bottom= : 3px; width: 77px; } .office-editing-detailed-export-error-bubble-restore-button.jfk-button, .of= fice-editing-detailed-export-error-bubble-save-as-google-docs-button.jfk-bu= tton { color: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; font-f= amily: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-style: norma= l; font-weight: 400; font-size: 0.75rem; line-height: 16px; margin: 0px; pa= dding: 0px; } .office-editing-detailed-export-error-bubble-restore-button.jfk-button:acti= ve, .office-editing-detailed-export-error-bubble-save-as-google-docs-button= .jfk-button:active { color: var(--gm3-sys-color-primary,#0b57d0); } .office-editing-detailed-export-error-bubble-learn-more-button:focus { back= ground-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,va= r(--gm3-sys-color-surface,#fff)); border-width: medium; border-style: none;= border-color: currentcolor; border-image: none; outline: solid 1px; } .office-editing-detailed-export-error-bubble-restore-button:focus, .office-= editing-detailed-export-error-bubble-save-as-google-docs-button:focus { bac= kground-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,v= ar(--gm3-sys-color-surface,#fff)); border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; } .office-editing-detailed-export-error-bubble-learn-more-button.jfk-button:h= over { background-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b5= 7d0) 10%,var(--gm3-sys-color-surface,#fff)); border-width: medium; border-s= tyle: none; border-color: currentcolor; border-image: none; outline: none; = } .office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubbl= e-arrowimplafter, .office-editing-detailed-export-error-bubble .jfk-bubble-= arrowup .jfk-bubble-arrowimplbefore { border-color: transparent; } .docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-e= rror-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter, .docs-gm-promo.= jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-error-bubble .jf= k-bubble-arrowup .jfk-bubble-arrowimplbefore { border-color: var(--gm3-sys-= color-surface,#fff) transparent; } .office-editing-file-extension .office-editing-file-extension-promo-badge {= height: 10px; width: 10px; border-radius: 9999px; position: absolute; top:= -4.5px; background: var(--gm3-sys-color-error,#b3261e); border: 1px solid = var(--gm3-sys-color-on-error,#fff); box-sizing: border-box; } .office-editing-file-extension .office-editing-file-extension-warning-icon-= container .office-editing-file-extension-branded-warning-icon-container { h= eight: 14px; width: 14px; margin: 0px 0px 4px 4px; } .docs-gm .office-editing-file-extension-warning-icon-container .office-edit= ing-file-extension-warning-icon-14 { left: -66px; top: 0px; } .docs-incompatibility-banner { align-items: center; background-color: var(-= -gm3-sys-color-primary-container,#d3e3fd); border: 0px; color: var(--gm3-sy= s-color-on-surface,#1f1f1f); display: flex; font-size: 13px; height: 40px; = overflow: hidden; } .docs-hc-gecko.docs-incompatibility-banner .docs-incompatibility-banner-vie= w-details-button { border: 1px solid transparent; } .docs-incompatibility-banner-text { flex-grow: 1; font-family: Roboto, Robo= toDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; letter-spacing:= 0.00625rem; margin: 0px 0px 0px 16px; overflow: hidden; text-overflow: ell= ipsis; } .docs-incompatibility-banner-view-details-button { align-self: center; back= ground-color: inherit; border-width: medium; border-style: none; border-col= or: currentcolor; border-image: none; color: var(--gm3-sys-color-primary,#0= b57d0); cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; line-he= ight: 1.5rem; margin: 0px 16px 0px 32px; } .docs-image-effect-adjustment-reset-button { margin-top: 25px; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-standard { b= order-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: "= Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weigh= t: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line= -height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-surf= ace,#fff); color: var(--gm3-sys-color-primary,#0b57d0); border: 1px solid v= ar(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover { back= ground: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8= ,66,160),.08),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.= 08)),var(--gm3-sys-color-primary-container,#d3e3fd); border: 1px solid var(= --gm3-sys-color-primary-container,#d3e3fd) !important; } .docs-gm .docs-image-effect-adjustment-reset-button:focus { background: lin= ear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1= ),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm= 3-sys-color-primary-container,#d3e3fd); border: 1px solid var(--gm3-sys-col= or-primary-container,#d3e3fd) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover:focus = { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-container= -rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,1= 60),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); border: 1px solid = var(--gm3-sys-color-inverse-primary,#a8c7fa) !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-active:activ= e { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-contain= er-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66= ,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); box-shadow: 0 2p= x 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); border: 1px soli= d transparent !important; } .docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-disabled.jfk= -button-standard { background: var(--gm3-sys-color-surface,#fff); color: va= r(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38; border: 1px solid var= (--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-image-effect-recolor-button.goog-flat-menu-button { text-align: left;= width: calc(100% - 28px); } .docs-image-effect-recolor-norecolor-item { padding-left: 18px; padding-rig= ht: 18px; } .docs-image-effect-recolor-caption, .docs-image-effect-recolor-norecolor-it= em .goog-menuitem-content { display: inline-block; overflow: hidden; text-o= verflow: ellipsis; width: 100%; } .docs-gm .docs-image-effect-recolor-menu.goog-menu .goog-menuitem { padding= : 7px 15px 5px; } [class*=3D"docs-hc"].docs-gm .docs-image-effect-recolor-menu.goog-menu .goo= g-menuitem-highlight { padding-top: 6px; padding-bottom: 4px; } .docs-image-effect-recolor-palette .goog-palette-table { border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; mar= gin: 10px 15px; border-spacing: 3px; border-collapse: separate; } .docs-image-effect-recolor-palette .goog-palette-cell { border-right-width:= medium; border-right-style: none; border-right-color: currentcolor; } .docs-gm .docs-image-effect-recolor-palette .goog-palette-cell { padding-le= ft: 10px; padding-top: 10px; } .docs-gm .docs-image-effect-recolor-palette tr td:first-child { padding-lef= t: 0px; } .docs-gm .docs-image-effect-recolor-palette tr:first-child td { padding-top= : 0px; } .docs-gm .docs-image-effect-recolor-palette .goog-palette-cell svg { border= : 1px solid transparent; border-radius: 4px; } .docs-image-effect-recolor-palette .goog-palette-cell-hover .docs-image-eff= ect-filtered-thumbnail svg { outline: 1px solid var(--gm3-sys-color-primary= ,#0b57d0); } .docs-gm .docs-image-effect-recolor-palette .goog-palette-cell-hover .docs-= image-effect-filtered-thumbnail svg { border-color: var(--gm3-sys-color-pri= mary,#0b57d0); outline: none; } .docs-image-effect-recolor-menu { width: 218px; overflow: hidden auto; } .docs-gm .docs-image-effect-recolor-menu { width: 268px; } .docs-common-banner-container, .docs-common-banner-flex-wrap { display: fle= x; height: auto; width: 100%; } .docs-common-banner-flex-wrap { flex-wrap: wrap; } .docs-common-banner-icon { margin: 14px 0px 0px 22px; } .docs-common-banner-title { font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 1rem; letter-spacing: 0.00625rem= ; margin: 14px 0px 0px 16px; } .docs-common-banner-message { flex-grow: 1; font-family: Roboto, RobotoDraf= t, Helvetica, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0.006= 25rem; line-height: 1.25rem; margin: 14px 16px; overflow: hidden; text-over= flow: ellipsis; white-space: normal; } .docs-common-banner-buttons { display: flex; align-items: flex-end; flex-wr= ap: wrap; justify-content: flex-end; margin: 8px 16px 8px auto; } .docs-common-banner-buttons .docs-material-button { border-radius: 4px; fon= t-size: 0.875rem; font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-weight: 400; letter-spacing: 0.00625rem; outline= : transparent solid 1px; text-transform: none; } .kix-citations-bibliography-bubble, .kix-citations-intext-bubble { border-c= olor: var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 8px; box= -shadow: 0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); fon= t-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.8= 75rem; padding: 4px; } .kix-citations-bibliography-bubble-container { align-items: center; display= : flex; width: 280px; } .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n { border-radius: 4px; display: inline-block; } .kix-citations-bibliography-bubble-new .kix-citations-bibliography-bubble-o= ption { border-radius: 9999px; padding-bottom: 1px; padding-left: 1px; padd= ing-top: 1px; vertical-align: middle; } .kix-citations-bibliography-bubble.kix-citations-bibliography-bubble-feedba= ck-enabled:not(.kix-citations-bibliography-bubble-new) { cursor: pointer; } .kix-citations-bibliography-bubble.kix-citations-bibliography-bubble-feedba= ck-enabled:not(.kix-citations-bibliography-bubble-new):active, .kix-citatio= ns-bibliography-bubble.kix-citations-bibliography-bubble-feedback-enabled:n= ot(.kix-citations-bibliography-bubble-new):focus, .kix-citations-bibliograp= hy-bubble.kix-citations-bibliography-bubble-feedback-enabled:not(.kix-citat= ions-bibliography-bubble-new):hover { background-color: color-mix(in srgb,v= ar(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-conta= iner,#f0f4f9)); outline: none; } .kix-citations-intext-bubble .kix-citations-intext-bubble-text { display: i= nline-block; padding: 6px 5px 5px; } .kix-citations-bibliography-bubble-new .kix-citations-bibliography-bubble-t= ext { display: inline-block; flex-grow: 1; overflow-wrap: anywhere; padding= : 6px 5px 5px; white-space: normal; } .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n-close:active, .kix-citations-bibliography-bubble .kix-citations-bibliogra= phy-bubble-option-close:focus, .kix-citations-bibliography-bubble .kix-cita= tions-bibliography-bubble-option-close:hover, .kix-citations-bibliography-b= ubble .kix-citations-bibliography-bubble-option-help:active, .kix-citations= -bibliography-bubble .kix-citations-bibliography-bubble-option-help:focus, = .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n-help:hover, .kix-citations-bibliography-bubble.kix-citations-bibliography= -bubble-feedback-enabled .kix-citations-bibliography-bubble-option-feedback= :active, .kix-citations-bibliography-bubble.kix-citations-bibliography-bubb= le-feedback-enabled .kix-citations-bibliography-bubble-option-feedback:focu= s, .kix-citations-bibliography-bubble.kix-citations-bibliography-bubble-fee= dback-enabled .kix-citations-bibliography-bubble-option-feedback:hover { ba= ckground-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8= %,var(--gm3-sys-color-surface-container,#f0f4f9)); outline: none; } .kix-citations-bibliography-bubble.kix-citations-bibliography-bubble-feedba= ck-disabled { outline: none; user-select: none; } .kix-citations-bibliography-bubble.kix-citations-bibliography-bubble-feedba= ck-disabled .kix-citations-bibliography-bubble-option-feedback { opacity: 0= .3; } .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n-icon { display: inline-block; height: 22px; margin-left: 0px; margin-righ= t: 0px; text-align: center; width: 24px; border: 0px !important; line-heigh= t: 1.25rem !important; } .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n-close .kix-citations-bibliography-bubble-option-icon, .kix-citations-bibl= iography-bubble .kix-citations-bibliography-bubble-option-help .kix-citatio= ns-bibliography-bubble-option-icon, .kix-citations-bibliography-bubble.kix-= citations-bibliography-bubble-feedback-enabled .kix-citations-bibliography-= bubble-option-feedback .kix-citations-bibliography-bubble-option-icon { cur= sor: pointer; } .kix-citations-bibliography-bubble .kix-citations-bibliography-bubble-optio= n-feedback .docs-icon { height: 16px; margin: 0px; padding: 1px; width: 18p= x !important; } .docs-bubble.kix-citations-bibliography-reload-bubble { border: 1px solid v= ar(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 8px; box-shadow= : 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); padding: 4= px; } .cellValidationTooltipBubbleContainer { width: 250px; } .cellValidationTooltipBubbleDetailsBody { font-size: 0.875rem; display: fle= x; flex-direction: column; gap: 8px; } .cellValidationTooltipBubbleHeaderMessage { color: var(--gm3-sys-color-erro= r,#b3261e); } .cellValidationTooltipBubbleTooltipMessage { font-size: 0.875rem; } .docs-gm .google-picker.modal-dialog { background: var(--gm3-sys-color-surf= ace-bright,#fff); border: 1px solid transparent; border-radius: 8px; box-sh= adow: 0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); positi= on: absolute; z-index: 1003; } .docs-fontmenu-icon { left: 16px; } .docs-fontmenu-text { padding-left: 23px; } .docs-fontmenu-newlyadded { background-color: var(--ws-sys-color-extended-y= ellow-tonal,#fff2b4); } .goog-menuitem-highlight.docs-font-menuitem-with-icon { border-width: mediu= m; border-style: none; border-color: currentcolor; border-image: none; padd= ing-top: 6px; padding-bottom: 6px; } .goog-menuitem-highlight.docs-fontmenu-newlyadded, .goog-menuitem-hover.doc= s-fontmenu-newlyadded { background-color: var(--gm3-sys-color-surface-conta= iner,#f0f4f9); } #docs-font-family .goog-toolbar-menu-button-caption { overflow: hidden; tex= t-overflow: ellipsis; white-space: nowrap; width: 70px; } .docs-fontmenu .docs-submenuitem { border-width: medium; border-style: none= ; border-color: currentcolor; border-image: none; height: 18px; padding: 6p= x 8em 6px 30px; } .docs-fontmenu .docs-submenuitem .goog-menuitem-content { height: 17px; lin= e-height: normal; } .docs-fontmenu .docs-submenuitem .goog-menuitem-checkbox { height: 21px; to= p: 3px; } .docs-fontmenu .docs-fonts-section-header { overflow: hidden; text-overflow= : ellipsis; white-space: nowrap; max-width: 180px; color: var(--gm3-sys-col= or-on-surface,#1f1f1f); font-size: 0.6875rem; font-weight: 500; line-height= : 1rem; } .docs-gm .docs-fontmenu .goog-menuitem-disabled { padding-left: 12px; } .docs-fontmenu .goog-menuseparator { margin-left: 12px; margin-right: 12px;= } .docs-fontmenu .goog-menuitem .goog-submenu-arrow { padding-top: 3px; } .docs-material-button { box-sizing: border-box; transition: box-shadow 0.28= s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; border-width: medium; b= order-style: none; border-color: currentcolor; border-image: none; cursor: = pointer; display: inline-block; font: 500 13px / 2rem Roboto, RobotoDraft, = Helvetica, Arial, sans-serif; height: 32px; margin: 0px 4px; overflow: hidd= en; outline: none; position: relative; text-align: center; text-transform: = uppercase; vertical-align: middle; } .docs-material-button-content { position: relative; } .docs-material-button-ripple-element { border-radius: 9999px; left: 50%; op= acity: 0; padding-bottom: 200%; position: absolute; top: 50%; transition: t= ransform linear 0.2s, opacity 0.2s ease-in; width: 200%; } .docs-material-button-ripple-effect > .docs-material-button-ripple-element = { transform: translate(-50%, -50%) scale(1); opacity: 1; transition: transf= orm 0.35s ease-out, opacity linear; visibility: visible; } .docs-material-button-disabled { box-shadow: none; cursor: default; } .docs-material-button-flat-dark, .docs-material-button-flat-default, .docs-= material-button-flat-primary, .docs-material-button-text-default { backgrou= nd-color: transparent; padding: 0px 8px; } .docs-material-button-raised-default, .docs-material-button-raised-primary = { padding: 0px 16px; } .docs-material-button-hover.docs-material-button-raised-default, .docs-mate= rial-button-hover.docs-material-button-raised-primary { box-shadow: 0 2px 2= px 0 rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.14),0 1px 5px 0 rgba(var(-= -gm3-sys-color-shadow-rgb,0,0,0),.12),0 3px 1px -2px rgba(var(--gm3-sys-col= or-shadow-rgb,0,0,0),.2); } .docs-material-button-active.docs-material-button-raised-default, .docs-mat= erial-button-active.docs-material-button-raised-primary { box-shadow: 0 4px= 5px 0 rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.14),0 1px 10px 0 rgba(va= r(--gm3-sys-color-shadow-rgb,0,0,0),.12),0 2px 4px -1px rgba(var(--gm3-sys-= color-shadow-rgb,0,0,0),.2); } .docs-material-button-raised-primary { background-color: var(--gm3-sys-colo= r-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .docs-material-button-flat-primary { color: var(--gm3-sys-color-primary,#0b= 57d0); } .docs-material-button-flat-default { color: var(--gm3-sys-color-on-surface-= variant,#444746); } .docs-material-button-flat-dark { color: var(--gm3-sys-color-surface,#fff);= } .docs-material-button-hover.docs-material-button-flat-primary { background-= color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.12); } .docs-material-button-hover.docs-material-button-flat-dark { background-col= or: rgba(var(--gm3-sys-color-surface-rgb,255,255,255),.1); } .docs-material-button-active.docs-material-button-flat-primary { color: var= (--gm3-sys-color-primary,#0b57d0); } .docs-material-button-hover.docs-material-button-text-default { background-= color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.04); } .docs-material-button-focused.docs-material-button-text-default { backgroun= d-color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.08); } .docs-material-button-active.docs-material-button-text-default { background= -color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-material-button-raised-primary.docs-material-button-focused { border:= 1px inset var(--gm3-sys-color-outline-variant,#c4c7c5); background: var(--= gm3-sys-color-primary,#0b57d0); line-height: 30px; padding: 0px 15px; } .docs-material-button-raised-default.docs-material-button-focused { border:= 1px inset var(--gm3-sys-color-primary,#0b57d0); line-height: 30px; padding= : 0px 15px; } .docs-material-button-flat-default.docs-material-button-focused, .docs-mate= rial-button-flat-primary.docs-material-button-focused { border: 1px inset v= ar(--gm3-sys-color-primary,#0b57d0); line-height: 30px; padding: 0px 7px; } .docs-material-button-flat-dark.docs-material-button-focused { border: var(= --gm3-sys-color-on-primary,#fff); line-height: 30px; padding: 0px 7px; } .docs-material-button.docs-material-button-focused.docs-material-button-no-= focus-border { border-width: medium; border-style: none; border-color: curr= entcolor; border-image: none; line-height: 2rem; } .docs-material-button-raised-default.docs-material-button-focused.docs-mate= rial-button-no-focus-border, .docs-material-button-raised-primary.docs-mate= rial-button-focused.docs-material-button-no-focus-border { padding: 0px 16p= x; } .docs-material-button-flat-dark.docs-material-button-focused.docs-material-= button-no-focus-border, .docs-material-button-flat-default.docs-material-bu= tton-focused.docs-material-button-no-focus-border, .docs-material-button-fl= at-primary.docs-material-button-focused.docs-material-button-no-focus-borde= r { padding: 0px 8px; } .docs-material-button-hover.docs-material-button-flat-default { background-= color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.08); } .docs-material-button-active.docs-material-button-flat-default { color: var= (--gm3-sys-color-on-surface,#1f1f1f); } .docs-material-button-raised-default { background-color: rgba(var(--gm3-sys= -color-on-surface-rgb,31,31,31),.04); color: var(--gm3-sys-color-on-surface= -variant,#444746); } .docs-material-button-active.docs-material-button-raised-default { color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); } .docs-material-button-disabled.docs-material-button-flat-default, .docs-mat= erial-button-disabled.docs-material-button-flat-primary, .docs-material-but= ton-disabled.docs-material-button-raised-default { background-color: var(--= gm3-sys-color-surface,#fff); color: rgba(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),.38); } .docs-material-button-disabled.docs-material-button-flat-dark { color: rgba= (var(--gm3-sys-color-surface-rgb,255,255,255),.3); } .docs-material-button-disabled.docs-material-button-raised-primary { backgr= ound-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); color: = var(--gm3-sys-color-on-primary,#fff); } .docs-material-button-flat-primary > .docs-material-button-ripple-element {= background-color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.32); } .docs-material-button-text-default > .docs-material-button-ripple-element {= background-color: rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1); } .docs-material-button-raised-primary > .docs-material-button-ripple-element= { background-color: var(--gm3-sys-color-primary,#0b57d0); } .docs-material-button-flat-default > .docs-material-button-ripple-element {= background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.2); } .docs-material-button-flat-dark > .docs-material-button-ripple-element { ba= ckground-color: rgba(var(--gm3-sys-color-surface-rgb,255,255,255),.2); } .docs-material-button-raised-default > .docs-material-button-ripple-element= { background-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)= ; } .docs-material-button-hairline-primary.docs-material-button { border-radius= : 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font= -size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1re= m; padding: 9px 24px 11px; background: var(--gm3-sys-color-surface,#fff); c= olor: var(--gm3-sys-color-primary,#0b57d0); text-transform: none; border: 1= px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-material-button-text-default.docs-material-button { color: var(--gm3-= sys-color-primary,#0b57d0); font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; text= -transform: none; margin: 0px; } .docs-material-button-hairline-default.docs-material-button { border-radius= : 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans"= , Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font= -size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1re= m; padding: 9px 24px 11px; background: var(--gm3-sys-color-surface,#fff); c= olor: var(--gm3-sys-color-on-surface-variant,#444746); text-transform: none= ; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important= ; } .docs-material-button-hairline-default.docs-material-button-hover, .docs-ma= terial-button-hairline-primary.docs-material-button-hover { border-radius: = 4px; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", = Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-s= ize: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem;= padding: 9px 24px 11px; background: linear-gradient(rgba(var(--gm3-sys-col= or-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-prim= ary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3= e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) !im= portant; } .docs-material-button-hairline-default.docs-material-button-focused, .docs-= material-button-hairline-default.docs-material-button-focused.docs-material= -button-no-focus-border, .docs-material-button-hairline-primary.docs-materi= al-button-focused, .docs-material-button-hairline-primary.docs-material-but= ton-focused.docs-material-button-no-focus-border { border-radius: 4px; box-= shadow: none; box-sizing: border-box; font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.87= 5rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding:= 9px 24px 11px; background: linear-gradient(rgba(var(--gm3-sys-color-on-pri= mary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-contai= ner-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); bord= er: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) !important; } .docs-material-button-hairline-default.docs-material-button-hover.docs-mate= rial-button-focused, .docs-material-button-hairline-primary.docs-material-b= utton-hover.docs-material-button-focused { border-radius: 4px; box-shadow: = none; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDra= ft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; he= ight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24p= x 11px; background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-con= tainer-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,= 8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); border: 1px = solid var(--gm3-sys-color-inverse-primary,#a8c7fa) !important; } .docs-material-button-hairline-default.docs-material-button-active, .docs-m= aterial-button-hairline-primary.docs-material-button-active { border-radius= : 4px; box-sizing: border-box; font-family: "Google Sans", Roboto, RobotoDr= aft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; h= eight: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px 24= px 11px; background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-co= ntainer-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-rgb= ,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); box-shadow:= 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); border: 1px= solid transparent !important; } .docs-material-button-hairline-default.docs-material-button-disabled, .docs= -material-button-hairline-primary.docs-material-button-disabled { border-ra= dius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; = font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height:= 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-surface,#fff= ); color: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38; border: 1= px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-material-button-fill-primary.docs-material-button { border-radius: 4p= x; box-shadow: none; box-sizing: border-box; font-family: "Google Sans", Ro= boto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-siz= e: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; p= adding: 9px 24px 11px; background: var(--gm3-sys-color-primary,#0b57d0); co= lor: var(--gm3-sys-color-on-primary,#fff); border: 1px solid transparent !i= mportant; } .docs-material-button-fill-primary.docs-material-button-hover { border-radi= us: 4px; box-sizing: border-box; font-family: "Google Sans", Roboto, Roboto= Draft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem;= height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px = 24px 11px; color: var(--gm3-sys-color-on-primary,#fff); background: linear-= gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var= (--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-prim= ary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rg= b,11,87,208),.15); border: 1px solid transparent !important; } .docs-material-button-fill-primary.docs-material-button-focused, .docs-mate= rial-button-fill-primary.docs-material-button-focused.docs-material-button-= no-focus-border { border-radius: 4px; box-sizing: border-box; font-family: = "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weig= ht: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; lin= e-height: 1rem; padding: 9px 24px 11px; color: var(--gm3-sys-color-on-prima= ry,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-r= gb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1= )),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var= (--gm3-sys-color-primary-rgb,11,87,208),.15); border: 1px solid transparent= !important; } .docs-material-button-fill-primary.docs-material-button-hover.docs-material= -button-focused { border-radius: 4px; box-sizing: border-box; font-family: = "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weig= ht: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; lin= e-height: 1rem; padding: 9px 24px 11px; color: var(--gm3-sys-color-on-prima= ry,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-r= gb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1= )),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var= (--gm3-sys-color-primary-rgb,11,87,208),.15); border: 1px solid transparent= !important; } .docs-material-button-fill-primary.docs-material-button-active { border-rad= ius: 4px; box-sizing: border-box; font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem= ; height: 36px; letter-spacing: 0.00625rem; line-height: 1rem; padding: 9px= 24px 11px; color: var(--gm3-sys-color-on-primary,#fff); background: linear= -gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var= (--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-prima= ry,#0b57d0); box-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-rgb= ,11,87,208),.15); border: 1px solid transparent !important; } .docs-material-button-fill-primary.docs-material-button-disabled { border-r= adius: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500;= font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height= : 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-surface-con= tainer-low,#f8fafd); color: var(--gm3-sys-color-on-surface,#1f1f1f); opacit= y: 0.62; border: 1px solid transparent !important; } @media screen and (forced-colors: active) { .docs-material-button-focused { outline: highlight solid 1px; outline-off= set: -4px; } .docs-material-button-disabled.docs-material-button-fill-primary, .docs-m= aterial-button-disabled.docs-material-button-flat-default, .docs-material-b= utton-disabled.docs-material-button-flat-primary, .docs-material-button-dis= abled.docs-material-button-hairline-default, .docs-material-button-disabled= .docs-material-button-hairline-primary, .docs-material-button-disabled.docs= -material-button-raised-default { color: graytext; opacity: 1; border-color= : graytext; } } .docs-horizontal-button-group .docs-material-button { display: flex; align-= items: center; justify-content: center; } .docs-horizontal-button-group .docs-material-button.docs-material-button-co= llapse-left { border-bottom-left-radius: 0px; border-top-left-radius: 0px; = margin-left: -2px; margin-right: 0px; } .docs-horizontal-button-group .docs-material-button.docs-material-button-co= llapse-right { border-bottom-right-radius: 0px; border-top-right-radius: 0p= x; margin-left: 0px; margin-right: 0px; } .docs-horizontal-button-group .docs-material-button-selected { background: = linear-gradient(rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160)= ,.1),rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(-= -gm3-sys-color-primary-container,#d3e3fd); z-index: 1; border: 1px solid va= r(--gm3-sys-color-inverse-primary,#a8c7fa) !important; } [class*=3D"docs-hc"] .docs-horizontal-button-group .docs-material-button-se= lected { filter: invert(100%); border-width: 0px !important; } .docs-horizontal-button-group .docs-material-button.docs-material-button-se= lected .docs-material-button-content { color: var(--gm3-sys-color-primary,#= 0b57d0); } .docs-horizontal-button-group .docs-material-button.docs-material-button-se= lected.docs-material-button-hover { background: var(--gm3-sys-color-primary= -container,#d3e3fd); } .docs-horizontal-button-group .docs-material-button.docs-material-button-se= lected.docs-material-button-hover .docs-material-button-content { color: va= r(--gm3-sys-color-on-primary-container,#0842a0); } .docs-horizontal-button-group .docs-material-button:not([class*=3D"docs-mat= erial-button-selected"]) { color: var(--gm3-sys-color-on-surface,#1f1f1f); = border-color: var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-horizontal-button-group .docs-material-button:not([class*=3D"docs-mat= erial-button-selected"]).docs-material-button-hover { background: var(--gm3= -sys-color-surface-container-low,#f8fafd); } @media screen and (forced-colors: active) { .docs-horizontal-button-group .docs-material-button:not([class*=3D"docs-m= aterial-button-selected"]).docs-material-button-hover { background-color: h= ighlight; color: highlighttext; forced-color-adjust: none; } } .hard-exceeded.docs-freemium-banner-container { background: var(--gm3-sys-c= olor-error-container,#f9dedc); } .yellow.collaborator.hard-exceeded.docs-freemium-banner-container { backgro= und: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); } .green.collaborator.hard-exceeded.docs-freemium-banner-container { backgrou= nd: var(--gm3-sys-color-tertiary-container,#c4eed0); } .collaborator.hard-exceeded.docs-freemium-banner-container { background: va= r(--gm3-sys-color-primary-container,#d3e3fd); } .docs-hc-gecko.docs-freemium-banner-container { border-bottom: 1px solid; } .large-icon .docs-freemium-banner-icon { margin: 12px 0px 0px 16px; } .collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-ico= n-report-red800 { left: -1200px; top: -94px; } .green.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.do= cs-icon-report-red800 { left: -1222px; top: -94px; } .yellow.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.d= ocs-icon-report-red800 { left: -1244px; top: -94px; } .collaborator.hard-exceeded .docs-freemium-banner-title { color: var(--gm3-= sys-color-on-surface,#1f1f1f); } .hard-exceeded .docs-freemium-banner-title { color: var(--gm3-sys-color-err= or,#b3261e); } .collaborator.hard-exceeded .docs-freemium-banner-message { color: var(--gm= 3-sys-color-on-surface,#1f1f1f); } .hard-exceeded .docs-freemium-banner-message, .hard-exceeded.docs-freemium-= banner-container .docs-freemium-banner-buttons .docs-material-button { colo= r: var(--gm3-sys-color-error,#b3261e); } .hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-close { top= : 0px; left: -9858px; color: var(--gm3-sys-color-error,#b3261e); } .hard-exceeded.docs-freemium-banner-container .docs-freemium-banner-primary= -button { border-color: var(--gm3-sys-color-error,#b3261e); border-style: s= olid; border-width: 1px; line-height: 30px; color: var(--gm3-sys-color-erro= r,#b3261e); } .UserPrefsUnavailableBanner-banner-container { background: var(--gm3-sys-co= lor-error-container,#f9dedc); } .UserPrefsUnavailableBanner-banner-flex-wrap { display: flex; height: auto;= width: 100%; } .UserPrefsUnavailableBanner-banner-icon { margin: 14px 0px 0px 22px; } .UserPrefsUnavailableBanner-banner-title { color: var(--gm3-sys-color-on-er= ror-container,#8c1d18); font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spaci= ng: 0.00625rem; line-height: 1.5rem; margin: 12px 0px 0px 16px; } .UserPrefsUnavailableBanner-banner-message { color: var(--gm3-sys-color-on-= error-container,#8c1d18); flex-grow: 1; font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; letter-= spacing: 0.00625rem; line-height: 1.25rem; margin: 14px 16px; overflow: hid= den; text-overflow: ellipsis; white-space: normal; } #contain-402 { bottom: 10px; position: fixed; right: 50px; z-index: 1002; } .docs-gm .ita-cp-cell { display: table-cell; } .docs-gm .ita-cp-input { background-color: inherit; } .docs-gm .ita-cp-input::placeholder { color: var(--gm3-sys-color-on-surface= -variant,#444746); } .docs-gm .goog-char-picker-menu { background-color: var(--gm3-sys-color-sur= face-bright,#fff); box-shadow: var(--gm3-sys-color-shadow,#000) 0 1px 2px 0= ; } .docs-gm .goog-char-picker-menu .goog-menuitem { color: var(--gm3-sys-color= -on-surface,#1f1f1f); } .docs-gm .goog-char-picker-menu .goog-menuitem-highlight { background-color= : color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sy= s-color-surface-bright,#fff)); } .docs-gm .goog-char-picker-hovercard { background-color: var(--gm3-sys-colo= r-surface-bright,#fff); } .docs-gm .goog-char-picker-hovercard { border-color: rgb(66, 133, 244) !imp= ortant; } .docs-gm .ita-cp-input { color: inherit; } .docs-gm .ita-hwt-canvas { background-color: var(--gm3-sys-color-surface-br= ight,#fff); } .docs-gm .ita-cp-lens { --mask-url: url(https://fonts.gstatic.com/s/i/short= -term/release/googlesymbols/search/default/20px.svg); content: unset; backg= round-image: unset; background-color: currentcolor; mask-image: var(--mask-= url); } @media (forced-colors: active) { .docs-gm .ita-cp-lens { color: canvastext; forced-color-adjust: none; } } .docs-gm .ita-cp-whole-pad .modal-dialog-title-close::after { color: var(--= gm3-sys-color-on-surface,#1f1f1f); --mask-url: url(https://fonts.gstatic.co= m/s/i/short-term/release/googlesymbols/close/default/24px.svg); background-= image: unset; background-color: currentcolor; mask-image: var(--mask-url); = } @media (forced-colors: active) { .docs-gm .ita-cp-whole-pad .modal-dialog-title-close::after { color: canv= astext; forced-color-adjust: none; } } .docs-gm .ita-cp-clear-img { --mask-url: url(https://fonts.gstatic.com/s/i/= short-term/release/googlesymbols/refresh/default/24px.svg); content: unset;= background-image: unset; background-color: currentcolor; mask-image: var(-= -mask-url); } @media (forced-colors: active) { .docs-gm .ita-cp-clear-img { color: canvastext; forced-color-adjust: none= ; } } .goog-menu.shell-menu .goog-menuseparator { margin-left: 0px; } .goog-menu.shell-menu .goog-menuheader { padding-bottom: 4px; padding-top: = 4px; padding-left: 16px; } .goog-menu.shell-menu { min-width: 260px; } .goog-menu.shell-menu.shell-primary-menu { min-width: 320px; } .goog-menu.shell-menu.shell-tight-menu { min-width: 0px; } .goog-menu.shell-menu .goog-menuitem { padding-left: 16px; } .goog-menu.shell-menu.shell-menu-has-icon .goog-menuitem { padding-left: 38= px; } .goog-menu.shell-menu:not(.shell-menu-has-icon) .goog-menuitem .docs-icon {= visibility: hidden; } .goog-menu.shell-menu.docs-omnibox-parent .docs-labelinputmenuitem.goog-men= uitem { padding-left: 16px; } .goog-menu.shell-menu .docs-omnibox-autocomplete .ac-renderer .goog-menuite= m { padding-left: 38px; } .shell-menu .apps-hoverable-menu-separator-container { padding-left: 0px; } .docs-bubble.appsElementsLinkPreview { --ae-link-preview-container-color: v= ar(--gm3-sys-color-surface,#fff); --ae-link-preview-thumbnail-border-color:= var(--gm3-sys-color-outline-variant,#c4c7c5); padding: 0px; border-radius:= 12px; border-width: medium; border-style: none; border-color: currentcolor= ; border-image: none; box-shadow: none; } .docs-bubble.appsElementsLinkPreview a { display: block; } a.appsElementsLinkPreviewBaseTitle { max-inline-size: fit-content; } .docs-bubble.appsElementsLinkPreview a:hover { text-decoration: none !impor= tant; } .docs-bubble.appsElementsLinkPreview a[data-broken-link=3D"true"] { color: = var(--gm3-sys-color-on-surface-variant,#444746) !important; cursor: default= ; } @keyframes fade {=20 0% { opacity: 0.5; } } .docs-gm .docs-linkbubble-bubble { background-color: var(--gm3-sys-color-su= rface,#fff); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); bo= rder-radius: 8px; box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-shadow= -rgb,0,0,0),.15); color: var(--gm3-sys-color-on-surface,#1f1f1f); font-fami= ly: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem;= } .docs-multi-linkbubble-bubble .appsElementsLinkPreviewMulti { --ae-link-pre= view-container-color: var(--gm3-sys-color-surface,#fff); --ae-link-preview-= thumbnail-border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .linkbubble-card-collapsed .docs-link-bubble-card-component { display: none= !important; } #link-bubble-thumbnail-image { background-position: 50% center; background-= repeat: no-repeat; height: 100%; width: 100%; } #high-contrast-link-bubble-thumbnail-image { height: 100%; } .docs-linkbubble-bubble .goog-menu .goog-option-selected { background-posit= ion: 8px 50%; } .docs-link-bubble-calendar-attach-document.jfk-button-disabled { cursor: de= fault; opacity: 0.38; } .docs-link-bubble-calendar-attach-document.docs-material .docs-icon .docs-i= con-img, .docs-link-bubble-calendar-attach-document.docs-material .docs-ico= n .docs-icon-img::before { content: url("https://ssl.gstatic.com/docs/commo= n/material_common_sprite1060_blue.svg"); } .docs-link-bubble-card-component .link-bubble-text-button-text { color: var= (--gm3-sys-color-primary,#0b57d0); cursor: pointer; font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; m= argin-left: 4px; padding: 4px 8px; font-size: 0.875rem !important; } .docs-link-bubble-card-component .link-bubble-text-button-text:hover { back= ground-color: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius= : 4px; } .docs-multi-linkbubble-bubble { border-radius: 12px; } .docs-multi-linkbubble-bubble .docs-linkbubble-bubble { position: relative;= } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component { border: 1px solid transparent; border-radius: 9999px; box-si= zing: border-box; cursor: pointer; font-family: "Google Sans", Roboto, Robo= toDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 50= 0; height: 40px; line-height: 1.25rem; white-space: nowrap; color: var(--gm= 3-sys-color-primary,#0b57d0); padding: 9px 12px; background: var(--ae-genai= -generation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-= gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(= --ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-mut= ed-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-= card-component { background-position: 50% center; background-size: 800% 800= %; } } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component { align-items: center; animation: 1s linear 0s 1 normal none r= unning generation-shimmer; color: var(--gm3-sys-color-on-surface,#1f1f1f); = display: inline-flex; height: 32px; padding: 0px 16px 0px 10px; } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component-wiz { --gm3-button-filled-tonal-with-icon-icon-size: 14px; --g= m3-button-filled-tonal-with-icon-icon-label-space: 6px; } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component-wiz-hover { --gm3-button-filled-tonal-hover-container-elevatio= n: 0; --gm3-button-filled-tonal-hover-state-layer-opacity: 0; } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component:hover { color: var(--gm3-sys-color-primary,#0b57d0); padding: = 9px 12px; background: var(--ae-genai-generation-gradient,linear-gradient(13= 5deg,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-= genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#= d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-= card-component:hover { background-position: 50% center; background-size: 80= 0% 800%; } } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component:hover { animation: 2.1s linear 0s infinite normal none running= generation-shimmer; color: var(--gm3-sys-color-on-surface,#1f1f1f); paddin= g: 0px 16px 0px 10px; } .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-ca= rd-component:focus { background: var(--gm3-sys-color-primary-container,#d3e= 3fd); outline: none; } .docs-link-insertlinkbubble-linkchip { width: 312px; } .docs-link-insertlinkbubble-buttonbar .jfk-button { margin-right: 0px; } .docs-gm .docs-link-insertlinkbubble-buttonbar .jfk-button { margin-left: 1= 2px; min-width: 87px; } .docs-link-insertlinkbubble-error { color: var(--gm3-sys-color-error,#b3261= e); padding: 12px 0px 0px; } @media print { .docs-link-smartinsertlinkbubble { display: none; } } .docs-gm .docs-link-smartinsertlinkbubble ::selection { background: var(--g= m3-sys-color-primary-container,#d3e3fd); } .docs-link-smartinsertlinkbubble { margin: -1px; width: 360px; outline: non= e; padding: 1px; } .docs-link-smartinsertlinkbubble-no-anchor-input { height: 350px; } .docs-link-smartinsertlinkbubble-with-anchor-input { height: 390px; } .jfk-bubble.docs-calloutbubble-bubble.docs-linkbubble-bubble { z-index: 100= 0 !important; } .docs-gm .docs-link-smartinsertlinkbubble-toppane { margin: 0px 16px; posit= ion: relative; } .docs-link-smartinsertlinkbubble-bottompane { max-height: 230px; overflow-x= : hidden; } .docs-link-smartinsertlinkbubble-bottompane-margin-error { margin-top: 15px= ; } .docs-link-smartinsertlinkbubble-internal-links-bottompane { max-height: 25= 5px; overflow-x: hidden; } .docs-link-smartinsertlinkbubble-screen-resize-no-anchor-input { height: 25= 0px; } .docs-link-smartinsertlinkbubble-screen-resize-with-anchor-input { height: = 300px; } .docs-gm .docs-link-smartinsertlinkbubble-screen-resize-suggestions-holder = { height: 132px; } .docs-gm .docs-link-smartinsertlinkbubble-screen-resize-internal-links-sugg= estions-holder { height: 170px; } .docs-link-searchinput-search { background: transparent; border-width: medi= um; border-style: none; border-color: currentcolor; border-image: none; box= -sizing: border-box; box-shadow: none; display: inline-block; flex-grow: 1;= margin: 0px; outline: none; } .docs-gm .docs-link-searchinput-search { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); display: block; font-size: 0.875rem; width: 261px; } .docs-gm .docs-link-searchinput-search::placeholder { color: var(--gm3-sys-= color-on-surface-variant,#444746); } .docs-link-searchinput-search-container-focus { outline: none; border: 1px = solid var(--gm3-sys-color-outline,#747775) !important; } .docs-link-searchinput-search-container-error { outline: none; border: 2px = solid var(--gm3-sys-color-error,#b3261e) !important; } .docs-link-smartinsertlinkbubble-error { font-size: 0.75rem; line-height: 1= rem; margin-left: 14px; display: flex; color: var(--gm3-sys-color-error,#b3= 261e); } .docs-gm .docs-link-searchinput-search-container-focus { box-shadow: none; = color: var(--gm3-sys-color-on-surface,#1f1f1f); border: 2px solid var(--gm3= -sys-color-primary,#0b57d0) !important; } .docs-smart-link-searchinput-search-container { background: var(--gm3-sys-c= olor-surface,#fff); border-right-color: ; border-right-style: ; border-righ= t-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-widt= h: ; border-left-color: ; border-left-style: ; border-left-width: ; border-= image-source: ; border-image-slice: ; border-image-width: ; border-image-ou= tset: ; border-image-repeat: ; border-top: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5); min-width: 20px; width: 262px; display: flex; margi= n: 8px 0px; } .docs-gm .docs-smart-link-searchinput-search-container { border-color: var(= --gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: b= order-box; } .docs-smart-link-searchinput-search-container-wrapper-no-error { height: 36= px; } .docs-smart-link-searchinput-search-container-wrapper-error { height: 55px;= } .docs-link-smartinsertlinkbubble-search-icon { display: block; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); font-size: 90%; padding: 6px; } .docs-link-smartinsertlinkbubble-search-icon-focused { padding: 5px 6px 5px= 5px; } .docs-link-smartinsertlinkbubble-anchor-text-container { position: relative= ; margin: 16px 16px 6px; } .docs-link-smartinsertlinkbubble-text-label { display: block; height: 13px;= padding: 8px 0px; } .docs-link-smartinsertlinkbubble-text { display: block; width: 262px; } .docs-gm .docs-material-bubble .docs-link-insertlinkbubble .docs-link-smart= insertlinkbubble-text { box-sizing: content-box; color: var(--gm3-sys-color= -on-surface-variant,#444746); height: 32px; margin: 0px; width: 294px; } .docs-gm .docs-material-bubble .docs-link-smartinsertlinkbubble-text:focus = { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-link-smartinsertlinkbubble-text, .docs-link-smartinsertlinkbubble-tex= t-label { margin-bottom: 5px; } .docs-gm .docs-link-smartinsertlinkbubble-text-label { background-color: va= r(--gm3-sys-color-surface,#fff); box-shadow: 5px 0 0 var(--gm3-sys-color-su= rface,#fff),-5px 0 0 var(--gm3-sys-color-surface,#fff); color: var(--gm3-sy= s-color-on-surface-variant,#444746); display: inline; font-size: 0.75rem; l= eft: 12px; margin-bottom: 0px; max-width: 300px; padding: 0px; position: ab= solute; top: -8px; overflow-wrap: break-word; } .docs-link-smartlinksuggestion:last-child { margin-bottom: 6px; } .docs-link-smartlinksuggestion:first-child { margin-top: 6px; } .docs-link-smartlinksuggestion { border-width: medium; border-style: none; = border-color: currentcolor; border-image: none; border-collapse: separate; = border-spacing: 0px 6px; display: table; font-size: 90%; height: 24px; outl= ine: none; width: 100%; } .docs-link-smartlinksuggestion-paste-match:focus, .docs-link-smartlinksugge= stion-paste-match:hover, .docs-link-smartlinksuggestion:focus, .docs-link-s= martlinksuggestion:hover { cursor: pointer; background-color: color-mix(in = srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface= -container-low,#f8fafd)); outline: transparent dotted 1px; } .docs-link-smartlinksuggestion-paste-match { background-color: var(--gm3-sy= s-color-surface-container-low,#f8fafd); } .docs-link-smartlinksuggestion-favicon { padding-left: 2px; } .docs-link-smartlinksuggestion-icon { display: table-cell; height: 21px; pa= dding: 0px 12px 0px 16px; vertical-align: middle; width: 21px; } .docs-link-smartlinksuggestion-search, .docs-link-smartlinksuggestion-title= { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 3= 00px; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-link-smartlinksuggestion-title:last-child { margin-top: 2px; } .docs-link-smartlinksuggestion-search { color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); font-size: 0.75rem; } .docs-link-smartlinksuggestion-text { display: table-cell; } .docs-link-smartlinksuggestion-action-link { border-color: var(--gm3-sys-co= lor-outline-variant,#c4c7c5); border-style: solid; border-width: 1px 0px 0p= x; color: var(--gm3-sys-color-on-surface-variant,#444746); background-color= : transparent; } .docs-link-smartlinksuggestioncontentbox-empty-container, .docs-link-smartl= inksuggestioncontentbox-offline-container { width: 270px; height: 56px; mar= gin: 16px auto; } .docs-link-smartlinksuggestioncontentbox-empty-label, .docs-link-smartlinks= uggestioncontentbox-offline-label { font-family: "Google Sans"; font-size: = 0.875rem; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-varia= nt,#444746); margin-top: 60px; text-align: center; } .docs-link-smartlinksuggestioncontentbox-promo-label-title { padding: 49px = 28px 3px; font-family: "Google Sans"; font-size: 1rem; line-height: 1.5rem;= align-items: center; text-align: center; letter-spacing: 0.00625rem; color= : var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-link-smartlinksuggestioncontentbox-promo-label { padding: 0px 28px; f= ont-family: "Google Sans"; font-size: 0.875rem; line-height: 1.25rem; align= -items: center; text-align: center; letter-spacing: 0.00625rem; color: var(= --gm3-sys-color-on-surface-variant,#444746); } .docs-link-smartinsertlinkbubble-search-bubble { margin: -1px; outline: non= e; padding: 1px; height: 330px; } .docs-link-smartinsertlinkbubble-search-bubble-sheets-small { height: 240px= ; } .docs-link-smartinsertlinkbubble-search-bubble-drawings { height: 290px; } .docs-gm .docs-link-smartinsertlinkbubble-searchholder, .docs-gm .docs-link= -smartinsertlinkbubble-toppane { position: relative; } .docs-gm .docs-link-smartinsertlinkbubble-searchholder { margin-right: 4px;= } .docs-gm .docs-link-smartinsertlinkbubble-toppane { display: flex; height: = 50px; } .docs-insert-link-bubble-internal-links-button { color: var(--ws-sys-color-= extended-grey-fill,#5e5e5e); background-color: transparent; margin: 0px; fo= nt-size: 90%; padding: 6px 16px; border-color: var(--ws-sys-color-extended-= grey-outline,#e3e3e3); border-style: solid; border-width: 1px 0px 0px; bott= om: 0px; right: 0px; left: 0px; position: absolute; border-radius: 0px 0px = 8px 8px; } .docs-insert-link-bubble-internal-links-button:focus, .docs-insert-link-bub= ble-internal-links-button:hover { background-color: color-mix(in srgb,var(-= -ws-sys-color-extended-on-grey-fill,#fff) 10%,var(--ws-sys-color-extended-g= rey-fill,#5e5e5e)); outline: none; cursor: pointer; } .docs-insert-link-bubble-internal-links-text { display: inline-block; overf= low: hidden; text-overflow: ellipsis; white-space: nowrap; width: 252px; fo= nt-size: 0.875rem; font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-weight: 500; color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); padding: 8px 0px; } .docs-link-internal-links-icon { float: right; width: 24px; height: 24px; m= argin: 4px; } [dir=3D"rtl"] .docs-link-internal-links-icon { transform: rotate(180deg); } .docs-link-smartinsertlinkbubble-apply-button, .docs-link-smartinsertlinkbu= bble-apply-button.jfk-button.jfk-button-standard { font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem;= margin: 8px; cursor: pointer; height: 28px; border-width: medium; border-s= tyle: none; border-color: currentcolor; border-image: none; box-shadow: non= e; outline: none; background: none; color: var(--gm3-sys-color-primary,#0b5= 7d0); padding: 4px 0px; align-self: center; font-weight: 500; } .docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standar= d.jfk-button-disabled { color: color-mix(in srgb,var(--gm3-sys-color-on-sur= face,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); pointer-events: none;= } .docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standar= d:active:hover, .docs-link-smartinsertlinkbubble-apply-button.jfk-button.jf= k-button-standard:focus, .docs-link-smartinsertlinkbubble-apply-button:acti= ve:hover, .docs-link-smartinsertlinkbubble-apply-button:focus { background:= color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 10%,transparent); b= order-radius: 4px; color: var(--gm3-sys-color-on-primary-container,#0842a0)= ; } .docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standar= d:hover, .docs-link-smartinsertlinkbubble-apply-button:hover { background: = color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 8%,transparent); col= or: var(--gm3-sys-color-on-primary-container,#0842a0); } .docs-link-smartinsertlinkbubble-internal-links-bubble { margin: -1px; outl= ine: none; padding: 1px; height: 288px; } .docs-link-back-to-search-icon-button { float: left; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); margin: 4px 8px 4px 2px; padding: 0px; mi= n-width: 24px; border-radius: 9999px; } .docs-material .docs-link-back-to-search-icon-button .docs-icon { height: 2= 4px; width: 24px; } [dir=3D"rtl"] .docs-link-back-to-search-icon-button { transform: rotate(180= deg); } .docs-link-back-to-search-icon-button:focus, .docs-link-back-to-search-icon= -button:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-= surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff)); cursor: pointer; ou= tline: none; } .docs-insert-link-bubble-back-search-text { display: inline-block; overflow= : hidden; text-overflow: ellipsis; white-space: nowrap; width: 146px; font-= size: 0.875rem; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; color: var(--gm3-sys-color-on-surface-variant,#444746);= padding: 8px 0px; } .docs-link-smartinsertlinkbubble-internal-links-heading { position: relativ= e; } .docs-link-smartinternallinksuggestiongroup-title { text-transform: upperca= se; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-st= yle: normal; font-weight: 500; font-size: 0.6875rem; margin: 5px 16px 11px;= } .docs-ml-promotion { z-index: 1002; } .docs-ml-header { z-index: 1; } .docs-ml-icon { direction: ltr; display: inline-block; text-align: left; ov= erflow: hidden; position: relative; vertical-align: middle; } .docs-ml-img::before { content: url("https://ssl.gstatic.com/docs/common/mo= bileweb_sprite1.png"); } .docs-ml-img-container { height: 156px; position: absolute; width: 36px; } .docs-ml-docs-logo-icon { left: 0px; top: -36px; } .docs-ml-sheets-logo-icon { left: 0px; top: 0px; } .docs-ml-slides-logo-icon { left: 0px; top: -96px; } .docs-ml-arrow-back-icon { left: 0px; top: -132px; } .docs-ml-edit-icon { left: 0px; top: -72px; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .docs-ml-img { content: url("https://ssl.gstatic.com/docs/common/mobilewe= b_sprite1.png"); } .docs-ml-img-container { height: 156px; position: absolute; width: 36px; = } .docs-ml-docs-logo-icon { left: 0px; top: -36px; } .docs-ml-sheets-logo-icon { left: 0px; top: 0px; } .docs-ml-slides-logo-icon { left: 0px; top: -96px; } .docs-ml-arrow-back-icon { left: 0px; top: -132px; } .docs-ml-edit-icon { left: 0px; top: -72px; } } .docs-ml-promotion { background: var(--gm3-sys-color-surface,#fff); bottom:= 0px; box-shadow: 0 4px 12px color-mix(in sRGB,var(--gm3-sys-color-shadow,#= 000) 40%,transparent); font-family: "Google Sans", Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; left: 0px; position: fixed; width: 100%; } .docs-ml-promotion-off-screen { transform: translateY(100%); } .docs-ml-promotion-shown { transform: translateY(0px); transition: transfor= m 333ms cubic-bezier(0.4, 0, 0.2, 1); } .docs-ml-promotion-dismissed { transform: translateY(100%); box-shadow: non= e; } .docs-ml-promotion-no-horizontal-scroll { overflow-x: hidden; } .docs-ml-promotion-header { display: table; padding: 24px 24px 0px; } .docs-ml-promotion-app-icon-container { display: table-cell; } .docs-ml-promotion-app-icon { height: 36px; width: 36px; } @media (min-width: 600px) { .docs-ml-promotion-app-icon { transform: scale(1.33); } } .docs-ml-promotion-text { display: table-cell; padding-left: 20px; vertical= -align: top; } .docs-ml-promotion-text-heading { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-size: 1rem; font-weight: 700; padding-bottom: 7px; } .docs-ml-promotion-text-body { color: var(--gm3-sys-color-on-surface,#1f1f1= f); font-size: 0.875rem; } .docs-ml-promotion-action-row { float: right; margin-top: 6px; padding: 8px= 24px; } .docs-ml-promotion-action-row-desktop { margin-top: 6px; } .docs-ml-promotion-action-container { display: inline-block; height: 48px; = margin: 6px 4px; vertical-align: middle; } .docs-ml-promotion-action-button { display: inline-block; font-size: 0.875r= em; font-weight: 500; padding: 9px 12px; vertical-align: middle; } .docs-ml-promotion-action-button-wrapper:focus { outline-color: var(--gm3-s= ys-color-outline-variant,#c4c7c5); } .docs-ml-promotion-action-button.docs-ml-promotion-yes-button { background-= color: var(--gm3-sys-color-primary,#0b57d0); border-radius: 4px; color: var= (--gm3-sys-color-on-primary,#fff); border: 1px solid transparent; } .docs-ml-promotion-action-button.docs-ml-promotion-yes-button:active { back= ground-color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,va= r(--gm3-sys-color-primary,#0b57d0)); } .docs-ml-promotion-action-button.docs-ml-promotion-no-button { background-c= olor: var(--gm3-sys-color-surface-container-low,#f8fafd); color: var(--gm3-= sys-color-on-surface-variant,#444746); border-radius: 4px; border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-ml-promotion-action-button.docs-ml-promotion-no-button:active { backg= round-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,= var(--gm3-sys-color-surface-container-low,#f8fafd)); } .docs-ml-promotion.desktop { text-align: center; } @media (orientation: portrait) { .docs-ml-promotion.desktop { padding-top: 56px; padding-bottom: 80px; } } @media (orientation: landscape) { .docs-ml-promotion.desktop { padding-top: 36px; padding-bottom: 56px; } } .docs-ml-promotion-heading-desktop { font-family: "Google Sans"; font-size:= 18px; font-weight: 700; color: var(--gm3-sys-color-on-surface,#1f1f1f); pa= dding-top: 18px; padding-bottom: 10px; line-height: 1.5; max-width: 360px; = margin: 0px auto; } @media (orientation: landscape) { .docs-ml-promotion-heading-desktop { padding-top: 0px; max-width: none; } } .docs-ml-promotion-text-body-desktop { font-size: 0.875rem; line-height: 1.= 5; color: var(--gm3-sys-color-on-surface-variant,#444746); padding-bottom: = 10px; } .docs-icon.docs-ml-promotion-desktop-icon { height: 40px; width: 40px; tran= sform: scale(2.5); transform-origin: center top; } .docs-icon-ml-promotion-icon-container-desktop { height: 100px; width: 100p= x; margin-left: auto; margin-right: auto; } @media (orientation: landscape) { .docs-icon-ml-promotion-icon-container-desktop { display: inline-block; v= ertical-align: top; } .docs-ml-promotion-description-desktop { display: inline-block; vertical-= align: top; text-align: left; padding-left: 39px; max-width: 645px; } } @media (orientation: landscape) { .docs-ml-promotion-action-row-desktop { margin-left: -8px; } } .docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-container {= margin: 6px 8px; font-family: "Google Sans"; } .docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-button-wrap= per:focus { outline: none; } .docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promo= tion-app-themed { border-radius: 4px; box-shadow: none; box-sizing: border-= box; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; font-weight: 500; font-size: 0.875rem; height: 36px; letter-spacin= g: 0.00625rem; line-height: 1rem; padding: 9px 24px 11px; background: var(-= -gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff= ); border: 1px solid transparent !important; } .docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promot= ion-app-themed { border-radius: 4px; box-shadow: none; box-sizing: border-b= ox; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans= -serif; font-weight: 500; font-size: 0.875rem; height: 36px; letter-spacing= : 0.00625rem; line-height: 1rem; padding: 9px 24px 11px; background: var(--= gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-primary,#0b57d0); b= order: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !important; } .docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-bu= tton.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed { color: var= (--gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba(var(--g= m3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-pr= imary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); box-shado= w: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-bu= tton.docs-ml-promotion-no-button.docs-ml-promotion-app-themed { border-radi= us: 4px; box-shadow: none; box-sizing: border-box; font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; fo= nt-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; line-height: 1= rem; padding: 9px 24px 11px; background: linear-gradient(rgba(var(--gm3-sys= -color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-p= rimary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#= d3e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd) != important; } .docs-in-editor-sync-state-icon { float: right; margin: 0px 0px 0px 24px; v= ertical-align: middle; } .docs-in-editor-sync-state-icon .docs-icon { height: 20px; margin: 0px; opa= city: 1; width: 20px; } .docs-in-editor-animated-sync { animation-duration: 2s; animation-iteration= -count: infinite; animation-name: spin; animation-timing-function: linear; = transform-origin: center center; } @keyframes spin {=20 0% { transform: rotate(1turn); } 100% { transform: rotate(0deg); } } .picker-api-container, .picker-iframe-container { height: 100%; width: 100%= ; position: relative; } .picker-close-button { position: absolute; z-index: 100; top: 12px; right: = 14px; width: 36px; height: 36px; border-radius: 18px; border-width: 0px; ba= ckground-color: transparent; } .picker-close-button:hover { background-color: rgba(60, 64, 67, 0.04); } .picker-close-button:active { background-color: rgba(60, 64, 67, 0.12); } .picker-close-button-svg { fill: rgb(97, 97, 97); } .content-library .picker-close-button-svg { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .content-library .picker-loading-container { position: absolute; height: 10= 0%; width: 100%; background-color: rgb(240, 244, 249); align-items: center;= justify-content: space-evenly; display: none; } .content-library.loading .picker-loading-container { display: flex; backgro= und-color: rgb(240, 244, 249); } .dark-mode.loading .picker-loading-container { background-color: rgb(40, 42= , 44); } .dark-mode .picker-close-button { fill: rgb(255, 255, 255); } .picker-close-button:hover { background-color: rgba(110, 119, 124, 0.12); } .picker-close-button:active { background-color: rgba(110, 119, 124, 0.12); = } .content-library.loaded .picker-loading-container, .content-library.loading= .picker-iframe-container, .content-library.loading-timed-out .picker-loadi= ng-container { display: none; } .google-picker.modal-dialog { background-color: rgb(233, 238, 246); border-= width: medium; border-style: none; border-color: currentcolor; border-image= : none; padding: 0px; transition: top 0.5s ease-in-out; z-index: 1004; bord= er-radius: 28px; box-shadow: rgba(60, 64, 67, 0.15) 0px 4px 8px 3px, rgba(6= 0, 64, 67, 0.3) 0px 1px 3px; overflow: hidden; right: auto; bottom: auto; } .google-picker.modal-dialog .picker-close-button { top: 20px; right: 18px; = } .google-picker.modal-dialog-bg { background-color: rgba(var(--gm3-sys-color= -scrim-rgb,0,0,0),.32); z-index: 1003; border-width: medium; border-style: = none; border-color: currentcolor; border-image: none; bottom: auto; right: = auto; } .google-picker.transparent-picker.modal-dialog { background-color: transpar= ent; border-width: medium; border-style: none; border-color: currentcolor; = border-image: none; box-shadow: none; padding: 0px; } .google-picker.transparent-picker.modal-dialog-content { background-color: = transparent; } .mspin-small { width: 24px; height: 24px; overflow: hidden; animation: 1568= .63ms linear 0s infinite normal none running mspin-rotate; } .mspin-small > div { animation: 5332ms steps(4) 0s infinite normal none run= ning mspin-revrot; } .mspin-small > div > div { background-image: url("//ssl.gstatic.com/docs/pi= cker/images/loading_spinner_small.svg"); background-size: 100% auto; width:= 7776px; height: 24px; animation: 5332ms steps(324) 0s infinite normal none= running mspin-small-film; } @keyframes mspin-small-film {=20 0% { transform: translateX(0px); } 100% { transform: translateX(-7776px); } } @keyframes mspin-rotate {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes mspin-revrot {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(-1turn); } } .google-url-picker.modal-dialog { background-color: var(--gm3-sys-color-bac= kground,#fff); border-width: medium; border-style: none; border-color: curr= entcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px 0= px; padding: 0px; z-index: 1002; } .google-url-picker.modal-dialog-bg { opacity: 0.5; z-index: 1001; } .google-url-picker .modal-dialog-title { display: none; } .picker-urlview { padding: 24px 64px 0px 32px; } .picker-urlview-header { color: var(--gm3-sys-color-on-background,#1f1f1f);= font-weight: 400; font-size: 18px; line-height: 22px; } .picker-urlview-inner-input { border-width: 0px 0px 2px; border-color: rgb(= 94, 151, 246); border-style: solid; margin-top: 24px; padding-bottom: 6px; = width: 400px; background-color: transparent; color: var(--gm3-sys-color-on-= surface,#1f1f1f); } .picker-urlview-actionbar { display: flex; justify-content: flex-end; paddi= ng: 26px; } .picker-urlview-image { display: flex; justify-content: center; min-height:= 32px; } .picker-urlview-cancelbutton { background-color: var(--gm3-sys-color-backgr= ound,#fff); border-width: medium; border-style: none; border-color: current= color; border-image: none; color: var(--gm3-sys-color-on-background,#1f1f1f= ); cursor: pointer; font-size: 14px; font-weight: 400; margin-right: 24px; = text-transform: uppercase; } .picker-urlview-insertbutton { background-color: var(--gm3-sys-color-backgr= ound,#fff); border-width: medium; border-style: none; border-color: current= color; border-image: none; color: rgb(71, 136, 244); cursor: pointer; font-= size: 14px; font-weight: 400; padding: 1px 0px; text-transform: uppercase; = } .picker-urlview-insertbutton:disabled { color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); cursor: auto; } .picker-urlview-inner-input:focus { outline: none; } .picker-urlview-error-container { color: rgb(212, 0, 0); font-size: 12px; w= idth: 400px; } .picker-urlview-disclaimer-container { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-size: 10px; padding-top: 8px; width: 400px; } .picker-urlview-close-icon { background-color: rgba(0, 0, 0, 0.4); border-w= idth: medium; border-style: none; border-color: currentcolor; border-image:= none; border-radius: 50%; height: 32px; margin-top: 10px; margin-right: 10= px; position: absolute; right: 0px; text-align: center; width: 32px; } .picker-urlview-close-icon svg { fill: var(--gm3-sys-color-on-background,#1= f1f1f); margin: -4px 0px 0px -12px; opacity: 0.5; } .picker-urlview-loading-icon { display: inline-block; direction: ltr; heigh= t: 24px; width: 24px; padding: 20px 0px 0px 8px; position: absolute; z-inde= x: 1; } .picker-tooltip { z-index: 1003 !important; } .docs-ruler { background: transparent; cursor: default; direction: ltr; ove= rflow: hidden; user-select: none; font-family: "Google Sans Mono", "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; height: 15px; } .docs-horizontal-ruler { border-bottom: 1px solid var(--gm3-sys-color-outli= ne-variant,#c4c7c5); height: 15px; background-color: var(--gm3-sys-color-su= rface-container-low,#f8fafd) !important; } .docs-vertical-ruler { border-right: 1px solid var(--gm3-sys-color-outline-= variant,#c4c7c5); width: 15px; contain: content; background-color: var(--gm= 3-sys-color-surface-container-low,#f8fafd) !important; } .docs-ruler-inner { outline-style: none; position: absolute; } .docs-horizontal-ruler .docs-ruler-inner { text-align: left; } .docs-ruler-background, .docs-ruler-face-inner, .docs-ruler-mask { position= : absolute; outline-style: none; } .docs-horizontal-ruler .docs-ruler-mask { height: 15px; } .docs-vertical-ruler .docs-ruler-mask { width: 15px; } .docs-ruler-background { background-color: transparent; } .docs-horizontal-ruler .docs-ruler-background { height: 15px; } .docs-vertical-ruler .docs-ruler-background { width: 15px; } .docs-ruler-background-inner { position: absolute; background-color: var(--= gm3-sys-color-surface-container-low,#f8fafd); } .docs-hc-gecko-white.docs-ruler-background-inner, .docs-hc-gecko.docs-ruler= -background-inner { filter: invert(50%); } .docs-horizontal-ruler .docs-ruler-background-inner { height: 15px; border-= bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-vertical-ruler .docs-ruler-background-inner { width: 15px; border-rig= ht: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-ruler-contributed-dragger, .docs-ruler-contributed-dragger-container = { position: absolute; font-size: 0px; } .docs-ruler-face { position: absolute; overflow: hidden; contain: content; = } .docs-horizontal-ruler .docs-ruler-face { height: 15px; } .docs-vertical-ruler .docs-ruler-face { width: 15px; } .docs-ruler-face-first-division, .docs-ruler-face-major-division, .docs-rul= er-face-minor-division { font-size: 0px; position: absolute; } .docs-horizontal-ruler .docs-ruler-face-major-division, .docs-horizontal-ru= ler .docs-ruler-face-minor-division { border-left-width: ; border-left-styl= e: ; border-color: var(--gm3-sys-color-outline,#747775); } .docs-horizontal-ruler .docs-ruler-face-minor-division { height: 4px; margi= n: 11px 0px 0px; } .docs-horizontal-ruler .docs-ruler-face-major-division { height: 8px; margi= n: 7px 0px 0px; } .docs-horizontal-ruler .docs-ruler-face-first-division { height: 15px; } .docs-vertical-ruler .docs-ruler-face-first-division { width: 15px; } .docs-vertical-ruler .docs-ruler-face-major-division, .docs-vertical-ruler = .docs-ruler-face-minor-division { border-top-width: ; border-top-style: ; b= order-color: var(--gm3-sys-color-outline,#747775); } .docs-vertical-ruler .docs-ruler-face-minor-division { width: 4px; margin: = 0px 0px 0px 11px; } .docs-vertical-ruler .docs-ruler-face-major-division { width: 8px; margin: = 0px 0px 0px 7px; } .docs-ruler-face-first-division { margin: 0px; border-width: medium; border= -style: none; border-color: currentcolor; border-image: none; } .docs-ruler-face-number { position: absolute; color: var(--gm3-sys-color-on= -surface-variant,#444746); font-size: 0.6875rem; line-height: 11px; text-al= ign: center; } .docs-horizontal-ruler .docs-ruler-face-number { height: 15px; transform: t= ranslateX(-50%); } .docs-vertical-ruler .docs-ruler-face-number { width: 15px; transform: tran= slateY(-50%) rotate(-90deg); right: 2px; top: 1px; } .docs-horizontal-ruler .docs-ruler-face-first-division, .docs-horizontal-ru= ler .docs-ruler-face-major-division, .docs-horizontal-ruler .docs-ruler-fac= e-minor-division { display: inline-block; } .docs-horizontal-ruler .docs-ruler-face-major-division, .docs-horizontal-ru= ler .docs-ruler-face-minor-division { width: 1px; } .docs-vertical-ruler .docs-ruler-face-major-division, .docs-vertical-ruler = .docs-ruler-face-minor-division { height: 1px; } .docs-ruler-guide { background: var(--gm3-sys-color-primary,#0b57d0); posit= ion: fixed; z-index: 24; } .docs-horizontal-ruler .docs-ruler-guide { width: 1px; } .docs-vertical-ruler .docs-ruler-guide { height: 1px; } .docs-ruler-guide-tooltip { background: var(--gm3-sys-color-inverse-surface= ,#303030); color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); border-r= adius: 2px; padding: 5px 8px; font-size: 13px; position: fixed; z-index: 24= ; } .docs-horizontal-ruler .docs-ruler-guide-tooltip { transform: translateX(-5= 0%) translateY(-100%); } .docs-vertical-ruler .docs-ruler-guide-tooltip { transform: translateY(-105= %); } .docs-ruler-contributed-dragger { margin-left: -1px; width: 2px !important;= height: 12px !important; } .docs-ruler-contributed-dragger-container { background-color: var(--gm3-sys= -color-surface-container,#f0f4f9); border: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5); } .docs-ruler-contributed-dragger-horizontal { cursor: col-resize; height: 12= px; } .docs-ruler-contributed-dragger-vertical { cursor: row-resize; width: 12px;= } .docs-ruler-contributed-dragger-vertical .docs-ruler-contributed-dragger { = margin-left: 4px; margin-top: -6px; transform: rotate(90deg); } .docs-ruler-contributed-dragger .docs-icon-col-dragger { margin-left: -9px;= margin-top: -4px; } .docs-ruler-context-menu-arrow-horizontal, .docs-ruler-context-menu-arrow-v= ertical { position: absolute; } .docs-ruler-context-menu-arrow-horizontal { top: -9px; } .docs-ruler-context-menu-arrow-after, .docs-ruler-context-menu-arrow-before= { display: block; height: 0px; position: absolute; width: 0px; } .docs-ruler-context-menu-arrow-before { border: 9px solid; } .docs-ruler-context-menu-arrow-after { border: 8px solid; } .docs-ruler-context-menu-arrow-horizontal .docs-ruler-context-menu-arrow-be= fore { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5) transpare= nt; border-top-width: 0px; left: -9px; } .docs-ruler-context-menu-arrow-horizontal .docs-ruler-context-menu-arrow-af= ter { border-color: var(--gm3-sys-color-surface,#fff) transparent; border-t= op-width: 0px; left: -8px; top: 1px; } .docs-ruler-context-menu-arrow-vertical { top: 0px; } .docs-ruler-context-menu-arrow-vertical .docs-ruler-context-menu-arrow-befo= re { border-color: transparent var(--gm3-sys-color-outline-variant,#c4c7c5)= ; top: 10px; } .docs-ruler-context-menu-arrow-vertical .docs-ruler-context-menu-arrow-afte= r { border-color: transparent var(--gm3-sys-color-surface,#fff); top: 11px;= } .docs-ruler-context-menu-arrow-vertical-right .docs-ruler-context-menu-arro= w-before { border-right-width: 0px; right: -19px; } .docs-ruler-context-menu-arrow-vertical-right .docs-ruler-context-menu-arro= w-after { border-right-width: 0px; right: -18px; } .docs-ruler-context-menu-arrow-vertical-left .docs-ruler-context-menu-arrow= -before { border-left-width: 0px; left: -19px; } .docs-ruler-context-menu-arrow-vertical-left .docs-ruler-context-menu-arrow= -after { border-left-width: 0px; left: -18px; } .docs-ruler-face-tick-mark { position: absolute; } .docs-horizontal-ruler .docs-ruler-face-tick-mark { height: 14px; border-le= ft: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-vertical-ruler .docs-ruler-face-tick-mark { width: 14px; border-top: = 1px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-ruler-indent-end, .docs-ruler-indent-first-line, .docs-ruler-indent-s= tart, .docs-ruler-margin-end, .docs-ruler-margin-start { position: absolute= ; } .docs-horizontal-ruler .docs-ruler-indent-first-line, .docs-horizontal-rule= r .docs-ruler-indent-first-line::before { width: 11px; height: 4px; } .docs-gm .docs-horizontal-ruler .docs-material .docs-ruler-indent-first-lin= e, .docs-gm .docs-horizontal-ruler .docs-material .docs-ruler-indent-first-= line::before { height: 4px; width: 12px; } .docs-horizontal-ruler .docs-ruler-indent-first-line { background-color: tr= ansparent; margin: 2px 0px 0px; } .docs-horizontal-ruler .docs-ruler-indent-end-sprite, .docs-horizontal-rule= r .docs-ruler-indent-start-sprite { left: -50px; top: -7px; } .docs-horizontal-ruler .docs-ruler-indent-end, .docs-horizontal-ruler .docs= -ruler-indent-start { top: 7px; width: 11px !important; height: 6px !import= ant; } .docs-gm .docs-horizontal-ruler .docs-ruler-indent-end, .docs-gm .docs-hori= zontal-ruler .docs-ruler-indent-start { margin-left: 0px; margin-right: 0px= ; top: 6px; height: 6px !important; width: 12px !important; } .docs-gm .docs-ruler-inner .docs-icon-tabstop-center-bottom-blue500 { margi= n-left: -3px; margin-top: -7px; } .docs-gm .docs-horizontal-ruler .docs-ruler-indent-first-line { margin-left= : 0px; margin-right: 0px; width: 12px; } .docs-gm .docs-ruler-inner .docs-icon-ruler-first-indent-drag-blue500 { mar= gin-left: -3px; } .docs-vertical-ruler .docs-ruler-indent-first-line, .docs-vertical-ruler .d= ocs-ruler-indent-first-line::before { width: 11px !important; height: 4px != important; } .docs-vertical-ruler .docs-ruler-indent-first-line { background-color: tran= sparent; margin-top: 5.5px; right: 4px; transform: translateY(-50%) rotate(= -90deg); } .docs-vertical-ruler .docs-ruler-indent-end, .docs-vertical-ruler .docs-rul= er-indent-start { margin-top: 6px; left: 4px; transform: translateY(-50%) r= otate(-90deg); width: 11px !important; height: 6px !important; } .docs-gm .docs-vertical-ruler .docs-material .docs-ruler-indent-first-line = { background-color: transparent; margin-top: 5.5px; right: 2px; transform: = translateY(-50%) rotate(-90deg); width: 12px !important; height: 4px !impor= tant; } .docs-gm .docs-vertical-ruler .docs-material .docs-ruler-indent-end, .docs-= gm .docs-vertical-ruler .docs-material .docs-ruler-indent-start { margin-to= p: 5.5px; left: 4px; transform: translateY(-50%) rotate(-90deg); width: 12p= x !important; height: 7px !important; } .docs-ruler-margin-container { position: relative; } .docs-horizontal-ruler .docs-ruler-margin-end, .docs-horizontal-ruler .docs= -ruler-margin-start { height: 15px; } .docs-vertical-ruler .docs-ruler-margin-end, .docs-vertical-ruler .docs-rul= er-margin-start { width: 15px; } .docs-horizontal-ruler .docs-ruler-margin-start { cursor: e-resize; } .docs-vertical-ruler .docs-ruler-margin-start { cursor: s-resize; } .docs-horizontal-ruler .docs-ruler-margin-end { cursor: w-resize; } .docs-vertical-ruler .docs-ruler-margin-end { cursor: n-resize; } .docs-ruler-inner .docs-icon-indent-bottom { margin-left: -5px; margin-top:= -7px; } .docs-hub .docs-horizontal-ruler, .docs-hub .docs-ruler-background-inner, .= docs-hub .docs-vertical-ruler { background-color: var(--gm3-sys-color-on-pr= imary,#fff) !important; } .docs-ruler-division-active .docs-ruler-face-number { font-weight: 500; } .docs-horizontal-ruler .docs-ruler-division-active, .docs-ruler-division-ac= tive .docs-ruler-face-minor-division, .docs-vertical-ruler .docs-ruler-divi= sion-active { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-vertical-ruler-active-indicators { overflow: hidden; pointer-events: = none; position: absolute; top: 15px; width: 16px; } .docs-vertical-ruler-active-indicators-inner { position: absolute; width: 1= 6px; } .docs-vertical-ruler-active-indicator { background-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); position: absolute; right: 0px; width: 1px; } .docs-checkupdialog-content-container { background: var(--gm3-sys-color-sur= face,#fff); border: 1px solid transparent; border-radius: 2px; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); font-family: Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; margin-top:= 0px; position: absolute; right: 12px; width: 364px; z-index: 507; } .docs-checkupdialog { margin-top: 0px; position: absolute; right: 12px; wid= th: 364px; z-index: 507; } .docs-checkupdialog-close-container { height: 24px; padding-top: 2px; posit= ion: absolute; right: 26px; top: 16px; width: 24px; z-index: 507; } .docs-checkupdialog-button-close { cursor: pointer; opacity: 0.54; } .docs-checkupdialog-button-close:focus { opacity: 1; outline: 1px solid var= (--gm3-sys-color-primary,#0b57d0); } .docs-checkupdialog-button-close:hover { opacity: 1; outline: none; } .docs-checkupdialog-header { align-items: center; display: flex; border-bot= tom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); font-size: 0.8= 75rem; font-weight: 500; padding: 20px 40px 16px 24px; user-select: none; } .docs-checkupdialog-header-text { width: 208px; } .docs-checkupdialog-no-misspellings { font-size: 0.875rem; margin-bottom: 0= px; outline: none; padding: 20px 40px 16px 24px; } .docs-checkupdialog-debug-section { display: flex; } .docs-checkupdialog-debug-info { font-size: 8px; font-style: normal; margin= -left: auto; padding-right: 16px; padding-top: 2px; } .docs-checkupdialog-misspellings-no-replacements-title, .docs-checkupdialog= -misspellings-title { align-items: center; display: flex; user-select: none= ; } .docs-checkupdialog-message-section, .docs-checkupdialog-misspellings-conte= nt-holder { padding: 20px 24px 0px; } .docs-checkupdialog-button-space-filler { flex: 1 1 0%; } .docs-checkupdialog-next-misspelling, .docs-checkupdialog-previous-misspell= ing { border: 1px solid transparent; height: 26px; padding: 0px; position: = absolute; top: 15px; width: 26px; z-index: 507; } .docs-checkupdialog-previous-misspelling { margin-left: 16px; right: 108px;= } .docs-checkupdialog-next-misspelling { margin-left: 4px; right: 76px; } .docs-checkupdialog-next-misspelling .docs-icon, .docs-checkupdialog-previo= us-misspelling .docs-icon { vertical-align: sub; } .docs-checkupdialog-next-misspelling.docs-material-button-focused, .docs-ch= eckupdialog-previous-misspelling.docs-material-button-focused { padding: 0p= x; } .docs-checkupdialog-next-misspelling.docs-material-button-disabled, .docs-c= heckupdialog-previous-misspelling.docs-material-button-disabled { fill: col= or-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-co= lor-surface,#fff)); } .docs-checkupdialog-next-misspelling.docs-material-button-focused.docs-mate= rial-button-no-focus-border, .docs-checkupdialog-previous-misspelling.docs-= material-button-focused.docs-material-button-no-focus-border { border: 1px = solid transparent; padding: 0px; } .docs-checkupdialog-original-word { display: inline-block; font-weight: 500= ; margin: 0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: = nowrap; } #docs-checkupdialog-suggestion-list-scroller { position: relative; } .docs-checkupdialog-suggestion-list-scroller-content { align-items: center;= height: 40px; overflow: hidden; padding-top: 8px; position: relative; whit= e-space: nowrap; } .docs-checkupdialog-suggestion-list > * { transition: transform 0.2s cubic-= bezier(0.4, 0, 0.2, 1); } .docs-checkupdialog-suggestion-list-left-scroll, .docs-checkupdialog-sugges= tion-list-right-scroll { background-color: var(--gm3-sys-color-surface,#fff= ); border: 1px solid transparent; border-radius: 9999px; height: 42px; marg= in: 0px; position: absolute; top: 6px; width: 42px; z-index: 508; padding: = 8px !important; } .docs-checkupdialog-suggestion-list-left-scroll.docs-material-button-hover,= .docs-checkupdialog-suggestion-list-right-scroll.docs-material-button-hove= r { background-color: var(--gm3-sys-color-surface,#fff); } .docs-checkupdialog-suggestion-list-left-scroll.docs-material-button-focuse= d.docs-material-button-no-focus-border, .docs-checkupdialog-suggestion-list= -right-scroll.docs-material-button-focused.docs-material-button-no-focus-bo= rder { border: 1px solid transparent; } .docs-checkupdialog-suggestion-list-left-scroll { left: -45px; } .docs-checkupdialog-suggestion-list-right-scroll { right: -45px; } .docs-checkupdialog-suggestion-list-left-scroll .docs-icon, .docs-checkupdi= alog-suggestion-list-right-scroll .docs-icon { vertical-align: sub; } .docs-checkupdialog-suggestion-button.jfk-button { background: var(--gm3-sy= s-color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline-varian= t,#c4c7c5); border-radius: 20px; color: var(--gm3-sys-color-on-surface-vari= ant,#444746); cursor: pointer; font-family: Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 0.875rem; font-weight: 400; height: 16px; li= ne-height: 1rem; margin-right: 8px; opacity: 1; padding: 9px 16px; } .docs-checkupdialog-suggestion-button.jfk-button-focused.jfk-button-hover, = .docs-checkupdialog-suggestion-button.jfk-button-hover { border: 1px solid = var(--gm3-sys-color-primary,#0b57d0); color: color-mix(in srgb,var(--gm3-sy= s-color-primary,#0b57d0) 8%,var(--gm3-sys-color-surface,#fff)); } .docs-checkupdialog-suggestion-button-focused.jfk-button-hover { background= : color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 8%,var(--gm3-sys-c= olor-surface,#fff)) !important; } .docs-checkupdialog-suggestion-button.jfk-button-focused { background-color= : color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-s= ys-color-surface,#fff)); } .docs-checkupdialog-suggestion-button-focused.jfk-button { border: 1px soli= d var(--gm3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-primary,= #0b57d0); } .docs-checkupdialog-suggestion-button-focused.jfk-button-focused { backgrou= nd-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,var(--= gm3-sys-color-surface,#fff)); } .docs-checkupdialog-button-container { align-items: center; display: flex; = padding: 24px 16px 16px; } .docs-checkupdialog-button-container > .docs-material-button { font-size: 0= .875rem; } .docs-checkupdialog-buttons-action { overflow: hidden; text-overflow: ellip= sis; } .docs-checkupdialog-button-add-to-dictionary, .docs-checkupdialog-button-ch= ange { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-checkupdialog-button-ignore { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); } .docs-checkupdialog-button-ignore.docs-material-button-hairline-default.doc= s-material-button { color: var(--gm3-sys-color-on-surface-variant,#444746);= padding: 9px 24px 11px; min-width: unset; font-size: 0.875rem; } .docs-checkupdialog-button-overflow { height: 24px; line-height: 22px; marg= in: 0px; padding: 0px; width: 24px; } .docs-checkupdialog-button-overflow.docs-material-button-disabled { opacity= : 0.26; } .docs-checkupdialog-button-overflow.docs-material-button-focused { line-hei= ght: 1.25rem; padding: 0px; } .docs-checkupdialog-overflow-menu .goog-menuitem.goog-menuitem-disabled { b= ackground-color: var(--gm3-sys-color-surface,#fff); color: color-mix(in srg= b,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#= fff)); } .docs-gm .docs-checkupdialog-button-add-to-dictionary, .docs-gm .docs-check= updialog-button-change { text-transform: none; } .docs-spell-menuitem-subtext { color: var(--gm3-sys-color-on-surface-varian= t,#444746); font-size: 13px; opacity: 0.9; } .goog-menuitem.docs-spell-feedbackmenu-item { font-family: Roboto, sans-ser= if; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .goog-menuitem.docs-stylistic-feedbackmenu-item { font-family: Roboto, sans= -serif; color: var(--gm3-sys-color-on-surface,#1f1f1f); width: 250px; white= -space: pre-line; } .docs-feedbackmenu-troubleshoot-item { font-size: 10px; line-height: 13.15p= x; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docs-spell-feedbackmenu-troubleshoot-item { width: 135px; } #docs-spellcheckslidingdialog-button-change-menu { box-shadow: none; backgr= ound-color: var(--gm3-sys-color-primary,#0b57d0); border: 1px solid var(--g= m3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff);= } #docs-spellcheckslidingdialog-button-change-menu:hover { background-color: = color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-col= or-primary,#0b57d0)); border-top-color: ; border-top-style: ; border-top-wi= dth: ; border-right-color: ; border-right-style: ; border-right-width: ; bo= rder-bottom-style: ; border-bottom-width: ; border-left-color: ; border-lef= t-style: ; border-left-width: ; border-image-source: ; border-image-slice: = ; border-image-width: ; border-image-outset: ; border-image-repeat: ; borde= r-bottom-color: var(--gm3-sys-color-primary,#0b57d0); } #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focu= sed { box-shadow: inset 0 0 0 1px var(--gm3-sys-color-surface,#fff); border= : color-mix(in srgb,var(--gm3-sys-color-outline,#747775) 0%,transparent) so= lid 1px; outline: color-mix(in srgb,var(--gm3-sys-color-outline,#747775) 0%= ,transparent) 0; } #docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-button-dro= pdown { border-color: var(--gm3-sys-color-on-primary,#fff) transparent; col= or: var(--gm3-sys-color-on-primary,#fff); } #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-open= { box-shadow: inset 0 1px 2px color-mix(in sRGB,var(--gm3-sys-color-shadow= -rgb,0,0,0) 30%,transparent); background: var(--gm3-sys-color-primary,#0b57= d0); border-right-color: ; border-right-style: ; border-right-width: ; bord= er-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-lef= t-color: ; border-left-style: ; border-left-width: ; border-image-source: ;= border-image-slice: ; border-image-width: ; border-image-outset: ; border-= image-repeat: ; border-top: 1px solid var(--gm3-sys-color-primary,#0b57d0);= } #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disa= bled { background: var(--gm3-sys-color-primary,#0b57d0); opacity: 0.5; } #docs-spellcheckslidingdialog-button-ignore-all { margin-left: 10px; } .docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-disa= bled, .docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-butto= n-disabled:hover { background: var(--gm3-sys-color-surface,#fff); opacity: = 0.5; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5) !import= ant; } .docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-focu= s, .docs-spellcheckslidingdialog-buttons-white-menu:hover { border: 1px sol= id var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-spellcheckslidingdialog-buttons-white-menu:focus { z-index: 2; } #docs-spellcheckslidingdialog-button-ignore, #docs-spellcheckslidingdialog-= button-ignore-menu { margin-bottom: 1px; } #docs-spellcheckslidingdialog-button-dictionary, #docs-spellcheckslidingdia= log-button-dictionary-menu { margin-top: 7px; } .docs-spellcheckslidingdialog-buttons-action { margin-left: 9px; overflow: = hidden; text-overflow: ellipsis; width: 110px; } .docs-spellcheckslidingdialog-count { color: var(--gm3-sys-color-on-surface= -variant,#444746); padding-left: 4px; } .goog-menuitem-disabled .docs-spellcheckslidingdialog-count { color: rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),.38); } #docs-spellcheckslidingdialog-id .docs-slidingdialog-close-container { posi= tion: absolute; right: 14px; top: 10px; } #docs-spellcheckslidingdialog-ignore-buttons { padding-top: 7px; vertical-a= lign: top; } .docs-spellcheckslidingdialog-replacement-input, .docs-spellcheckslidingdia= log-replacement-input:focus { background: transparent; border-width: medium= ; border-style: none; border-color: currentcolor; border-image: none; box-s= hadow: none; font-size: 13px; height: 25px; margin: 0px; outline: none; pad= ding: 1px 0px; width: 100%; } .docs-spellcheckslidingdialog-replacement-input-container { background: var= (--gm3-sys-color-surface,#fff); border-right-color: ; border-right-style: ;= border-right-width: ; border-bottom-color: ; border-bottom-style: ; border= -bottom-width: ; border-left-color: ; border-left-style: ; border-left-widt= h: ; border-image-source: ; border-image-slice: ; border-image-width: ; bor= der-image-outset: ; border-image-repeat: ; border-top: 1px solid var(--gm3-= sys-color-outline-variant,#c4c7c5); min-width: 20px; padding: 0px 8px; } .docs-spellcheckslidingdialog-replacement-input-container-focus { border: 1= px solid var(--gm3-sys-color-outline,#747775); box-shadow: inset 0 1px 2px = color-mix(in sRGB,var(--gm3-sys-color-shadow-rgb,0,0,0) 30%,transparent); o= utline: none; } .docs-spellcheckslidingdialog-title-text { margin-top: 2px; margin-bottom: = 10px; color: var(--gm3-sys-color-on-surface,#1f1f1f); cursor: default; } #docs-spellcheckslidingdialog-original-word { font-weight: 500; } .docs-spellcheckslidingdialog-title-text.docs-spellcheckslidingdialog-no-mi= sspellings { margin-bottom: 0px; padding-right: 33px; } #docs-spellcheckslidingdialog-no-misspellings:focus { outline: none; } #docs-spellcheckslidingdialog-suggestion-list { box-shadow: none; margin-le= ft: -1px; margin-top: -1px; height: 91px; overflow-y: auto; position: relat= ive; width: 100%; } .docs-spellcheckslidingdialog-container .goog-flat-menu-button { margin: 0p= x; height: 27px; } .docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-lef= t { margin-left: -1px; } .docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-rig= ht { min-width: 0px; padding-left: 0px; margin-left: 0px; border-radius: 0p= x 2px 2px 0px; } #docs-spellcheckslidingdialog-suggestion-list .goog-menuitem { padding-left= : 8px; } #docs-spellcheckslidingdialog-suggestion-list .goog-menuitem-checkbox { pos= ition: inherit; } .docs-spellcheckslidingdialog-container table { width: 100%; } .docs-spellcheckslidingdialog .docs-slidingdialog-holder { min-width: 250px= ; } .docs-spellcheckslidingdialog-loading-spinner, .docs-spellcheckslidingdialo= g-loading-text { display: inline-block; position: relative; transition: wid= th 0.3s ease-out; vertical-align: middle; } .docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog { padding: 16= px; } .docs-gm #docs-spellcheckslidingdialog-id td { padding: 0px; vertical-align= : top; } .docs-gm .docs-spellcheckslidingdialog-title-text { font-size: 0.875rem; he= ight: 24px; margin: 0px 0px 16px; line-height: 1.5rem; vertical-align: midd= le; } .docs-gm #docs-spellcheckslidingdialog-button-change, .docs-gm #docs-spellc= heckslidingdialog-button-change-menu { background-position-x: ; background-= position-y: ; background-size: ; background-repeat: ; background-attachment= : ; background-origin: ; background-clip: ; background-color: ; background-= image: none; border: 1px solid transparent; border-radius: 4px; box-shadow:= none; box-sizing: border-box; color: var(--gm3-sys-color-on-primary,#fff);= font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-se= rif; font-size: 0.875rem; font-weight: 500; height: 36px; letter-spacing: 0= .00625rem; line-height: 1rem; } .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-bu= tton-hover, .docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button= -hover { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rg= b,255,255,255),.08),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.0= 8)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(va= r(--gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-bu= tton-focused, .docs-gm #docs-spellcheckslidingdialog-button-change.jfk-butt= on-focused { background: linear-gradient(rgba(var(--gm3-sys-color-on-primar= y-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255)= ,.1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(= var(--gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-bu= tton-focused.goog-flat-menu-button-hover, .docs-gm #docs-spellcheckslidingd= ialog-button-change.jfk-button-focused.jfk-button-hover { background: linea= r-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(v= ar(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-pr= imary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-primary-= rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-bu= tton-active, .docs-gm #docs-spellcheckslidingdialog-button-change.jfk-butto= n-active { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-= rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.= 1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 2px 6px 2px rgba(va= r(--gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-bu= tton-disabled, .docs-gm #docs-spellcheckslidingdialog-button-change.jfk-but= ton-disabled { background: color-mix(in srgb,var(--gm3-sys-color-on-surface= ,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(in srgb,= var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#ff= f)); opacity: 0.38; } .docs-gm #docs-spellcheckslidingdialog-button-dictionary, .docs-gm #docs-sp= ellcheckslidingdialog-button-dictionary-menu, .docs-gm #docs-spellcheckslid= ingdialog-button-ignore, .docs-gm #docs-spellcheckslidingdialog-button-igno= re-menu { background-position-x: ; background-position-y: ; background-size= : ; background-repeat: ; background-attachment: ; background-origin: ; back= ground-clip: ; background-color: ; background-image: none; border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-sha= dow: none; box-sizing: border-box; color: var(--gm3-sys-color-primary,#0b57= d0); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, san= s-serif; font-size: 0.875rem; font-weight: 500; height: 36px; letter-spacin= g: 0.00625rem; line-height: 1rem; margin-bottom: 0px; margin-top: 8px; } .docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-men= u-button-hover, .docs-gm #docs-spellcheckslidingdialog-button-dictionary.jf= k-button-hover, .docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.g= oog-flat-menu-button-hover, .docs-gm #docs-spellcheckslidingdialog-button-i= gnore.jfk-button-hover { background: linear-gradient(rgba(var(--gm3-sys-col= or-on-primary-container-rgb,8,66,160),.08),rgba(var(--gm3-sys-color-on-prim= ary-container-rgb,8,66,160),.08)),var(--gm3-sys-color-primary-container,#d3= e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-men= u-button-focused, .docs-gm #docs-spellcheckslidingdialog-button-dictionary.= jfk-button-focused, .docs-gm #docs-spellcheckslidingdialog-button-ignore-me= nu.goog-flat-menu-button-focused, .docs-gm #docs-spellcheckslidingdialog-bu= tton-ignore.jfk-button-focused { background: linear-gradient(rgba(var(--gm3= -sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-= on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-contain= er,#d3e3fd); border: 1px solid var(--gm3-sys-color-primary-container,#d3e3f= d); } .docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-men= u-button-focused.goog-flat-menu-button-hover, .docs-gm #docs-spellcheckslid= ingdialog-button-dictionary.jfk-button-focused.jfk-button-hover, .docs-gm #= docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-focus= ed.goog-flat-menu-button-hover, .docs-gm #docs-spellcheckslidingdialog-butt= on-ignore.jfk-button-focused.jfk-button-hover { background: linear-gradient= (rgba(var(--gm3-sys-color-on-primary-container-rgb,8,66,160),.1),rgba(var(-= -gm3-sys-color-on-primary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-= primary-container,#d3e3fd); border: 1px solid var(--gm3-sys-color-inverse-p= rimary,#a8c7fa); } .docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-men= u-button-active, .docs-gm #docs-spellcheckslidingdialog-button-dictionary.j= fk-button-active, .docs-gm #docs-spellcheckslidingdialog-button-ignore-menu= .goog-flat-menu-button-active, .docs-gm #docs-spellcheckslidingdialog-butto= n-ignore.jfk-button-active { background: linear-gradient(rgba(var(--gm3-sys= -color-on-primary-container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-p= rimary-container-rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#= d3e3fd); border: 1px solid transparent; box-shadow: 0 2px 6px 2px rgba(var(= --gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-men= u-button-disabled, .docs-gm #docs-spellcheckslidingdialog-button-dictionary= .jfk-button-disabled, .docs-gm #docs-spellcheckslidingdialog-button-ignore-= menu.goog-flat-menu-button-disabled, .docs-gm #docs-spellcheckslidingdialog= -button-ignore.jfk-button-disabled { background: var(--gm3-sys-color-surfac= e,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); opacity: 0.38; } .docs-gm #docs-spellcheckslidingdialog-button-change, .docs-gm #docs-spellc= heckslidingdialog-button-dictionary, .docs-gm #docs-spellcheckslidingdialog= -button-ignore { border-radius: 4px 0px 0px 4px; margin-left: 16px; padding= : 9px 8px 11px; width: 156px; } .docs-gm #docs-spellcheckslidingdialog-button-change, .docs-gm #docs-spellc= heckslidingdialog-button-change.jfk-button-active, .docs-gm #docs-spellchec= kslidingdialog-button-change.jfk-button-disabled, .docs-gm #docs-spellcheck= slidingdialog-button-change.jfk-button-focused, .docs-gm #docs-spellchecksl= idingdialog-button-change.jfk-button-hover, .docs-gm #docs-spellcheckslidin= gdialog-button-change.jfk-button-hover.jfk-button-focused { border-right: 1= px solid var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-gm #docs-spellcheckslidingdialog-button-change-menu, .docs-gm #docs-s= pellcheckslidingdialog-button-change-menu.goog-flat-menu-button-active, .do= cs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-butto= n-disabled, .docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-= flat-menu-button-focused, .docs-gm #docs-spellcheckslidingdialog-button-cha= nge-menu.goog-flat-menu-button-hover, .docs-gm #docs-spellcheckslidingdialo= g-button-change-menu.goog-flat-menu-button-hover.goog-flat-menu-button-focu= sed { border-left: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd)= ; } .docs-gm #docs-spellcheckslidingdialog-button-change-menu, .docs-gm #docs-s= pellcheckslidingdialog-button-dictionary-menu, .docs-gm #docs-spellchecksli= dingdialog-button-ignore-menu { border-radius: 0px 4px 4px 0px; padding: 8p= x; width: 41px; } .docs-gm #docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-b= utton-dropdown, .docs-gm #docs-spellcheckslidingdialog-button-dictionary-me= nu .goog-flat-menu-button-dropdown, .docs-gm #docs-spellcheckslidingdialog-= button-ignore-menu .goog-flat-menu-button-dropdown { right: 15px; top: 15px= ; } .docs-gm #docs-spellcheckslidingdialog-replacement-input { border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-siz= ing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 1= px 8px; font-size: 0.875rem; height: 36px; margin: 0px; } .docs-gm #docs-spellcheckslidingdialog-replacement-input:focus { border: 2p= x solid var(--gm3-sys-color-primary,#0b57d0); box-shadow: none; padding: 0p= x 7px; } .docs-gm .docs-spellcheckslidingdialog-replacement-input-container { backgr= ound: transparent; border-width: medium; border-style: none; border-color: = currentcolor; border-image: none; padding: 0px; width: 156px; } .docs-gm .docs-spellcheckslidingdialog-replacement-input-container-focus { = border-width: medium; border-style: none; border-color: currentcolor; borde= r-image: none; box-shadow: none; outline: none; } .docs-gm #docs-spellcheckslidingdialog-suggestion-list { box-shadow: 0 1px = 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); height: auto; marg= in: 0px; width: 156px; } .docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-close-contain= er { height: 24px; right: 16px; top: 16px; width: 24px; } .docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close = { opacity: 0.54; } .docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.= goog-flat-button-active, .docs-gm #docs-spellcheckslidingdialog-id .docs-sl= idingdialog-button-close.goog-flat-button-focused, .docs-gm #docs-spellchec= kslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-hover {= opacity: 0.87; } .docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.= goog-flat-button-focused { outline: none; } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button {= border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family:= "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-wei= ght: 500; font-size: 0.875rem; height: 36px; letter-spacing: 0.00625rem; li= ne-height: 1rem; padding: 9px 24px 11px; background: var(--gm3-sys-color-pr= imary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); border: 1px so= lid transparent !important; } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button:l= ast-child { margin-right: 0px; } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.j= fk-button-hover { color: var(--gm3-sys-color-on-primary,#fff); background: = linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),r= gba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-col= or-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-pri= mary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.j= fk-button-focused { color: var(--gm3-sys-color-on-primary,#fff); background= : linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),= rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-col= or-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--gm3-sys-color-pri= mary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.j= fk-button-focused.jfk-button-hover { color: var(--gm3-sys-color-on-primary,= #fff); background: linear-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,= 255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),= var(--gm3-sys-color-primary,#0b57d0); box-shadow: 0 1px 3px 1px rgba(var(--= gm3-sys-color-primary-rgb,11,87,208),.15); } .docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.j= fk-button-active, .docs-gm #docs-spellcheckslidingdialog-no-misspellings-fo= oter .jfk-button.jfk-button-active.jfk-button-focused.jfk-button-hover { co= lor: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(rgba= (var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-col= or-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); b= ox-shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-primary-rgb,11,87,208),.1= 5); } .docs-userdictionary-butterbar-item { font-weight: 400; } :root { --docs-ai-text-generator-bubble-border-radius: 28px; } .docsAiTextGeneratorBubbleContainer { background: transparent; border: unse= t; border-radius: var(--docs-ai-text-generator-bubble-border-radius); box-s= hadow: 0 1px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.3),0 1px 3px 1= px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; overflow: visible; = z-index: 997; } .docsAiTextGeneratorBubbleContainer > .docs-material-gm-dialog-bg { border-= radius: var(--docs-ai-text-generator-bubble-border-radius); } .docsAiTextGeneratorBubbleContainer-error { color: var(--gm3-sys-color-erro= r,#b3261e); display: flex; line-height: 1.25rem; } .docsAiTextGeneratorBubbleContainer-error-message { margin-left: 8px; max-w= idth: calc(100% - 29px); } .docsAiTextGeneratorBubbleContainer-body.docs-bubble-material-body { backgr= ound: linear-gradient(0deg,rgba(105,145,214,.08),rgba(105,145,214,.08)),var= (--gm3-sys-color-surface,#fff); border-radius: var(--docs-ai-text-generator= -bubble-border-radius); padding: 16px 0px 24px; } .docsAiTextGeneratorBubbleContainer-button-first-open .docsAiTextGeneratorB= ubbleContainer-body { background: linear-gradient(90.22deg, rgb(211, 227, 2= 53), rgb(132, 196, 255)); } .docsAiTextGeneratorBubbleContainer-show-preview .docsAiTextGeneratorBubble= Container-body { background: var(--gm3-sys-color-surface,#fff); padding: 20= px 0px 32px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-prompt-view { di= splay: flex; flex-direction: column; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-prompt-view .app= sElementsMultiSectionListContainer { width: 320px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-prompt-view-crea= te-button.jfk-button-disabled { background: color-mix(in srgb,var(--gm3-sys= -color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); } .docsAiTextGeneratorBubbleContainer-button-first-open .kix-ai-text-generato= r-prompt-view-create-button.jfk-button-disabled { color: color-mix(in srgb,= var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#ff= f)); opacity: 0.2; } .docsAiTextGeneratorBubbleContainer-button { border: 1px solid transparent;= border-radius: 9999px; box-sizing: border-box; font-family: "Google Sans",= Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 500; line-height: 1.25rem; white-space: nowrap; background: var(= --gm3-sys-color-primary,#0b57d0); box-shadow: unset; cursor: pointer; paddi= ng: 8px 16px 8px 20px; color: var(--gm3-sys-color-on-primary,#fff); height:= 36px; margin: 0px; } .docsAiTextGeneratorBubbleContainer-button .docs-material-menu-button-flat-= default-dropdown { margin: 0px; } .docsAiTextGeneratorBubbleContainer-button:focus { color: var(--gm3-sys-col= or-on-primary,#fff); background: linear-gradient(rgba(var(--gm3-sys-color-o= n-primary-rgb,255,255,255),.1),rgba(var(--gm3-sys-color-on-primary-rgb,255,= 255,255),.1)),var(--gm3-sys-color-primary,#0b57d0); box-shadow: unset; curs= or: pointer; padding: 8px 16px 8px 20px; } .docsAiTextGeneratorBubbleContainer-button:focus-visible { outline: 3px sol= id var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docsAiTextGeneratorBubbleContainer-button-outline.kix-ai-text-generator-pr= eview-view-replace-button, .docsAiTextGeneratorBubbleContainer-button.kix-a= i-text-generator-preview-view-insert-button { margin-left: 8px; } .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-flat-d= efault-disabled, .docsAiTextGeneratorBubbleContainer-button.jfk-button-disa= bled { background: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); = color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); box-shadow: = unset; cursor: pointer; padding: 8px 16px 8px 20px; } .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-flat-d= efault-disabled { opacity: 0.5; } .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-flat-d= efault-hover, .docsAiTextGeneratorBubbleContainer-button.jfk-button-hover {= color: var(--gm3-sys-color-on-primary,#fff); background: linear-gradient(r= gba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.08),rgba(var(--gm3-sys= -color-on-primary-rgb,255,255,255),.08)),var(--gm3-sys-color-primary,#0b57d= 0); box-shadow: unset; cursor: pointer; padding: 8px 16px 8px 20px; } .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-flat-d= efault-active, .docsAiTextGeneratorBubbleContainer-button.jfk-button.jfk-bu= tton-active, .docsAiTextGeneratorBubbleContainer-button.jfk-button.jfk-butt= on-checked { color: var(--gm3-sys-color-on-primary,#fff); background: linea= r-gradient(rgba(var(--gm3-sys-color-on-primary-rgb,255,255,255),.1),rgba(va= r(--gm3-sys-color-on-primary-rgb,255,255,255),.1)),var(--gm3-sys-color-prim= ary,#0b57d0); box-shadow: unset; cursor: pointer; padding: 8px 16px 8px 20p= x; } .docsAiTextGeneratorBubbleContainer-button-outline { border-radius: 9999px;= box-sizing: border-box; cursor: pointer; font-family: "Google Sans", Robot= o, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 500; line-height: 1.25rem; padding: 9px 24px; white-space: nowrap; bor= der: 1px solid var(--gm3-sys-color-outline,#747775); align-items: center; b= ackground: unset; color: var(--gm3-sys-color-primary,#0b57d0); display: fle= x; float: left; height: 36px; } .docsAiTextGeneratorBubbleContainer-button-outline:focus-visible { outline:= 3px solid var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docsAiTextGeneratorBubbleContainer-button-outline.jfk-button-disabled { bo= rder: 1px solid rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); col= or: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38); box-shadow: uns= et; cursor: pointer; padding: 8px 16px 8px 20px; background: unset; } .docsAiTextGeneratorBubbleContainer-button-outline.jfk-button-hover, .docsA= iTextGeneratorBubbleContainer-button-outline:focus, .goog-menu-button-open = .docsAiTextGeneratorBubbleContainer-button-outline { color: var(--gm3-sys-c= olor-primary,#0b57d0); background: rgba(var(--gm3-sys-color-primary-rgb,11,= 87,208),.1); border: 1px solid var(--gm3-sys-color-primary,#0b57d0); box-sh= adow: unset; cursor: pointer; padding: 8px 16px 8px 20px; } :not(.goog-menu-button-focused.goog-menu-button-open) > .docsAiTextGenerato= rBubbleContainer-button-outline:not(.jfk-button-disabled).jfk-button-hover = { border: 1px solid var(--gm3-sys-color-outline,#747775); color: var(--gm3-= sys-color-primary,#0b57d0); background: rgba(var(--gm3-sys-color-primary-rg= b,11,87,208),.08); box-shadow: unset; cursor: pointer; padding: 8px 16px 8p= x 20px; } .docsAiTextGeneratorBubbleContainer-button-outline.jfk-button.jfk-button-ac= tive, .docsAiTextGeneratorBubbleContainer-button-outline.jfk-button.jfk-but= ton-checked { border: 1px solid var(--gm3-sys-color-outline,#747775); color= : var(--gm3-sys-color-primary,#0b57d0); background: rgba(var(--gm3-sys-colo= r-primary-rgb,11,87,208),.1); box-shadow: unset; cursor: pointer; padding: = 8px 16px 8px 20px; } @media screen and (forced-colors: active) { .docsAiTextGeneratorBubbleContainer-button-outline.goog-menu-button-focus= ed, .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-fl= at-default-focused, .docsAiTextGeneratorBubbleContainer-button.goog-menu-bu= tton-focused, .docsAiTextGeneratorBubbleContainer-button.jfk-button-focused= { outline: auto; } } .docsAiTextGeneratorBubbleContainer-button.docs-material-menu-button-flat-d= efault .docs-material-menu-button-flat-default-dropdown-icon { fill: var(--= gm3-sys-color-on-primary,#fff); } .docsAiTextGeneratorBubbleContainer-button.kix-ai-text-generator-prompt-vie= w-create-button { align-items: center; display: flex; justify-content: spac= e-between; margin-left: auto; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-prompt-view-inpu= t { background: unset; border-width: medium; border-style: none; border-col= or: currentcolor; border-image: none; font-family: inherit; font-size: 1rem= ; line-height: 1.5rem; margin: 0px 0px 20px; outline: unset; padding: 0px; = resize: none; width: 100%; } .docsAiTextGeneratorBubbleContainer .docsAiTextGeneratorBubbleTitleTextInpu= t a:not(.appsElementsChipRoot), .docsAiTextGeneratorBubbleContainer .kix-ai= -text-generator-prompt-view-input a:not(.appsElementsChipRoot), .docsAiText= GeneratorBubbleContainer-quota-upsell-message-container a { text-decoration= : underline !important; } .docsAiTextGeneratorBubbleContainer .docsAiTextGeneratorBubbleTitleTextInpu= t .appsElementsChipRoot, .docsAiTextGeneratorBubbleContainer .kix-ai-text-g= enerator-prompt-view-input .appsElementsChipRoot { color: var(--gm3-sys-col= or-on-surface-variant,#444746) !important; display: inline-flex; } .docsAiTextGeneratorBubbleContainer .docsAiTextGeneratorBubbleTitleTextInpu= t .appsElementsChipRoot:hover, .docsAiTextGeneratorBubbleContainer .kix-ai-= text-generator-prompt-view-input .appsElementsChipRoot:hover { text-decorat= ion: none !important; } .docsAiTextGeneratorBubbleContainer .docsAiTextGeneratorBubbleTitleTextCont= ainer .appsElementsMultiSectionListContainer, .docsAiTextGeneratorBubbleCon= tainer .kix-ai-text-generator-prompt-view .appsElementsMultiSectionListCont= ainer { z-index: 997; } .docsAiTextGeneratorBubbleContainer-refine-button { display: flex; justify-= content: space-between; padding: 8px 16px 8px 20px; } .docsAiTextGeneratorBubbleContainer-refine-button-text { line-height: 1.25r= em; margin-right: 8px; color: var(--gm3-sys-color-primary,#0b57d0); } .docsAiTextGeneratorBubbleContainer-refine-button-icon-container, .docsAiTe= xtGeneratorBubbleContainer-refine-button-icon-container .docs-icon { height= : 24px; width: 24px; } .docsAiTextGeneratorBubbleContainer-refine-button .docs-icon { margin: 0px;= } .docsAiTextGeneratorBubbleContainer-button-icon { padding: 10px 16px !impor= tant; } .docsAiTextGeneratorBubbleContainer-button-icon > div { align-items: center= ; display: flex; } .docsAiTextGeneratorBubbleContainer-button-icon .docs-icon { height: 24px; = margin-right: 8px; width: 24px; } .docsAiTextGeneratorBubbleContainer-button.docsAiTextGeneratorBubbleContain= er-try-again-view-button { margin: 20px 0px 0px auto; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view, .d= ocsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view .kix-= ai-text-generator-bubble-error { margin-top: 8px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-bod= y-container { border-top: 1px solid transparent; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-bod= y-container.body-container-scrolled { border-color: var(--gm3-sys-color-out= line-variant,#c4c7c5); } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text { border: unset; margin-bottom: 34px; overflow-y: scroll; resiz= e: none; width: 100%; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h1, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-= preview-view-generated-text h2, .docsAiTextGeneratorBubbleContainer .kix-ai= -text-generator-preview-view-generated-text h3, .docsAiTextGeneratorBubbleC= ontainer .kix-ai-text-generator-preview-view-generated-text h4, .docsAiText= GeneratorBubbleContainer .kix-ai-text-generator-preview-view-generated-text= h5, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-vie= w-generated-text h6, .docsAiTextGeneratorBubbleContainer .kix-ai-text-gener= ator-preview-view-generated-text ol, .docsAiTextGeneratorBubbleContainer .k= ix-ai-text-generator-preview-view-generated-text pre, .docsAiTextGeneratorB= ubbleContainer .kix-ai-text-generator-preview-view-generated-text ul { marg= in: 4px 0px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h1 { font-size: 2rem; line-height: 38.5px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h2 { font-size: 1.75rem; line-height: 35px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h3 { font-size: 1.5rem; line-height: 2rem; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h4 { font-size: 21px; line-height: 1.75rem; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h5 { font-size: 20px; line-height: 1.5rem; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text h6 { font-size: 1rem; line-height: 1.25rem; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text p { margin: 0px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text * + p, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generat= or-preview-view-generated-text * + table { margin: 16px 0px 0px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text ol, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-= preview-view-generated-text ul { padding-left: 24px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text ol > li, .docsAiTextGeneratorBubbleContainer .kix-ai-text-gener= ator-preview-view-generated-text ul > li { margin-bottom: 10px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text table { border: 1px solid var(--gm3-sys-color-outline-variant,#= c4c7c5); border-collapse: separate; border-radius: 4px; border-spacing: 0px= ; display: block; margin-left: auto; margin-right: auto; max-width: fit-con= tent; overflow-x: auto; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text table td, .docsAiTextGeneratorBubbleContainer .kix-ai-text-gene= rator-preview-view-generated-text table th { max-width: 200px; min-width: 5= 0px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text table th { background-color: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); font-size: 0.75rem; font-weight: 500; line-height: 17.5px; pa= dding: 18.5px 16px; text-align: left; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text table td { border-top: 1px solid var(--gm3-sys-color-outline-va= riant,#c4c7c5); font-size: 0.75rem; line-height: 17.5px; padding: 16px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text code { font: 400 10.5px / 17.5px "Roboto Mono", "Courier New", = monospace; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text code::after, .docsAiTextGeneratorBubbleContainer .kix-ai-text-g= enerator-preview-view-generated-text code::before { content: "`"; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text pre > code::after, .docsAiTextGeneratorBubbleContainer .kix-ai-= text-generator-preview-view-generated-text pre > code::before { content: un= set; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-gen= erated-text pre > code { border: 1px solid var(--gm3-sys-color-outline-vari= ant,#c4c7c5); border-radius: 4px; color: var(--gm3-sys-color-on-surface-var= iant,#444746); display: block; font: 400 12.25px / 15.75px Courier, monospa= ce; margin: 8px 0px; overflow-x: auto; padding: 16px 32px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-dis= claimer-text { color: var(--gm3-sys-color-on-surface-variant,#444746); font= -size: 0.875rem; margin-bottom: 16px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-dis= claimer-text a { color: var(--gm3-sys-color-on-surface-variant,#444746) !im= portant; text-decoration: underline !important; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-act= ion-bar { display: flex; flex-direction: column; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-act= ion-bar-disabled .kix-ai-text-generator-preview-view-data-donation-containe= r, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-= action-bar-disabled .kix-ai-text-generator-preview-view-disclaimer-text { o= pacity: 0.2; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-but= tons-container { display: flex; margin-top: 8px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-rew= rite-buttons-container { display: flex; margin-right: auto; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-act= ion-buttons-container { display: flex; margin-left: auto; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-lea= rn-more-link-disabled { pointer-events: none; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-sec= ondary-action-menu.goog-menu { border: 0px; padding: 0px; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-sec= ondary-action-menu.goog-menu .goog-menuitem { border-radius: 4px; box-sizin= g: border-box; padding: 8px 12px; width: 121px; } .docsAiTextGeneratorBubbleContainer-try-again-view { display: flex; flex-di= rection: column; } .docsAiTextGeneratorBubbleContainer-history-carousel { display: flex; } .docsAiTextGeneratorBubbleContainer-history-carousel .docs-material-button-= flat-default { align-items: center; border-radius: 9999px; display: flex; h= eight: 24px; justify-content: space-evenly; margin: 0px; padding: 0px; widt= h: 24px; } .docsAiTextGeneratorBubbleContainer-history-carousel .docs-material-button.= docs-material-button-focused.docs-material-button-no-focus-border { padding= : 0px; } .docsAiTextGeneratorBubbleContainer-history-carousel .docs-icon { height: 2= 4px; margin: 0px; width: 24px; } .docsAiTextGeneratorBubbleContainer-history-carousel .docs-material-button-= content { height: 34px; } .docsAiTextGeneratorBubbleContainer-history-carousel-container { align-item= s: center; display: flex; height: 40px; justify-content: space-evenly; marg= in-top: 8px; } .docsAiTextGeneratorBubbleContainer-history-carousel-container .docs-materi= al-button-disabled .docs-icon-img-container.docs-icon-img { opacity: 0.5; } .docsAiTextGeneratorBubbleContainer-history-carousel-bullet-container { ali= gn-items: center; display: flex; } @media screen and (forced-colors: active) { .docsAiTextGeneratorBubbleContainer div#kix-ai-text-generator-bubble-hist= ory-carousel-left-arrow .docs-icon-img-container.docs-icon-img, .docsAiText= GeneratorBubbleContainer div#kix-ai-text-generator-bubble-history-carousel-= right-arrow .docs-icon-img-container.docs-icon-img { content: url("https://= ssl.gstatic.com/docs/common/material_common_sprite1060.svg"); } } .docsAiTextGeneratorBubbleContainer-bullet { border-width: 1px; border-styl= e: solid; border-image: none; border-color: var(--gm3-sys-color-on-surface,= #1f1f1f); border-radius: 9999px; cursor: pointer; margin: 0px 8px; height: = 6px; width: 6px; } .docsAiTextGeneratorBubbleContainer-bullet-active { background: color-mix(i= n srgb,var(--gm3-sys-color-on-primary,#fff) 10%,var(--gm3-sys-color-primary= ,#0b57d0)); border-color: color-mix(in srgb,var(--gm3-sys-color-on-primary,= #fff) 10%,var(--gm3-sys-color-primary,#0b57d0)); } @media screen and (forced-colors: active) { .docsAiTextGeneratorBubbleContainer-bullet { background: highlight; borde= r-color: highlight; } } .docsAiTextGeneratorBubbleContainer-data-donation-container { margin-bottom= : 12px; } .docsAiTextGeneratorBubbleContainer-animation-fade-in:empty::before, .docsA= iTextGeneratorBubbleContainer-animation-fade-in:placeholder-shown { animati= on: 0.5s linear 0s 1 normal forwards running docsAiTextGeneratorBubbleAnima= tionFadeInKeyframe; color: var(--gm3-sys-color-on-surface-variant,#444746);= } .docsAiTextGeneratorBubbleContainer-animation-fade-out:empty::before, .docs= AiTextGeneratorBubbleContainer-animation-fade-out:placeholder-shown { anima= tion: 0.3s linear 0s 1 normal forwards running docsAiTextGeneratorBubbleAni= mationFadeOutKeyframe; } .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview-view-act= ion-bar, .docsAiTextGeneratorBubbleContainer .kix-ai-text-generator-preview= -view-body-container, .docsAiTextGeneratorBubbleContainer .kix-ai-text-gene= rator-prompt-view, .docsAiTextGeneratorBubbleContainer-header-container, .d= ocsAiTextGeneratorBubbleContainer-loading, .docsAiTextGeneratorBubbleContai= ner-quota-upsell-message-container, .docsAiTextGeneratorBubbleContainer-try= -again-view, .kix-ai-text-generator-preview-view .docsAiTextGeneratorBubble= Container-error { padding: 0px 24px; } .docsAiTextGeneratorBubbleContainer-show-preview .docsAiTextGeneratorBubble= Container-header-container, .docsAiTextGeneratorBubbleContainer-show-previe= w .docsAiTextGeneratorBubbleContainer-loading, .docsAiTextGeneratorBubbleCo= ntainer-show-preview .docsAiTextGeneratorBubbleContainer-try-again-view, .d= ocsAiTextGeneratorBubbleContainer-show-preview .kix-ai-text-generator-previ= ew-view .docsAiTextGeneratorBubbleContainer-error, .docsAiTextGeneratorBubb= leContainer-show-preview .kix-ai-text-generator-preview-view-action-bar, .d= ocsAiTextGeneratorBubbleContainer-show-preview .kix-ai-text-generator-previ= ew-view-body-container, .docsAiTextGeneratorBubbleContainer-show-preview .k= ix-ai-text-generator-prompt-view { padding: 0px 40px; } .docsAiTextGeneratorBubbleContainer-show-preview .docsAiTextGeneratorBubble= Container-loading { padding-right: 60px; } .docsAiTextGeneratorBubbleContainer-quota-upsell-message-container { border= -top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin-top: 2= 2px; padding-top: 24px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-button-first-open .kix-= ai-text-generator-prompt-view-input { color: var(--gm3-sys-color-on-surface= -variant,#444746); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled:not(.docsAiTextGeneratorBubbleContainer-button-first-open)= .docs-bubble-material-body.docsAiTextGeneratorBubbleContainer-body { backg= round: var(--gm3-sys-color-surface,#fff); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled:not(.docsAiTextGeneratorBubbleContainer-button-first-open)= .kix-ai-text-generator-prompt-view-input { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled { --docs-ai-text-generator-bubble-border-radius: 20px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled .docsAiTextGeneratorBubbleContainer-title:not(.docsAiTextG= eneratorBubbleTitleEditable) .docsAiTextGeneratorBubbleTitleTextInput { col= or: var(--gm3-sys-color-on-surface,#1f1f1f); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled .kix-ai-text-generator-prompt-view-input { font: 400 14px = / 20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled .docsAiBubbleLoadingViewRoot { margin-top: -27px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview { border: = 2px solid rgb(49, 134, 255); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-mate= rial-gm-dialog-bg { border-radius: calc(var(--docs-ai-text-generator-bubble= -border-radius) - 2px); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view { margin-top: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-secondary-action-menu-button { border-left: 1px s= olid var(--gm3-sys-color-outline,#747775); border-radius: 0px 9999px 9999px= 0px; height: 36px; margin: 0px 0px 0px -1px; padding: 6px 8px 6px 4px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-secondary-action-menu-button .docs-material-menu-= button-raised-primary-dropdown { margin: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-data-donation-and-disclaimer-container { align-it= ems: center; display: flex; padding: 0px 12px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-data-donation-container { align-items: center; di= splay: flex; height: 20px; margin-left: auto; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-disclaimer-text { font: 400 12px / 16px "Google S= ans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-action-bar { gap: 12px; padding: 8px 12px 12px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-actions-container { align-items: center; box-sizi= ng: border-box; display: flex; gap: 12px; justify-content: space-between; p= adding: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-buttons-container { gap: 8px; margin-top: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-free-form-input-container { flex-grow: 1; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-body-container { border-bottom: 1px solid var(--g= m3-sys-color-outline-variant,#c4c7c5); padding: 0px 28px; position: relativ= e; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-body-container.body-container-scrolled::before { = background: linear-gradient(0deg,color-mix(in sRGB,var(--gm3-sys-color-surf= ace,#fff) 0%,transparent) 0,var(--gm3-sys-color-surface,#fff) 100%); top: 0= px; content: ""; height: 30px; position: absolute; width: calc(100% - 72px)= ; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-body-container.body-container-down-scrollable::af= ter { background: linear-gradient(180deg,color-mix(in sRGB,var(--gm3-sys-co= lor-surface,#fff) 0%,transparent) 0,var(--gm3-sys-color-surface,#fff) 100%)= ; bottom: 0px; content: ""; height: 30px; position: absolute; width: calc(1= 00% - 72px); } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-generated-text { margin-bottom: 0px; outline-offs= et: 4px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-generated-text:focus-visible { outline: 3px solid= var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-replace-button { align-items: center; display: fl= ex; justify-content: center; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view-learn-more-link:focus-visible { outline: 3px soli= d var(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-ai-t= ext-generator-bubble-free-form-input { align-items: center; display: flex; = } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-ai-t= ext-generator-bubble-free-form-input-textarea { background: var(--gm3-sys-c= olor-surface-container,#f0f4f9); border-radius: 20px; line-height: 18px; ma= x-height: 36px; padding: 10px 16px 0px; width: 100%; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-ai-t= ext-generator-bubble-free-form-input-textarea:focus { background: var(--gm3= -sys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-outline,#74= 7775); line-height: 1rem; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-ai-t= ext-generator-bubble-free-form-input-textarea::placeholder { color: var(--g= m3-sys-color-on-surface-variant,#444746); } @media screen and (forced-colors: active) { .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-re= fine-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docs-ai= -text-generator-bubble-free-form-input-textarea { outline: highlight solid = 1px; } } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docsAiTex= tGeneratorBubbleContainer-body.docs-bubble-material-body { padding: 0px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docsAiTex= tGeneratorBubbleContainer-header-container { padding: 10px 28px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .kix-ai-te= xt-generator-preview-view .docsAiTextGeneratorBubbleContainer-error { paddi= ng: 0px 24px 12px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docsAiTex= tGeneratorBubbleContainer-history-carousel-container { margin: 0px; height:= 24px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docsAiTex= tGeneratorBubbleContainer-history-carousel-pagination-container { align-ite= ms: center; display: flex; justify-content: center; min-width: 37px; } .docsAiTextGeneratorBubbleContainer-button.kix-ai-text-generator-preview-vi= ew-insert-split-button, .docsAiTextGeneratorBubbleContainer.docsAiTextGener= atorBubbleContainer-refine-ux-v2-enabled.docsAiTextGeneratorBubbleContainer= -show-preview .docsAiTextGeneratorBubbleContainer-button.kix-ai-text-genera= tor-preview-view-replace-split-button { align-items: center; border-bottom-= right-radius: 0px; border-top-right-radius: 0px; display: flex; justify-con= tent: space-between; margin-right: 0px; padding: 8px 18px 8px 24px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-preview .docsAiTex= tGeneratorBubbleContainer-button.kix-ai-text-generator-preview-view-insert-= button { align-items: center; display: flex; justify-content: space-between= ; margin-left: 0px; } .docsAiTextGeneratorBubbleContainer-no-generating-ui.docsAiTextGeneratorBub= bleContainer-show-loading { display: none; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-loading .docsAiTex= tGeneratorBubbleContainer-body { background: var(--gm3-sys-color-surface,#f= ff); padding: 20px 0px 32px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-loading .docsAiTex= tGeneratorBubbleContainer-loading { padding: 0px 60px 0px 40px; } .docsAiTextGeneratorBubbleContainer.docsAiTextGeneratorBubbleContainer-refi= ne-ux-v2-enabled.docsAiTextGeneratorBubbleContainer-show-loading .docsAiTex= tGeneratorBubbleContainer-header-container { margin-top: -8px; } @keyframes docsAiTextGeneratorBubbleAnimationFadeInKeyframe {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes docsAiTextGeneratorBubbleAnimationFadeOutKeyframe {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes docsAiTextGeneratorBubbleShimmerPlaceholderGradient {=20 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes docsAiTextGeneratorBubbleShimmerPlaceholderEnter {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes docsAiTextGeneratorBubbleShimmerPlaceholderStretchIn {=20 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } .docsAiTextGeneratorCloseBubbleDialogContainer { width: 360px; } .docsAiTextGeneratorCloseBubbleDialogContainer .docs-material-gm-dialog-but= tons { padding-top: 0px; } #docs-heading-menu .goog-toolbar-menu-button-caption, #headingStyleSelect .= goog-toolbar-menu-button-caption { overflow: hidden; text-overflow: ellipsi= s; white-space: nowrap; width: 70px; } .appsDocsTextModeldiffJshtmlformatterBeforeEntryGm3 { font-size: 0.875rem; = color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsDocsTextModeldiffJshtmlformatterBeforeEntryNonGm3 { font-size: 13px; c= olor: var(--gm3-sys-color-inverse-surface,#303030); } .appsDocsTextModeldiffJshtmlformatterBeforeLabelGm3 { font-weight: 500; } .appsDocsTextModeldiffJshtmlformatterBeforeLabelNonGm3 { font-weight: 700; = } .appsDocsTextModeldiffJshtmlformatterBeforeUserContent { white-space: pre-l= ine; font-style: italic; } .appsDocsTextModeldiffJshtmlformatterBeforeUserContentGm3 { color: var(--gm= 3-sys-color-on-surface-variant,#444746); } .appsDocsTextModeldiffJshtmlformatterBeforeUserContentNonGm3 { color: var(-= -ws-sys-color-extended-grey-fill,#5e5e5e); } .appsDocsTextModeldiffJshtmlformatterAfterAllButLast { padding-bottom: 8px;= } .docs-bulletpreset { border: 1px solid var(--gm3-sys-color-outline-variant,= #c4c7c5); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-size: 1rem; height: 28px; line-height: 1.75rem; margin-right: 15px; wid= th: 28px; } .docs-bulletpreset-palette { margin-left: 25px; } .goog-palette-cell-hover .docs-bulletpreset { border: 1px solid var(--gm3-s= ys-color-outline,#747775); box-shadow: 0 1px 2px color-mix(in sRGB,var(--gm= 3-sys-color-shadow,#000) 10%,transparent); } .docs-bulletpreset-palette .goog-palette-cell, .docs-bulletpreset-palette .= goog-palette-table { border-width: medium; border-style: none; border-color= : currentcolor; border-image: none; } .docs-text-selectionhandle { z-index: 200; position: absolute; width: 22px;= height: 22px; } .goog-menu.docs-dropdown-entity-items-preview-menu { max-height: 200px; ove= rflow: hidden scroll; width: 182px; } .docs-dropdown-entity-items-preview-menu-header { color: var(--gm3-sys-colo= r-on-surface-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica,= Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; height: 16px; l= etter-spacing: 0.8px; line-height: 1rem; margin: 12px 16px; text-align: lef= t; vertical-align: middle; } .docs-dropdown-entity-items-preview-menu-control { cursor: pointer; padding= : 6px 0px 6px 16px; } .docs-dropdown-entity-items-preview-menu-control-hover { background-color: = color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-= color-surface,#fff)); } .docs-dropdown-entity-items-preview-menu-preview-control { border-radius: 8= px; cursor: pointer; font-family: Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; overflow-x: hidden; padding: 2px 6px; white-space: nowrap; width:= fit-content; } .docs-modality-header-message-component { cursor: default; display: flex; } [dir=3D"rtl"] .docs-modality-header-message-component { flex-direction: row= -reverse; } .docs-modality-header-message-component-title { color: var(--gm3-sys-color-= on-surface-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; font-weight: 500; font-size: 0.6875rem; height: 16px; let= ter-spacing: 0.8px; line-height: 1rem; padding: 12px 16px; text-align: left= ; vertical-align: middle; } .docs-modality-header-message-component-icon-button { background-color: tra= nsparent; border-color: transparent; cursor: pointer; float: right; height:= 24px; padding: 6px 8px; margin-left: auto; width: 24px; } [dir=3D"rtl"] .docs-modality-header-message-component-icon-button { transfo= rm: rotate(180deg); } .docs-modality-header-message-component-icon-button.goog-flat-button-hover = { background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1= f) 8%,var(--gm3-sys-color-surface,#fff)); border-radius: 4px; } @media screen and (forced-colors: active) { .docs-modality-header-message-component-icon-button.goog-flat-button-hove= r { outline: highlight solid 1px; outline-offset: -4px; } } .docs-icon-img-container.docs-icon-img.docs-icon-calendar-event-24.docs-blu= e-icon-now-badge { color: var(--gm3-sys-color-primary,#0b57d0); } .docs-inline-insert-menu-item-button { position: absolute; right: 0px; } .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .go= og-menuitem.goog-menuitem-highlight { border-width: 0px; padding: 0px; } [class*=3D"docs-hc"] .docs-smart-canvas-unscrollable-inputless-insert-menu-= results-container .goog-menuitem.goog-menuitem-highlight { outline: transpa= rent dotted 1px; } .docs-inline-insert-menu-item { align-items: center; direction: ltr; displa= y: flex; padding: 0px 16px; } .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .go= og-menuitem { padding: 0px; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-men= u-item.docs-calendar-event-item-button, .docs-smart-canvas-scrollable-input= less-insert-menu .docs-inline-insert-menu-item.docs-chat-space-item-button,= .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-me= nu-item.docs-date-item-button.docs-date-item-button-with-relative-text, .do= cs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-i= tem.docs-finance-suggestion-item-button, .docs-smart-canvas-scrollable-inpu= tless-insert-menu .docs-inline-insert-menu-item.docs-maps-place-item-button= , .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-m= enu-item.docs-meeting-notes-calendar-event-item-button, .docs-smart-canvas-= scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-meeting= -notes-menu-item-button.docs-meeting-notes-menu-calendar-event-item-button,= .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-me= nu-item.docs-person-item-button, .docs-smart-canvas-scrollable-inputless-in= sert-menu .docs-inline-insert-menu-item.docs-snippetbook-item-button-expand= ed { height: 44px; } .docs-inline-insert-menu-item.docs-drive-item-button, .docs-smart-canvas-sc= rollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-component= -item-button, .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inl= ine-insert-menu-item.docs-date-item-button, .docs-smart-canvas-scrollable-i= nputless-insert-menu .docs-inline-insert-menu-item.docs-emoji-unicode-item-= button, .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-in= sert-menu-item.docs-meeting-notes-menu-item-button, .docs-smart-canvas-scro= llable-inputless-insert-menu .docs-inline-insert-menu-item.docs-placeholder= -chip-item-button, .docs-smart-canvas-scrollable-inputless-insert-menu .doc= s-inline-insert-menu-item.docs-snippetbook-item-button, .docs-smart-canvas-= scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-third-p= arty-integration-menu-item, .docs-smart-canvas-scrollable-inputless-insert-= menu .docs-inline-insert-menu-item.docs-timer-item-button, .docs-smart-canv= as-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-vari= ables-item-button, .docs-smart-canvas-scrollable-inputless-insert-menu .doc= s-insert-code-snippets-menu-item, .docs-smart-canvas-scrollable-inputless-i= nsert-menu .docs-insert-dropdown-from-definition-button, .docs-smart-canvas= -scrollable-inputless-insert-menu .docs-smart-controls-button-open-chat-gro= up-menu-item { height: 32px; } .docs-inline-insert-menu-item.docs-generative-ai-menu-item { height: 36px; = } .docs-cross-references-title-item-button { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); cursor: auto; height: 28px; margin-top: -4px; } .docs-cross-references-title-item-button .docs-inline-insert-menu-item-titl= e { font-weight: 700; } .docs-cross-references-title-item-button .docs-inline-insert-menu-item-icon= -container { display: none; } .docs-cross-references-caption-item-button { height: 32px; cursor: pointer;= } .docs-cross-references-caption-item-button .docs-inline-insert-menu-item-ic= on-container { display: none; } .docs-smart-canvas-scrollable-inputless-insert-menu:has(.docs-cross-referen= ces-title-item-button) { max-height: 320px !important; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-men= u-item.docs-static-graphic-item-button { background-clip: content-box; back= ground-color: var(--gm3-sys-color-surface-container,#f0f4f9); border-radius= : 8px; height: 88px; margin: 8px 16px; padding: unset; } .docs-inline-insert-menu-item-icon-container { display: flex; margin-right:= 8px; } .docs-smart-canvas-insert-menu-empty-message .docs-inline-insert-menu-item-= icon-container, .docs-smart-canvas-insert-menu-message .docs-inline-insert-= menu-item-icon-container { display: none; } .docs-static-graphic-item-button .docs-inline-insert-menu-item-icon-contain= er { margin: 0px 8px; } .docs-inline-insert-menu-item-icon-inner-container { display: flex; justify= -content: center; align-items: center; } .docs-chat-space-item-button .docs-inline-insert-menu-item-icon-container, = .docs-drive-item-button .docs-inline-insert-menu-item-icon-inner-container,= .docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-i= tem-button .docs-inline-insert-menu-item-icon-container, .docs-smart-canvas= -scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-= insert-menu-item-icon-container, .docs-smart-canvas-scrollable-inputless-in= sert-menu .docs-date-item-button .docs-inline-insert-menu-item-icon-contain= er, .docs-smart-canvas-scrollable-inputless-insert-menu .docs-meeting-notes= -calendar-event-item-button .docs-inline-insert-menu-item-icon-container, .= docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-b= utton .docs-inline-insert-menu-item-icon-container, .docs-smart-canvas-scro= llable-inputless-insert-menu .docs-snippetbook-item-button-expanded .docs-i= nline-insert-menu-item-icon-container, .docs-smart-canvas-scrollable-inputl= ess-insert-menu .docs-third-party-integration-menu-item .docs-inline-insert= -menu-item-icon, .docs-smart-canvas-scrollable-inputless-insert-menu .docs-= timer-item-button .docs-inline-insert-menu-item-icon-container, .docs-smart= -canvas-scrollable-inputless-insert-menu .docs-variables-item-button .docs-= inline-insert-menu-item-icon-container { height: 24px; width: 24px; } .docs-generative-ai-menu-item .docs-inline-insert-menu-item-icon-container = { align-items: center; background: linear-gradient(90deg,var(--ws-sys-color= -genai-muted-gradient03,#d0d9ff) -100%,var(--ws-sys-color-genai-muted-gradi= ent01,#e9eef6) -30.46%,var(--ws-sys-color-genai-muted-gradient02,#bbe2ff) 3= 3.54%,var(--ws-sys-color-genai-muted-gradient03,#d0d9ff) 100%); border-radi= us: 9999px; display: flex; height: 28px; justify-content: center; width: 28= px; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-it= em-button .docs-inline-insert-menu-item-icon-container .docs-icon, .docs-sm= art-canvas-scrollable-inputless-insert-menu .docs-chat-space-item-button .d= ocs-inline-insert-menu-item-icon-container .docs-icon, .docs-smart-canvas-s= crollable-inputless-insert-menu .docs-component-item-button .docs-inline-in= sert-menu-item-icon-container .docs-icon, .docs-smart-canvas-scrollable-inp= utless-insert-menu .docs-date-item-button .docs-inline-insert-menu-item-ico= n-container .docs-icon, .docs-smart-canvas-scrollable-inputless-insert-menu= .docs-insert-dropdown-from-definition-button .docs-inline-insert-menu-item= -icon-container .docs-icon, .docs-smart-canvas-scrollable-inputless-insert-= menu .docs-meeting-notes-calendar-event-item-button .docs-inline-insert-men= u-item-icon-container .docs-icon, .docs-smart-canvas-scrollable-inputless-i= nsert-menu .docs-snippetbook-item-button .docs-inline-insert-menu-item-icon= -container .docs-icon, .docs-smart-canvas-scrollable-inputless-insert-menu = .docs-snippetbook-item-button-expanded .docs-inline-insert-menu-item-icon-c= ontainer .docs-icon, .docs-smart-canvas-scrollable-inputless-insert-menu .d= ocs-timer-item-button .docs-inline-insert-menu-item-icon-container .docs-ic= on, .docs-smart-canvas-scrollable-inputless-insert-menu .docs-variables-ite= m-button .docs-inline-insert-menu-item-icon-container .docs-icon { height: = 24px; width: 24px; } .docs-meeting-notes-menu-item-button .docs-icon { height: 20px; width: 20px= ; } .docs-generative-ai-menu-item .docs-icon.goog-inline-block { height: 18px; = margin: 1px 0px 0px; width: 18px; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-bu= tton .docs-inline-insert-menu-item-icon-container .docs-icon .docs-icon-qui= ck-reference-all-18x18, .docs-smart-canvas-scrollable-inputless-insert-menu= .docs-component-item-button .docs-inline-insert-menu-item-icon-container .= docs-icon .docs-icon-spreadsheet { padding: 3px; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-person-item-butto= n .docs-inline-insert-menu-item-icon { height: 28px; width: 28px; border-ra= dius: 9999px; } .docs-inline-insert-menu-item-subtext, .docs-inline-insert-menu-item-title = { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space:= nowrap; width: 232px; } .docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-new, .do= cs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-next, .docs= -inline-insert-menu-item-title.docs-inline-insert-menu-item-new, .docs-inli= ne-insert-menu-item-title.docs-inline-insert-menu-item-next { width: 190px;= } .docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-now, .do= cs-inline-insert-menu-item-title.docs-inline-insert-menu-item-now { width: = 190px; font-weight: 700; } .docs-inline-insert-menu-item-title { font-family: Roboto, RobotoDraft, Hel= vetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; } .docs-inline-insert-menu-item-subtext { font-family: Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1rem; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-men= u-item-title { color: var(--gm3-sys-color-on-surface,#1f1f1f); letter-spaci= ng: 0.00625rem; line-height: 1.25rem; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-men= u-item-subtext { color: var(--gm3-sys-color-on-surface-variant,#444746); le= tter-spacing: 0.00625rem; line-height: 1rem; } .docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-men= u-item.docs-static-graphic-item-button .docs-inline-insert-menu-item-title = { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans= ", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.75rem; l= ine-height: 1rem; white-space: normal; width: calc(100% - 10px); } .docs-cross-references-caption-item-button .docs-material-button-hover { ba= ckground-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.2) !impo= rtant; } @media screen and (forced-colors: active) { .docs-smart-canvas-scrollable-inputless-insert-menu .goog-menuitem-highli= ght .docs-inline-insert-menu-item-subtext, .docs-smart-canvas-scrollable-in= putless-insert-menu .goog-menuitem-highlight .docs-inline-insert-menu-item-= title { color: highlighttext; } } .maps-place-item-preview-image { max-width: 280px; } .maps-place-item-preview-container { position: absolute; width: 280px; } .maps-place-item-preview-image-loaded { border-radius: 4px; box-shadow: 0 1= px 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); position: absol= ute; width: 100%; z-index: 1002; } .docs-person-item-button .docs-inline-insert-menu-item-info-container { ove= rflow: hidden; } .docs-person-item-button .docs-person-item-button-title-wrapper { display: = flex; align-items: center; min-width: 0px; width: 100%; } .docs-person-item-button .docs-inline-insert-menu-item-title { flex: 0 1 au= to; min-width: 0px; width: auto; } .docs-person-item-button .docs-person-item-button-badge { align-items: cent= er; border-radius: 4px; display: inline-flex; flex-shrink: 0; font-family: = "Google Sans"; font-size: 0.6875rem; font-weight: 500; height: 20px; margin= -left: 8px; padding: 0px; vertical-align: middle; } .docs-person-item-button .docs-person-item-button-badge .docs-person-item-b= utton-badge-icon { height: 14px; margin-left: 2px; width: 14px; } .docs-person-item-button .docs-person-item-button-badge .docs-person-item-b= utton-badge-text b { font-weight: inherit; } .docs-person-item-button .docs-person-item-button-badge .docs-person-item-b= utton-badge-text { line-height: 11px; margin-left: 4px; margin-right: 4px; = margin-top: 1px; } .docs-person-item-button .docs-person-item-button-badge.exportExternalTag {= background-color: var(--ws-sys-color-extended-yellow-outline,#ffe07c); col= or: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); } .docs-person-item-button .docs-person-item-button-badge.exportGuestPassTag = { background-color: var(--ws-sys-color-extended-cyan-outline,#acedff); colo= r: var(--ws-sys-color-extended-cyan-fill,#00687c); } .docs-smart-canvas-scrollable-inputless-insert-menu { cursor: default; max-= height: 328px; overflow: hidden auto; padding: 8px 0px; width: 320px; } .docos-stream-view .apps-search-menu { width: 100%; } .apps-search-popup-menu .docs-smart-canvas-scrollable-inputless-insert-menu= { max-height: 456px; } @media screen and (forced-colors: active) { .apps-search-popup-menu .docs-smart-canvas-scrollable-inputless-insert-me= nu { border: 1px solid highlight; } } .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container { b= order-radius: 0px; overflow-x: hidden; } [class*=3D"docs-hc"] .docs-smart-canvas-unscrollable-inputless-insert-menu-= results-container { padding: 1px; } .docs-smart-canvas-insert-menu-message { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); cursor: auto; font-family: Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.875rem; height: 48px; justify-content= : center; line-height: 48px; text-align: center; } .previewableColorMenuColorPalette { margin: 0px 16px; } .previewableColorMenuColorPalette.docs-material-colorpalette .docs-material= -colorpalette-colorswatch { height: 24px; margin: 4px; width: 24px; } .previewableColorMenuHeader { color: var(--gm3-sys-color-on-surface-variant= ,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = font-size: 0.6875rem; font-weight: 500; margin: 10px 16px 8px; } .previewableColorMenuCustomizeButton { border-radius: 4px; color: var(--gm3= -sys-color-primary,#0b57d0); cursor: pointer; font-family: "Google Sans", R= oboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; lett= er-spacing: 0.00625rem; line-height: 1.25rem; margin-left: 16px; margin-top= : 7px; padding: 0px 8px; } .previewableColorMenuCustomizeButton.goog-flat-button-hover { background-co= lor: color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transpare= nt); } .previewableColorMenuResetButton .previewableColorMenuResetButton.goog-menu= item-highlight { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c= 7c5); } .previewableColorMenuResetButton .docs-icon.goog-inline-block.goog-menuitem= -icon { position: relative; top: 0px; } .docs-gm .goog-menu .previewableColorMenuResetButton.goog-menuitem { border= : 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 16= px; margin: 10px 16px; padding: 2px 15px; text-align: center; } .docs-gm .previewableColorMenu .previewableColorMenuSeparator { margin: 16p= x 0px 12px; } .previewableColorMenu .previewableColorMenuPreviewControl { margin: 0px 0px= 5px 16px; } .previewableCustomColorMenuContainer { padding: 12px; width: 242px; } .previewableCustomColorMenuContainer .docs-dropdown-item-preview-control { = margin: 16px 0px 0px 16px; } .previewableCustomColorMenuContainer.previewableCustomColorMenuFullWidthPre= view .docs-dropdown-item-preview-control { margin: 12px 0px 16px 16px; } .previewableCustomColorMenuContainer .goog-menuseparator { margin: 16px 0px= 0px; } .previewableCustomColorMenuContainer .docs-material-hsv-color-picker { marg= in: 0px 12px; width: 218px; } .previewableCustomColorMenuContainer.previewableCustomColorMenu.previewable= CustomColorMenuRgbaEnabled .docs-material-hsv-color-picker { margin: 0px 12= px 16px; width: auto; } .previewableCustomColorMenuContainer.previewableCustomColorMenuFullWidthPre= view .docs-material-hsv-color-picker { margin: 12px 12px 0px; } .previewableCustomColorMenuRgbaEnabled { padding: 12px; width: auto; } .previewableCustomColorMenuTabBar { align-items: center; display: flex; jus= tify-content: center; outline: none; } .previewableCustomColorMenuTabBar .docs-tabbar-tab { border-radius: 4px; po= sition: relative; } .previewableCustomColorMenuTabBar .docs-tabbar-tab .docs-tabbar-tablabel { = color: var(--gm3-sys-color-on-surface-variant,#444746); text-transform: non= e; } .previewableCustomColorMenuTabBar .docs-tabbar-tab-selected .docs-tabbar-ta= blabel { color: var(--gm3-sys-color-primary,#0b57d0); font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .previewableCustomColorMenuTabBar .docs-tabbar-tab-selected::before { borde= r-top: 3px solid var(--gm3-sys-color-primary,#0b57d0); border-radius: 3px 3= px 0px 0px; bottom: 0px; content: ""; display: block; height: 0px; left: 8p= x; position: absolute; width: calc(100% - 16px); } .previewableCustomColorMenuTabBar .docs-tabbar-tab-active, .previewableCust= omColorMenuTabBar .docs-tabbar-tab-hover { background: color-mix(in srgb,va= r(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,#fff))= ; } .previewableCustomColorMenuButtonContainer { display: flex; justify-content= : flex-end; } .previewableCustomColorMenuCancelButton { border: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); border-radius: 4px; color: var(--gm3-sys-col= or-primary,#0b57d0); cursor: pointer; font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; max-width: 60px; overflow: hidden; padding: 9px 24px 11px; text-overf= low: ellipsis; white-space: nowrap; } .previewableCustomColorMenuCancelButton.goog-flat-button-hover { background= -color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--= gm3-sys-color-surface,#fff)); } .previewableCustomColorMenuOkayButton { background-color: var(--gm3-sys-col= or-primary,#0b57d0); border: 1px solid var(--gm3-sys-color-outline-variant,= #c4c7c5); border-radius: 4px; color: var(--gm3-sys-color-on-primary,#fff); = cursor: pointer; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; font-size: 0.875rem; font-weight: 500; margin-left: 12= px; margin-right: 12px; max-width: 60px; overflow: hidden; padding: 9px 24p= x 11px; text-overflow: ellipsis; white-space: nowrap; } .previewableCustomColorMenuOkayButton.goog-flat-button-hover { background-c= olor: var(--gm3-sys-color-primary,#0b57d0); } .docs-dropdown-item-preview-control { align-items: center; display: flex; f= ont-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-dropdown-item-preview-control-title { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .docs-dropdown-item-preview-control-preview { border-radius: 8px; margin-le= ft: 5px; max-width: 200px; overflow: hidden; padding: 2px 5px; text-overflo= w: ellipsis; white-space: nowrap; } .docs-dropdown-item-preview-control-full-width-preview .docs-dropdown-item-= preview-control-preview { line-height: 1.5rem; margin-left: 0px; max-width:= none; width: 90%; } .docs-dropdown-item-preview-control-hide-preview-label-text .docs-dropdown-= item-preview-control-title { display: none; } .docs-greytext-suggestion { display: inline-flex; flex-direction: row; max-= height: 100%; color: var(--gm3-sys-color-on-surface-variant,#444746) !impor= tant; } .docs-action-badge { display: inline-block; float: right; margin-left: 15px= ; margin-top: 2px; vertical-align: middle; } .docs-action-now-badge { margin-left: 12px; overflow: hidden; text-overflow= : ellipsis; } .docs-action-recommendation-badge-container { align-items: center; display:= inline-flex; } .docs-action-badge.docs-action-recommendation-badge-container { margin-top:= 0px; } [class*=3D"docs-hc"] .docs-action-badge { border: 1px solid transparent; } .docs-action-badge-submenu .docs-action-badge { margin-right: -27px; } .docs-action-badge-submenu { display: inline-block; margin-bottom: -4px; mi= n-width: 100%; } .docs-action-badge-emoji { font-family: "Noto Color Emoji", Roboto, RobotoD= raft, Helvetica, Arial, sans-serif; } .docs-action-updated-dot { background-color: var(--gm3-sys-color-primary,#0= b57d0); border-radius: 9999px; display: inline-block; float: right; height:= 9px; width: 9px; margin-top: 5px; } .docs-action-updated-dot-submenu .docs-action-updated-dot { margin-right: -= 27px; } .docs-action-updated-dot-submenu { display: inline-block; margin-bottom: -6= px; margin-right: -5px; min-width: 100%; } .docs-action-updated-dot-shortcut-keys .docs-action-updated-dot { margin-ri= ght: -27px; } .docs-action-updated-dot-shortcut-keys { display: inline-block; margin-bott= om: -4px; margin-right: 12px; } .docsAiBubbleLoadingViewRoot { display: flex; flex-direction: column; gap: = 8px; justify-content: flex-start; margin-top: -25px; overflow: hidden; padd= ing: 0px 24px; } .docsAiBubbleLoadingViewRoot [class*=3D"docsAiBubbleLoadingViewPlaceholderL= ine"] { animation-duration: 2s; animation-fill-mode: forwards; animation-it= eration-count: infinite; animation-name: docsAiBubbleLoadingViewFirstTimeAn= imation; animation-timing-function: linear; background: linear-gradient(98.= 97deg,color-mix(in sRGB,var(--gm3-sys-color-surface-container-highest,#dde3= ea) 64.6%,transparent) -15.9%,color-mix(in sRGB,var(--gm3-sys-color-surface= -variant,#e1e3e1) 21%,transparent) 59.22%); border-radius: 9999px; height: = 12px; margin-bottom: 14px; overflow: hidden; position: relative; } .docsAiBubbleLoadingViewRoot [class*=3D"docsAiBubbleLoadingViewShimmerPlace= holderLine"] { background: rgb(233, 226, 255); border-radius: 8px; height: = 12px; overflow: hidden; position: relative; width: 100%; } .docsAiBubbleLoadingViewShimmerPlaceholderHeader { align-items: center; dis= play: flex; flex-shrink: 0; justify-content: flex-start; padding-right: 65p= x; } .docsAiBubbleLoadingViewShimmerPlaceholderSquare { background: rgb(233, 226= , 255); border-radius: 4px; height: 20px; margin-right: 16px; overflow: hid= den; position: relative; width: 20px; } .docsAiBubbleLoadingViewShimmerPlaceholderEmptyLine { height: 12px; } .docsAiBubbleLoadingViewShimmerPlaceholderLineExpanded { flex: 1 1 0%; } .docsAiBubbleLoadingViewShimmerPlaceholderAnimated { animation-duration: 1.= 5s; animation-timing-function: linear; animation-iteration-count: infinite;= animation-direction: normal; animation-fill-mode: none; animation-play-sta= te: running; animation-name: docsAiBubbleLoadingViewShimmerPlaceholderGradi= ent; animation-timeline: auto; animation-range: normal; animation-delay: ca= lc(var(--animation-order)*83ms); background: linear-gradient(135deg, rgb(21= 1, 227, 253), rgb(132, 196, 255), rgb(168, 199, 250), rgb(132, 196, 255), r= gb(211, 227, 253), rgb(211, 227, 253), rgb(132, 196, 255), rgb(168, 199, 25= 0), rgb(132, 196, 255), rgb(211, 227, 253)) 0% 0% / 400% 400%; height: 100%= ; width: 100vw; } .docsAiBubbleLoadingViewShimmerPlaceholderFade { animation-delay: calc(var(= --animation-order)*.2s),calc(var(--animation-order)*.25s); animation-durati= on: 0.35s, 667ms; animation-fill-mode: both; animation-name: docsAiBubbleLo= adingViewShimmerPlaceholderEnter, docsAiBubbleLoadingViewShimmerPlaceholder= StretchIn; animation-timing-function: linear, cubic-bezier(0.39, 0, 0.05, 1= ); opacity: 0; transform-origin: left center; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine100 { width: 100%; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine97 { width: 97%; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine94 { width: 94%; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine92 { width: 92%; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine75 { width: 75%; } .docsAiBubbleLoadingViewShimmerPlaceholderFade.docsAiBubbleLoadingViewShimm= erPlaceholderLine25 { width: 25%; } @media screen and (forced-colors: active) { .docsAiBubbleLoadingViewRoot [class*=3D"docsAiBubbleLoadingViewShimmerPla= ceholderLine"] { border: 1px solid highlight; } } @keyframes docsAiBubbleLoadingViewFirstTimeAnimation {=20 0% { background-position: -468px 0px; } 100% { background-position: 468px 0px; } } @keyframes docsAiBubbleLoadingViewShimmerPlaceholderGradient {=20 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes docsAiBubbleLoadingViewShimmerPlaceholderEnter {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes docsAiBubbleLoadingViewShimmerPlaceholderStretchIn {=20 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } :root { --animation-order: 0; } .docsUiWizAudioSliderBody { align-items: center; block-size: 100%; display:= flex; direction: ltr; } .docsUiWizAudioSliderPlayButton { --gm3-icon-button-filled-container-width:= 32px; --gm3-icon-button-filled-container-height: 32px; --gm3-icon-button-f= illed-icon-size: 20px; --gm3-icon-button-filled-toggle-unselected-icon-colo= r: var(--gm3-sys-color-on-primary,#fff); --gm3-icon-button-filled-toggle-un= selected-focus-icon-color: var(--gm3-sys-color-on-primary,#fff); --gm3-icon= -button-filled-toggle-unselected-hover-icon-color: var(--gm3-sys-color-on-p= rimary,#fff); --gm3-icon-button-filled-toggle-unselected-pressed-icon-color= : var(--gm3-sys-color-on-primary,#fff); --gm3-icon-button-filled-toggle-uns= elected-hover-state-layer-color: var(--gm3-sys-color-on-primary,#fff); --gm= 3-icon-button-filled-unselected-container-color: var(--gm3-sys-color-primar= y,#0b57d0); } .docsUiWizAudioSliderSmallPlayButton { --gm3-icon-button-filled-container-h= eight: 28px; --gm3-icon-button-filled-container-width: 28px; } .docsUiWizAudioSliderLargePlayButton { --gm3-icon-button-filled-container-h= eight: 40px; --gm3-icon-button-filled-container-width: 40px; --gm3-icon-but= ton-filled-icon-size: 24px; } .docsUiWizAudioSliderDurationContainer { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing:= 0px; color: var(--gm3-sys-color-outline,#747775); line-height: 1rem; displ= ay: flex; min-width: 96px; font-variant-numeric: tabular-nums; justify-cont= ent: center; } .docsUiWizAudioSliderTimeSeparator { margin: 0px; } .docsUiWizAudioSliderPendingIndicator, .docsUiWizAudioSliderPlayButton { ma= rgin: 8px 4px; } .docsUiWizAudioSliderPlayButton.docsUiWizAudioSliderLargePlayButton { margi= n: 0px; } .docsUiWizAudioSliderPendingIndicator { height: 28px; margin-inline-end: 8p= x; width: 28px; --EscQs: 2px; --EkrYwf: 28px; --Sewh0e: transparent; } .docsUiWizAudioSliderDurationContainerPendingAudio { opacity: 0.36; } @media screen and (forced-colors: active) { .docsUiWizAudioSliderDurationContainerPendingAudio { opacity: 1; } } @media screen and (forced-colors: active) { .docsUiWizAudioSliderDurationContainerPendingAudio .docsUiWizAudioSliderC= urrentTime, .docsUiWizAudioSliderDurationContainerPendingAudio .docsUiWizAu= dioSliderMaxTime, .docsUiWizAudioSliderDurationContainerPendingAudio .docsU= iWizAudioSliderTimeSeparator { color: graytext; } } .docsUiWizAudioSliderCurrentTime { color: var(--gm3-sys-color-primary,#0b57= d0); } .docsUiWizAudioSliderMaxTime, .docsUiWizAudioSliderTimeSeparator { color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); } .docsUiWizAudioSliderSliderContainer { flex-grow: 1; } .docsUiWizAudioSliderBody .docsUiWizAudioSliderSlider { flex-grow: 1; margi= n-inline: 4px 0px; --gm3-slider-active-track-height: 4px; --gm3-slider-disa= bled-active-track-color: var(--gm3-sys-color-primary-container,#d3e3fd); --= gm3-slider-disabled-active-track-opacity: 0.36; --gm3-slider-disabled-handl= e-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-slider-disabled-handle= -opacity: 0.36; --gm3-slider-disabled-inactive-track-color: var(--gm3-sys-c= olor-primary-container,#d3e3fd); --gm3-slider-disabled-inactive-track-opaci= ty: 0.36; --gm3-slider-disabled-stop-color: transparent; --gm3-slider-handl= e-height: 24px; --gm3-slider-inactive-track-height: 4px; --gm3-slider-stop-= indicator-color: transparent; --gm3-slider-value-indicator-label-label-text= -size: 14px; --gm3-slider-value-indicator-active-bottom-space: 2px; } .docsUiWizAudioSliderHidden { display: none; } .docsUiWizAudioSliderStreaming { width: 100%; padding-left: 4px; } .docsUiWizAudioSliderStreamingShimmerPlaceholderLine { border-radius: 8px; = height: 8px; overflow: hidden; position: relative; } @media screen and (forced-colors: active) { .docsUiWizAudioSliderStreamingShimmerPlaceholderLine { border: 1px solid = highlight; } } .docsUiWizAudioSliderStreamingShimmerPlaceholderFade { animation-delay: cal= c(var(--animation-order)*.2s),calc(var(--animation-order)*.25s); animation-= duration: 0.35s, 667ms; animation-fill-mode: both; animation-name: docsUiWi= zAudioSliderStreamingShimmerPlaceholderEnter, docsUiWizAudioSliderStreaming= ShimmerPlaceholderStretchIn; animation-timing-function: linear, cubic-bezie= r(0.39, 0, 0.05, 1); opacity: 0; transform-origin: left center; } .docsUiWizAudioSliderStreamingShimmerPlaceholderAnimated { background: var(= --ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-ge= nai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bb= e2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color= -genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .docsUiWizAudioSliderStreamingShimmerPlaceholderAnimated { animation: 2.1= s linear 0s infinite normal none running generation-shimmer; background: va= r(--ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-= genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#= bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-col= or-genai-muted-gradient01,#e9eef6))); } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .docsUiWizAudioSliderStreamingShimmerPlaceholderAnimated { background-pos= ition: 50% center; background-size: 800% 800%; } } .docsUiWizAudioSliderStreamingShimmerPlaceholderAnimated { height: 100%; } @keyframes docsUiWizAudioSliderStreamingShimmerPlaceholderEnter {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes docsUiWizAudioSliderStreamingShimmerPlaceholderStretchIn {=20 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } .docs-border-selection-palette .goog-palette-cell, .docs-border-selection-p= alette .goog-palette-table { border-width: medium; border-style: none; bord= er-color: currentcolor; border-image: none; } .docs-border-selection-palette .goog-palette-cell-hover { background-color:= color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys= -color-surface-container,#f0f4f9)); } .docs-border-selection-button-normal, .docs-border-selection-button-pressed= { direction: ltr; text-align: left; background: url("//ssl.gstatic.com/doc= s/presentations/images/icons-8.png") no-repeat; overflow: hidden; vertical-= align: middle; } .docs-border-selection-button-normal, .docs-border-selection-button-pressed= { cursor: pointer; height: 13px; width: 13px; position: absolute; z-index:= 100; user-select: none; } .docs-border-selection-button-pressed { background-position: left -231px to= p 0px; } .docs-border-selection-button-normal { background-position: left -231px top= 0px; } .docs-calloutbubble-anchor { position: absolute; } .docs-calloutbubble-bubble.jfk-bubble { padding: 0px; z-index: 99 !importan= t; } @media print { .docs-calloutbubble-anchor { display: none !important; } } .chip-pill-bubble-chip { background-color: var(--gm3-sys-color-surface-cont= ainer-high,#e9eef6); border-radius: 8px; color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); display: flex; height: 20px; margin-top: 15px; max-width: 110= px; padding: 0px 5px; position: absolute; overflow: clip hidden; width: fit= -content; } .chip-pill-header .chip-pill-bubble-chip { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); } .chip-pill-bubble-chip-icon { display: flex; height: 10px; padding-top: 2.5= px; position: relative; max-width: 10px; } .chip-pill-bubble-chip-text { display: inline-block; height: inherit; line-= height: normal; margin-left: 4px; max-width: 180px; overflow-x: clip; paddi= ng-top: 2px; text-overflow: ellipsis; white-space: nowrap; width: fit-conte= nt; } .chip-pill-field-holder { height: 100%; } .chip-pill-header { display: grid; grid-template-columns: 120px 90px 25px; = height: 56px; position: relative; white-space: nowrap; width: 250px; z-inde= x: 1; } .chip-pill-timestamp { display: inline-block; float: right; font-size: 0.75= rem; grid-column: 2; justify-self: end; padding-right: 10px; width: fit-con= tent; } .docs-crophandle-handle { position: absolute; z-index: 41; } .docs-crophandle-inner-handle { position: absolute; background-color: var(-= -gm3-sys-color-inverse-surface,#303030); } .docs-crophandle-outer-handle { position: absolute; background-color: var(-= -gm3-sys-color-surface,#fff); } .docs-cropselectionbox-border { position: absolute; border: solid 4px color= -mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 50%,transparent); box-= sizing: border-box; z-index: 32; } .smart-canvas-date-details-bubble { width: 324px; } .smart-canvas-date-details-bubble.smart-canvas-date-details-bubble-gm3-lite= { color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } .smart-canvas-date-details-bubble-icon { height: 20px; width: 20px; } .smart-canvas-date-details-bubble-details, .smart-canvas-date-details-bubbl= e-time-details { align-items: center; display: flex; margin-bottom: 8px; } .smart-canvas-date-details-bubble-view-only .smart-canvas-date-details-bubb= le-details { margin: 0px; } .smart-canvas-date-details-bubble-edit-field { color: var(--gm3-sys-color-o= n-surface,#1f1f1f); font-size: 0.875rem; height: 36px; line-height: 1.25rem= ; margin-left: 14px; position: relative; width: 268px; } .smart-canvas-date-details-bubble-edit-field, .smart-canvas-date-details-bu= bble-time-zone-edit-field { align-items: center; cursor: pointer; display: = flex; outline: none; } .smart-canvas-date-details-bubble-edit-field.smart-canvas-date-details-bubb= le-edit-field-gm3, .smart-canvas-date-details-bubble-time-zone-edit-field {= background: var(--gm3-sys-color-surface-container-highest,#dde3ea); border= -bottom: 1px solid var(--gm3-sys-color-on-surface-variant,#444746); border-= radius: 4px 4px 0px 0px; box-sizing: border-box; padding-top: 1px; } .smart-canvas-date-details-bubble-edit-field.smart-canvas-date-details-bubb= le-edit-field-gm3:focus-within, .smart-canvas-date-details-bubble-time-zone= -edit-field:focus { border-bottom: 2px solid var(--gm3-sys-color-primary,#0= b57d0); padding-top: 2px; } .smart-canvas-date-details-bubble-edit-field.smart-canvas-date-details-bubb= le-edit-field-gm3:hover, .smart-canvas-date-details-bubble-time-zone-edit-f= ield:hover { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#= 1f1f1f) 8%,var(--gm3-sys-color-surface-container-highest,#dde3ea)); } .smart-canvas-date-details-bubble-edit-field.smart-canvas-date-details-bubb= le-edit-field-time-zone-visible, .smart-canvas-date-details-bubble-time-com= bo-box .goog-combo-button-input, .smart-canvas-date-details-bubble-time-com= bo-box .smart-canvas-time-selection-combo-box-dropdown-menu { width: 130px;= } .smart-canvas-date-details-bubble-edit-field.smart-canvas-date-details-bubb= le-edit-field-time-zone-visible, .smart-canvas-date-details-bubble-time-com= bo-box .smart-canvas-time-selection-combo-box-container { margin: 0px 14px;= } .smart-canvas-date-details-bubble-time-zone-edit-field { height: 36px; widt= h: 114px; } .smart-canvas-date-details-bubble-time-disabled .smart-canvas-date-details-= bubble-time-zone-edit-field, .smart-canvas-date-details-bubble-time-disable= d .smart-canvas-time-selection-combo-box-container .goog-combo-button-input= , .smart-canvas-date-details-bubble-time-zone-edit-field.smart-canvas-date-= details-bubble-time-zone-edit-field-disabled { background: color-mix(in srg= b,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#= fff)); color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%= ,var(--gm3-sys-color-surface,#fff)); cursor: default; } .smart-canvas-date-details-bubble-time-disabled .smart-canvas-date-details-= bubble-time-zone-edit-field, .smart-canvas-date-details-bubble-time-zone-ed= it-field.smart-canvas-date-details-bubble-time-zone-edit-field-disabled { b= order-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } @media screen and (forced-colors: active) { .smart-canvas-date-details-bubble-edit-field:focus, .smart-canvas-date-de= tails-bubble-time-zone-edit-field:focus { outline: highlight solid 1px; } } .smart-canvas-date-details-bubble-time-disabled .smart-canvas-time-selectio= n-combo-box-container.smart-canvas-time-selection-combo-box-view-only .goog= -combo-button-input, .smart-canvas-date-details-bubble-time-disabled.smart-= canvas-date-details-bubble-view-only .smart-canvas-date-details-bubble-time= -zone-edit-field.goog-button, .smart-canvas-date-details-bubble-view-only .= smart-canvas-date-details-bubble-edit-field-gm3, .smart-canvas-date-details= -bubble-view-only .smart-canvas-date-details-bubble-edit-field-gm3:focus, .= smart-canvas-date-details-bubble-view-only .smart-canvas-date-details-bubbl= e-edit-field-gm3:hover, .smart-canvas-date-details-bubble-view-only .smart-= canvas-date-details-bubble-time-zone-edit-field, .smart-canvas-date-details= -bubble-view-only .smart-canvas-date-details-bubble-time-zone-edit-field-te= xt, .smart-canvas-date-details-bubble-view-only .smart-canvas-date-details-= bubble-time-zone-edit-field.smart-canvas-date-details-bubble-time-zone-edit= -field-disabled.goog-button, .smart-canvas-date-details-bubble-view-only .s= mart-canvas-date-details-bubble-time-zone-edit-field:hover, .smart-canvas-t= ime-selection-combo-box-container.smart-canvas-time-selection-combo-box-vie= w-only .goog-combo-button-input { background: none; border-width: medium; b= order-style: none; border-color: currentcolor; border-image: none; cursor: = default; height: auto; padding: 0px; } .smart-canvas-date-details-bubble-time-disabled .smart-canvas-time-selectio= n-combo-box-container.smart-canvas-time-selection-combo-box-view-only .goog= -combo-button-input, .smart-canvas-time-selection-combo-box-container.smart= -canvas-time-selection-combo-box-view-only .goog-combo-button-input { paddi= ng-left: 8px; } .smart-canvas-date-details-bubble-edit-field-text, .smart-canvas-date-detai= ls-bubble-time-zone-edit-field-text { display: block; overflow: hidden; pad= ding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .smart-canvas-date-details-bubble-relative-text { font-size: 0.75rem; heigh= t: 12px; line-height: 1rem; margin-left: 34px; } .smart-canvas-date-details-bubble-time-checkbox { display: inline-block; fo= nt-size: 0.75rem; line-height: 1rem; } .smart-canvas-date-details-bubble-action-bar { border-top: 1px solid var(--= gm3-sys-color-outline-variant,#c4c7c5); } .smart-canvas-date-details-bubble-icon-group { display: flex; justify-conte= nt: right; } .smart-canvas-date-details-bubble-pattern-picker-button { border-radius: 99= 99px; cursor: pointer; height: 20px; outline: none; padding: 10px; width: 2= 0px; margin-left: auto; } .smart-canvas-date-details-icon-button { border-radius: 9999px; cursor: poi= nter; height: 24px; outline: none; padding: 6px; width: 24px; } [class*=3D"docs-hc"] .smart-canvas-date-details-bubble-pattern-picker-butto= n:focus, [class*=3D"docs-hc"] .smart-canvas-date-details-icon-button:focus = { border: 1px solid transparent; } .smart-canvas-date-details-bubble-pattern-picker-button:focus, .smart-canva= s-date-details-bubble-pattern-picker-button:hover, .smart-canvas-date-detai= ls-icon-button:focus, .smart-canvas-date-details-icon-button:hover { backgr= ound-color: color-mix(in srgb,var(--gm3-sys-color-on-primary-container,#084= 2a0) 8%,var(--gm3-sys-color-primary-container,#d3e3fd)); } .smart-canvas-date-details-bubble-view-only .smart-canvas-date-details-bubb= le-pattern-picker-button, .smart-canvas-date-details-bubble-view-only .smar= t-canvas-date-details-icon-button { display: none; } .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon { height= : 20px; margin: 0px; width: 20px; } .smart-canvas-date-details-icon-button .docs-icon { height: 24px; margin: 0= px; width: 24px; } .smart-canvas-date-details-bubble-edit-field .smart-canvas-date-picker-bubb= le { left: 0px; top: 44px; } .smart-canvas-date-details-bubble .goog-menu { padding: 6px 0px; max-height= : 200px; } .smart-canvas-date-details-bubble-action-bar .goog-menu .goog-menuitem { pa= dding-left: 44px; padding-right: 19px; } .smart-canvas-date-details-bubble .smart-canvas-date-details-bubble-hint-bu= tton { cursor: pointer; flex-shrink: 0; font-weight: 700; padding: 4px; } .smart-canvas-date-details-bubble .smart-canvas-date-details-bubble-hint-bu= tton:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-pri= mary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); border-radius: 4px; } .smart-canvas-date-details-bubble .smart-canvas-date-details-bubble-hint-te= xt { padding-right: 8px; } [class*=3D"docs-hc"] .docs-material-button-text-default.docs-material-butto= n-focused { outline: none; border: 1px solid transparent; } .smart-canvas-date-details-bubble-calendar-disabled.smart-canvas-date-detai= ls-bubble-view-only .smart-canvas-date-details-bubble-action-bar { display:= none; } .smart-canvas-date-details-bubble.smart-canvas-date-details-bubble-calendar= -disabled .smart-canvas-date-details-bubble-action-bar { justify-content: f= lex-end; } .smart-canvas-date-details-bubble.smart-canvas-date-details-bubble-view-onl= y .smart-canvas-date-details-bubble-action-bar { justify-content: space-bet= ween; } @media screen and (forced-colors: active) { .smart-canvas-date-details-bubble-time-disabled .smart-canvas-date-detail= s-bubble-time-zone-edit-field, .smart-canvas-date-details-bubble-time-zone-= edit-field.smart-canvas-date-details-bubble-time-zone-edit-field-disabled {= border-color: graytext; color: graytext; } } .smart-canvas-date-picker-bubble, .smart-canvas-date-picker-bubble * { box-= sizing: border-box; } .smart-canvas-date-picker-bubble { background-color: var(--gm3-sys-color-su= rface,#fff); border-radius: 4px; box-shadow: 0 2px 6px 2px color-mix(in sRG= B,var(--gm3-sys-color-shadow,#000) 15%,transparent); outline: 1px solid var= (--gm3-sys-color-outline-variant,#c4c7c5); position: absolute; z-index: 502= ; } .smart-canvas-date-picker-bubble-date-picker .goog-date-picker { cursor: de= fault; border-width: medium; border-style: none; border-color: currentcolor= ; border-image: none; border-radius: 4px; box-shadow: none; margin: auto; m= in-width: 230px; width: auto; } .goog-date-picker-today::before, .goog-date-picker-today:hover::before { bo= rder: 1px solid var(--gm3-sys-color-primary,#0b57d0); border-radius: 9999px= ; box-sizing: border-box; } .goog-date-picker-today.goog-date-picker-unavailable-date::before, .goog-da= te-picker-unavailable-date { pointer-events: none; border: unset; } .smart-canvas-date-picker-bubble .goog-date-picker table tbody:focus { back= ground-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,va= r(--gm3-sys-color-surface,#fff)); } .goog-date-picker .goog-date-picker-selected.goog-date-picker-unavailable-d= ate::before { background-color: var(--gm3-sys-color-outline-variant,#c4c7c5= ); } .smart-canvas-date-picker-bubble .goog-date-picker-selected::before, .smart= -canvas-date-picker-bubble .goog-date-picker-selected:hover::before { backg= round-color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(= --gm3-sys-color-primary,#0b57d0)); transition: background-color 0.1s linear= ; } [class*=3D"docs-hc"] .goog-date-picker-selected::before, [class*=3D"docs-hc= "] .goog-date-picker-selected:hover::before { border: 1px dashed transparen= t; } :not([class*=3D"docs-hc"]) .goog-date-picker-today.goog-date-picker-selecte= d::before, :not([class*=3D"docs-hc"]) .goog-date-picker-today.goog-date-pic= ker-selected:hover::before { border-width: medium; border-style: none; bord= er-color: currentcolor; border-image: none; } [class*=3D"docs-hc"] .goog-date-picker-today.goog-date-picker-selected::bef= ore, [class*=3D"docs-hc"] .goog-date-picker-today.goog-date-picker-selected= :hover::before { border: 4px double transparent; } .smart-canvas-date-picker-bubble .goog-date-picker-monthyear { color: var(-= -gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 500; } .smart-canvas-date-picker-bubble .goog-date-picker-wday { color: var(--gm3-= sys-color-on-surface-variant,#444746); } .smart-canvas-date-picker-bubble-gm3 .goog-date-picker-date, .smart-canvas-= date-picker-bubble-gm3 .goog-date-picker-wday { color: var(--gm3-sys-color-= on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helve= tica, Arial, sans-serif; font-size: 0.75rem; height: 28px; width: 28px; } .smart-canvas-date-picker-bubble-gm3 .goog-date-picker-other-month, .smart-= canvas-date-picker-bubble-gm3 .goog-date-picker-unavailable-date { color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); } .smart-canvas-date-picker-bubble .goog-date-picker-date::before { height: 2= 8px; left: 0px; margin: 0px auto; right: 0px; width: 28px; } .smart-canvas-date-picker-bubble-gm3 .docs-material-button-text-default .do= cs-material-button-content { color: var(--gm3-sys-color-primary,#0b57d0); f= ont-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-seri= f; font-weight: 500; } .smart-canvas-date-picker-bubble-control-container { align-items: center; b= order-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); display:= block; padding: 12px; } .smart-canvas-date-picker-bubble-input-container { align-items: center; dis= play: flex; margin-bottom: 8px; } .smart-canvas-date-picker-bubble-icon { height: 20px; width: 20px; } .smart-canvas-date-picker-bubble-accept-button { display: flex; justify-con= tent: right; margin-left: 8px; } .smart-canvas-date-picker-bubble-accept-button .docs-gm3-button { margin: 0= px; } .smart-canvas-date-picker-bubble-time-combo-box-container { white-space: no= wrap; } .smart-canvas-date-picker-bubble-time-combo-box-container .goog-combo-butto= n-input, .smart-canvas-date-picker-bubble-time-combo-box-container .smart-c= anvas-time-selection-combo-box-dropdown-menu { width: 130px; } .smart-canvas-date-picker-bubble-time-zone-selection-button { align-items: = center; background: var(--gm3-sys-color-surface-container-highest,#dde3ea);= border-bottom: 1px solid var(--gm3-sys-color-on-surface-variant,#444746); = border-radius: 4px 4px 0px 0px; box-sizing: border-box; color: var(--gm3-sy= s-color-on-surface-variant,#444746); cursor: pointer; display: flex; height= : 36px; margin: 0px 0px 0px 14px; outline: none; padding: 1px 8px 0px; widt= h: 77px; } .smart-canvas-date-picker-bubble-time-zone-selection-button:focus { border-= bottom: 2px solid var(--gm3-sys-color-primary,#0b57d0); padding-top: 2px; } .smart-canvas-date-picker-bubble-time-zone-selection-button:hover { backgro= und: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3= -sys-color-surface-container-highest,#dde3ea)); } .smart-canvas-date-picker-bubble-time-zone-selection-button.goog-flat-butto= n-disabled { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#= 1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); color: color-mix(in srgb,va= r(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)= ); cursor: default; } @media screen and (forced-colors: active) { .smart-canvas-date-picker-bubble-time-zone-selection-button:focus { outli= ne: highlight solid 1px; outline-offset: -4px; } .smart-canvas-date-picker-bubble-time-zone-selection-button.goog-flat-but= ton-disabled { border-color: graytext; color: graytext; } } .docs-findandreplacedialog .jfk-dialog-buttons, .docs-findandreplacedialog = .modal-dialog-buttons { display: none; } .docs-findandreplacedialog-text { width: 330px; } .docs-findandreplacedialog-label { text-align: left; width: 90px; } .docs-findandreplacedialog-find { padding-bottom: 12px; } .docs-findandreplacedialog-replace { padding-bottom: 15px; } .docs-findandreplacedialog-find-scope-select > .goog-flat-menu-button { dis= play: inline-block; margin: 8px 8px 8px 0px; width: 126px; } .docs-gm .docs-findandreplacedialog-find, .docs-gm .docs-findandreplacedial= og-replace { padding-bottom: 0px; } .docs-gm .docs-findandreplacedialog-checkbox { display: inline-block; margi= n: 7px 9px 7px 0px; vertical-align: top; } .docs-findandreplacedialog-checkbox-label { padding-left: 2px; } .docs-gm .docs-findandreplacedialog-checkbox-label { display: inline-block;= line-height: 1.25rem; margin: 6px 0px; padding-left: 0px; vertical-align: = top; } .docs-findandreplacedialog-message-field { display: inline-block; line-heig= ht: 1.25rem; max-width: 485px; min-height: 20px; overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; } .docs-findandreplacedialog-message-field { margin-bottom: -10px; } .docs-findandreplacedialog-buttons { width: 100%; margin-top: 20px; positio= n: relative; } #docs-findandreplacedialog-button-next { margin-right: 0px; } .docs-jfk #docs-findandreplacedialog-button-previous { margin-right: 0px; } .docs-findandreplacedialog-findinput, .docs-gm .docs-findandreplacedialog-t= ext { width: 348px; } .docs-findandreplacedialog-checkbox { display: inline-block; } .docs-findbar-input { width: 170px; height: 19px; } .docs-gm .docs-findbar-content, .docs-gm .docs-gotobar-content { height: 36= px; } .docs-slidingdialog #docs-findbar-spinner { display: inline-block; position= : relative; transition: width 0.3s ease-out; vertical-align: middle; } .docs-gm .docs-slidingdialog #docs-findbar-button-previous, .docs-gm .docs-= slidingdialog #waffle-gotobar-button-go { margin-left: 8px; margin-right: 8= px; } .docs-slidingdialog #docs-findbar-button-next { margin-right: 8px; } .docs-gm .docs-slidingdialog .goog-toolbar-separator { height: 24px; width:= 2px; vertical-align: middle; } .docs-slidingdialog #docs-findbar-button-more-options { margin-right: 8px; = } .docs-findbar-button-previous-rtl { margin-left: -1px; } .docs-findbar-content .jfk-button-disabled { background-color: var(--gm3-sy= s-color-surface-container-low,#f8fafd); border-color: var(--gm3-sys-color-o= utline-variant,#c4c7c5); } .docs-gm .docs-findbar-content .jfk-button-disabled, .docs-gm .docs-gotobar= -content .jfk-button-disabled { opacity: 0.38; } .docs-gm .docs-findbar-content .jfk-button, .docs-gm .docs-gotobar-content = .jfk-button { background-image: none; background-color: transparent; border= -color: transparent; margin: 0px 8px 0px 0px; min-width: 24px; vertical-ali= gn: middle; } .docs-gm .docs-findbar-content .jfk-button-hover, .docs-gm .docs-gotobar-co= ntent .jfk-button-hover { box-shadow: none; background-color: rgba(var(--gm= 3-sys-color-on-surface-rgb,31,31,31),.06); background-image: none; cursor: = pointer; border-radius: 2px; border-width: 1px; border-color: transparent != important; } .docs-gm .docs-findbar-content .jfk-button-active, .docs-gm .docs-gotobar-c= ontent .jfk-button-active { box-shadow: none; background-color: rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.12); background-image: none; cursor= : pointer; border-radius: 2px; border-width: 1px; border-color: transparent= !important; } #docs-font-size .goog-toolbar-menu-button-caption, #fontSizeSelect .goog-to= olbar-menu-button-caption { overflow: hidden; text-overflow: ellipsis; widt= h: 20px; white-space: nowrap; } #docs-font-size .goog-toolbar-combo-button-caption, #fontSizeSelect .goog-t= oolbar-combo-button-caption { width: 48px !important; } #docs-font-size .goog-toolbar-combo-button-input, #fontSizeSelect .goog-too= lbar-combo-button-input { width: 28px; } #fontSizeSelect.docs-font-size-inc-dec-combobox { border-radius: 0px; verti= cal-align: middle; width: 39px; border-color: var(--gm3-sys-color-outline-v= ariant,#c4c7c5) !important; } .goog-toolbar[role=3D"toolbar"] .docs-font-size-inc-dec-action-button.goog-= toolbar-button { border-color: var(--gm3-sys-color-outline-variant,#c4c7c5)= !important; } #fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button= { border-radius: 2px 0px 0px 2px; margin-left: 5px; margin-right: 0px; bor= der-right: 0px !important; } .docs-font-size-inc-dec-action-button.goog-toolbar-button .goog-toolbar-but= ton-inner-box, .docs-font-size-inc-dec-action-button.goog-toolbar-button .g= oog-toolbar-button-outer-box, .goog-toolbar[role=3D"toolbar"] .docs-font-si= ze-inc-dec-action-button.goog-toolbar-button { height: 22px; min-width: 23p= x; width: 23px; } #fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button= { border-radius: 0px 2px 2px 0px; margin-left: 0px; margin-right: 5px; bor= der-left: 0px !important; } #fontSizeSelect.docs-font-size-inc-dec-combobox, #fontSizeSelect.docs-font-= size-inc-dec-combobox .goog-toolbar-combo-button-caption, #fontSizeSelect.d= ocs-font-size-inc-dec-combobox .goog-toolbar-combo-button-inner-box { heigh= t: 22px; margin-left: 0px; margin-right: 0px; } #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-= input { margin: -1px; text-align: center; padding: 0px; height: 24px !impor= tant; width: 41px !important; } #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-= caption { width: 41px !important; } #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-= inner-box { padding: 0px; } .docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-hover:not(.goog-= toolbar-combo-button-open) .goog-toolbar-combo-button-input { border-right-= color: transparent !important; } .goog-toolbar[role=3D"toolbar"] .docs-font-size-inc-dec-action-button.goog-= toolbar-button .docs-icon { height: 22px; margin: 0px; vertical-align: base= line; width: 22px; } .docs-grille-gm3 .goog-toolbar[role=3D"toolbar"] .docs-font-size-inc-dec-ac= tion-button.goog-toolbar-button .docs-icon { height: 20px; margin-top: 2px;= width: 20px; } .docs-gm .goog-menu.goog-menu-noicon.docs-font-size-inc-dec-menu .goog-menu= item { min-width: 39px; padding-right: 0px; padding-left: 0px; text-align: = center; } .docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.go= og-toolbar-button { margin-left: 1px; } .docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-dec-action-button.go= og-toolbar-button { margin-right: 1px; } .docs-grille-gm3 .docs-font-size-inc-dec-combobox.goog-toolbar-combo-button= { line-height: 1.5rem; } .docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-tool= bar-combo-button-caption { align-items: center; display: flex; } .apps-search-popup-menu .docs-search-bar { border: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box;= height: 40px; margin: 16px 16px 8px; padding: 8px; } .apps-search-popup-menu .docs-search-bar .docs-search-bar-input-container {= padding-left: 8px; width: 100%; } .apps-search-popup-menu .docs-search-bar .docs-search-bar-icon-container { = padding-top: 2px; } .docs-labeled-button-container { margin: 4px 0px; } .docs-labeled-button { margin: 2px 0px; } .docs-labeled-button-label { color: var(--gm3-sys-color-on-surface-variant,= #444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-size: 0.6875rem; height: 12px; margin-left: 8px; } .docs-labeled-button-disabled .docs-labeled-button-label { color: color-mix= (in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-su= rface,#fff)); } .docs-labeled-button-disabled .docs-material-button-disabled { opacity: 0.3= ; } .docs-number-input-container { padding-bottom: 1px; padding-right: 10px; po= sition: relative; } .docs-number-input-label { color: var(--gm3-sys-color-on-surface-variant,#4= 44746); font-size: 0.6875rem; font-family: Roboto, RobotoDraft, Helvetica, = Arial, sans-serif; padding: 5px 0px; text-align: left; } .docs-number-input-container input { border-top-width: medium; border-right= -width: medium; border-left-width: medium; border-top-style: none; border-r= ight-style: none; border-left-style: none; border-top-color: currentcolor; = border-right-color: currentcolor; border-left-color: currentcolor; border-i= mage: none; border-bottom: 1px solid color-mix(in sRGB,var(--gm3-sys-color-= on-surface,#1f1f1f) 10%,transparent); color: var(--gm3-sys-color-on-surface= ,#1f1f1f); display: inline-block; font-family: Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 13px; height: 27px; line-height: 25px; ma= rgin-bottom: 1px; outline: none; padding-right: 10%; width: 65%; box-sizing= : border-box; transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1); = } .docs-number-input-content-wrapper { position: relative; } .docs-number-input-container input:hover { border-bottom-color: color-mix(i= n sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 40%,transparent); } .docs-number-input-container input:focus { border-bottom: 2px solid var(--g= m3-sys-color-primary,#0b57d0); margin-bottom: 0px; height: 28px; } .docs-number-input-container input:disabled { border-bottom: 1px dotted col= or-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); co= lor: color-mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transpar= ent); cursor: default; } .docs-number-input-container input.docs-number-input-error:not(:disabled) {= border-bottom: 1px solid var(--gm3-sys-color-error,#b3261e); } .docs-number-input-container input.docs-number-input-error:focus { border-b= ottom: 2px solid var(--gm3-sys-color-error,#b3261e); } .docs-number-input-unit { bottom: 8px; color: var(--gm3-sys-color-outline,#= 747775); display: inline-block; font-size: 0.6875rem; font-family: Roboto, = RobotoDraft, Helvetica, Arial, sans-serif; text-align: center; width: 30%; = } .docs-number-input-disabled .docs-number-input, .docs-number-input-disabled= .docs-number-input-label, .docs-number-input-disabled .docs-number-input-u= nit { color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,= var(--gm3-sys-color-surface,#fff)); } .docs-number-input-disabled .docs-number-input-buttons { opacity: 0.5; } .docs-number-input-buttons { display: inline-block; position: absolute; rig= ht: 35%; width: 8px; } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) = { .docs-number-input-down-button, .docs-number-input-up-button { filter: in= vert(100%); opacity: 1; } } .docs-number-input-down-button, .docs-number-input-up-button { background: = url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAw= MC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Ik0wIDBoNUwyLjUgM3oiLz48L3N= 2Zz4=3D") 0% 0% / contain no-repeat; height: 8px; opacity: 0.5; outline: no= ne; width: 8px; } .docs-number-input-down-button { vertical-align: top; } .docs-number-input-up-button { transform: rotate(180deg); } .docs-number-input-error-label { color: var(--gm3-sys-color-error,#b3261e);= display: inline-block; font-size: 0.6875rem; height: 10px; padding: 2px 0p= x; text-align: left; } .docs-number-input-disabled .docs-number-input-error-label { visibility: hi= dden; } .docs-palette { position: absolute; z-index: 505; border-radius: 0px 0px 2p= x 2px; box-shadow: 0 2px 4px color-mix(in sRGB,var(--gm3-sys-color-shadow,#= 000) 20%,transparent); } .docs-palette-top { z-index: 506; } .docs-palette-close { cursor: default; float: right; height: 21px; } .docs-palette-close:focus { outline: 1px solid var(--gm3-sys-color-outline,= #747775); outline-offset: -1px; } .docs-palette-close-icon, .docs-palette-grippy-icon { opacity: 0.55; } .docs-palette-close-active .docs-palette-close-icon, .docs-palette-close-ho= ver .docs-palette-close-icon { opacity: 0.9; } .docs-palette-left { float: left; } .docs-palette-title-bar { background-color: var(--gm3-sys-color-surface,#ff= f); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); border-styl= e: solid; border-width: 1px 1px 0px; cursor: move; height: 21px; overflow: = hidden; } .docs-palette-body:focus, .docs-palette-title-bar:focus, .docs-palette:focu= s { outline: none; } .docs-palette-grippy-icon-container { margin: 0px auto; width: 21px; } .docs-palette-grippy-icon { margin-top: -1px; } .docs-palette-drag-indicator { display: flex; flex-direction: column; justi= fy-content: center; outline: none; padding-left: 4px; padding-right: 1px; m= argin-left: 2px; user-select: none; } .docs-palette-drag-indicator-grippy { cursor: grab; opacity: 0.8; } .docs-palette-drag-indicator-grippy:active { cursor: grabbing; } .docs-palette-body { background-color: var(--gm3-sys-color-surface-containe= r,#f0f4f9); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5);= min-height: 80px; min-width: 80px; box-sizing: border-box; } .docs-region-selector-toolbar { align-items: center; background: var(--gm3-= sys-color-primary-container,#d3e3fd); border-radius: 8px; display: flex; he= ight: 48px; left: 0px; max-width: 816px; min-width: 696px; padding: 0px 8px= ; position: absolute; right: 0px; z-index: 901; } .docs-region-selector-toolbar-text { color: var(--gm3-sys-color-on-primary-= container,#0842a0); line-height: 1.25rem; display: inline-block; flex-grow:= 1; font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-we= ight: 500; margin-left: 32px; margin-right: 16px; padding-bottom: 22px; pad= ding-top: 22px; width: fit-content; } .docs-region-selector-toolbar .docs-gm3-button.docs-gm3-filled-button, .doc= s-region-selector-toolbar .docs-gm3-button.docs-gm3-text-button { line-heig= ht: 14px; height: 32px; } .docs-rotationhandle-circle { border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; background-color: var(--gm3-sy= s-color-primary,#0b57d0); border-radius: 9999px; height: 9px; position: abs= olute; width: 9px; z-index: 40; } .docs-rotationhandle-handle { cursor: crosshair; opacity: 0; z-index: 41; } .docs-rotationhandle-outline { border: 1px solid var(--gm3-sys-color-primar= y,#0b57d0); box-sizing: border-box; position: absolute; z-index: 40; } .docs-rotationhandle-stick { background-color: var(--gm3-sys-color-primary,= #0b57d0); height: 24px; position: absolute; transform-origin: 50% 0px; widt= h: 1px; z-index: 40; } .docs-rotationhandle-label { color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; cursor: crosshair; font-size: 0.6875rem; font-weight: 500; position: abso= lute; text-shadow: 1px 1px 1px var(--gm3-sys-color-surface,#fff),-1px 1px 1= px var(--gm3-sys-color-surface,#fff),1px -1px 1px var(--gm3-sys-color-surfa= ce,#fff),-1px -1px 1px var(--gm3-sys-color-surface,#fff); z-index: 503; } .appsDocsUiSidebarEl { background-color: var(--gm3-sys-color-surface,#fff);= border-radius: 16px; box-shadow: none; overflow: hidden; width: 300px; mar= gin: 6px 16px 16px; } .has-right-rail .appsDocsUiSidebarEl { margin-left: 0px; margin-right: 0px;= } .appsDocsUiSidebarEl { user-select: none; background: var(--gm3-sys-color-s= urface-container,#f0f4f9); display: flex; flex-direction: column; outline: = none; position: absolute; right: 0px; width: 320px; box-sizing: border-box;= overflow-y: auto; } .appsDocsUiSidebarInner { display: flex; flex-direction: column; flex-grow:= 1; position: relative; max-height: 100%; } .appsDocsUiSidebarHeader { padding: 0.6rem 1.1rem; display: flex; align-ite= ms: center; box-sizing: border-box; } .appsDocsUiSidebarHeading { font-family: "Google Sans", Roboto, Arial, sans= -serif; font-size: 1rem; font-weight: 500; line-height: 1.5rem; letter-spac= ing: 0.00625rem; margin: 0px auto 0px 0px; overflow: hidden; text-overflow:= ellipsis; white-space: nowrap; color: var(--gm3-sys-color-on-surface,#1f1f= 1f); } .appsDocsUiSidebarHeadingLeadingSlot { margin-right: 0.5rem; } .appsDocsUiSidebarScrollableContainer { scroll-behavior: smooth; overflow: = hidden auto; box-sizing: border-box; padding-top: 2px; margin-top: -2px; } .appsDocsUiSidebarSubheadingWrapper { margin: 0px; } .appsDocsUiSidebarSubheading { font-family: "Google Sans", Roboto, Arial, s= ans-serif; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; let= ter-spacing: 0.00625rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); ma= rgin: 0px 0px 0.25rem; place-self: flex-start; padding: 11px 7px; border: 1= px solid transparent; border-radius: 12px; position: relative; left: -8px; = box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overf= low: hidden; display: inline-flex; align-items: center; gap: 4px; } .appsDocsUiSidebarSubheading[role=3D"button"] { cursor: pointer; color: var= (--gm3-sys-color-primary,#0b57d0); } .appsDocsUiSidebarSubheading-hover { background-color: color-mix(in srgb,va= r(--gm3-sys-color-on-surface-variant,#444746) 8%,transparent); } .appsDocsUiSidebarSubheading-active, .appsDocsUiSidebarSubheading-focused {= background-color: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant= ,#444746) 10%,transparent); } .appsDocsUiSidebarContent { padding: 0px 1.1rem 1.25rem; } .appsDocsUiSidebarGrid { display: grid; gap: 6px; } .appsDocsUiSidebarGrid.display2Cols { grid-template-columns: repeat(2, 1fr)= ; grid-auto-rows: 90px; } .appsDocsUiSidebarGrid.displayThree { grid-template-columns: 1fr 100px; gri= d-template-rows: repeat(2, 60px); } .appsDocsUiSidebarGrid.displayThree .appsDocsUiSidebarCard:first-child { gr= id-area: 1 / 1 / 3 / 1; } .appsDocsUiSidebarGrid.displayThree .appsDocsUiSidebarCard:nth-child(2) { g= rid-area: 1 / 2 / 2 / 2; } .appsDocsUiSidebarGrid.displayThree .appsDocsUiSidebarCard:nth-child(3) { g= rid-area: 2 / 2 / 2 / 2; } .appsDocsUiSidebarCard { border-radius: 12px; background-color: var(--gm3-s= ys-color-surface-container-high,#e9eef6); display: flex; align-items: cente= r; justify-content: center; cursor: pointer; box-sizing: border-box; paddin= g: 0px; overflow: hidden; border: 1px solid transparent; } .appsDocsUiSidebarCard.appsDocsUiSidebarCard-hover { background-color: colo= r-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 8%,var(--gm3-= sys-color-surface-container-high,#e9eef6)); } .appsDocsUiSidebarCard.appsDocsUiSidebarCard-active { background-color: col= or-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(--gm= 3-sys-color-surface-container-high,#e9eef6)); } .appsDocsUiSidebarClose { margin-right: -0.75rem; } .appsDocsUiSidebarBack { margin-left: -0.75rem; } .appsDocsUiSidebarSection { padding: 0px 1.1rem; margin-top: 0px; margin-bo= ttom: 1rem; } .appsDocsUiSidebarCenteredView { display: flex; flex-direction: column; ali= gn-items: center; justify-content: center; flex-grow: 1; } .appsDocsUiSidebarStaticHeading { font-family: "Google Sans", Roboto, Arial= , sans-serif; letter-spacing: 0px; line-height: 1.5rem; font-size: 18px; fo= nt-weight: 400; color: var(--gm3-sys-color-on-surface,#1f1f1f); margin-bott= om: 1rem; } .appsDocsUiSidebarPalette { outline: 0px; } .appsDocsUiSidebarPalette-cell { background-color: transparent; border-radi= us: 8px; } .appsDocsUiSidebarPalette-cell-selected { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface-variant,#444746) 10%,var(--gm3-sys-color-= surface-container-high,#e9eef6)); } @media (forced-colors: active) { .appsDocsUiSidebarPalette-cell.appsDocsUiSidebarCard-hover { border-width= : 2px; } } .docs-sidebar-tile { border-bottom: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); color: var(--gm3-sys-color-on-surface,#1f1f1f); position: = relative; } .docs-gm .docs-sidebar-tile { border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; overflow: hidden; } .docs-gm .docs-sidebar-tile.docs-sidebar-tile-expanded { box-shadow: 0 1px = 3px 1px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .goog-zippy-expanded.docs-sidebar-tile-header:focus, .docs-sidebar= -tile-header-cursor:focus:not(.docs-sidebar-tile-header-no-focus), .docs-si= debar-tile-header-cursor:hover { background-color: color-mix(in srgb,var(--= gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,#fff)); } .docs-sidebar-tile-header-cursor:active { background-color: color-mix(in sr= gb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var(--gm3-sys-color-surface,= #fff)); } .docs-sidebar-tile-header { font-family: Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 13px; font-weight: 500; padding: 20px; } .docs-gm .docs-sidebar-tile-header { font-size: 0.875rem; padding: 16px; di= splay: flex; align-items: center; color: var(--gm3-sys-color-on-surface,#1f= 1f1f); } .docs-gm .docs-sidebar-tile-header:focus { padding: 15px; border: 1px solid= transparent; } .docs-sidebar-tile-header:focus { outline: none; } .docs-sidebar-tile-header-cursor:hover { cursor: pointer; } .docs-sidebar-tile-header-checkbox { position: absolute; right: 25px; top: = 20px; } .docs-sidebar-tile-header-checkbox.docs-material-gm-checkbox { top: 19px; m= argin: 0px; } .docs-sidebar-tile-header-text { overflow: hidden; text-overflow: ellipsis;= white-space: nowrap; } .docs-gm .docs-sidebar-tile-header-checkbox { position: relative; margin-le= ft: auto; right: auto; top: auto; } .docs-gm .docs-sidebar-tile-header-checkbox.docs-material-gm-checkbox { top= : 0px; } .docs-sidebar-tile-arrow-collapsed, .docs-sidebar-tile-arrow-expanded { dis= play: inline-block; width: 17px; } .docs-gm .docs-sidebar-tile-arrow-collapsed, .docs-gm .docs-sidebar-tile-ar= row-expanded { width: auto; margin-right: 12px; } .docs-gm .docs-sidebar-tile-arrow-collapsed .docs-icon, .docs-gm .docs-side= bar-tile-arrow-expanded .docs-icon { height: 24px; width: 24px; } .goog-zippy-collapsed .docs-sidebar-tile-arrow-expanded, .goog-zippy-expand= ed .docs-sidebar-tile-arrow-collapsed { display: none; } .docs-gm .goog-zippy-expanded.docs-sidebar-tile-header { background-color: = var(--gm3-sys-color-surface,#fff); } .docs-gm .docs-sidebar-tile-arrow-collapsed { transform: rotate(270deg); } .docs-gm .docs-sidebar-tile-arrow-collapsed.docs-sidebar-tile-arrow-collaps= ed-rtl { transform: rotate(90deg); } .docs-sidebar-tile-header.docs-sidebar-tile-header-disabled { background-co= lor: transparent; color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#= 1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); cursor: default; } .docs-gm .docs-sidebar-tile-header-disabled .docs-icon-img { opacity: 0.38;= } .docs-sidebar-tile-section-title { font-weight: 500; padding: 8px 0px; } .docs-sidebar-tile-section-disabled .docs-sidebar-tile-section-title { colo= r: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-= sys-color-surface,#fff)); } .docs-sidebar-tile-input-controls { padding-bottom: 8px; } .docs-sidebar-tile-input-controls .docs-material-select { font-family: Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; } .docs-sidebar-tile-label { padding-top: 11px; } .docs-sidebar-tile-label { color: var(--gm3-sys-color-on-surface-variant,#4= 44746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fon= t-size: 0.6875rem; } .docs-sidebar-tile-label-top { padding-top: 5px; } .docs-sidebar-tile-controls-disabled .docs-sidebar-tile-label { color: colo= r-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-col= or-surface,#fff)); } .docs-sidebar-tile-controls { padding: 4px 16px 20px; } .docs-gm .docs-sidebar-tile-controls { background-color: var(--gm3-sys-colo= r-surface,#fff); } .docs-gm .docs-sidebar-tile-border-radius-bottom { border-bottom-right-radi= us: 8px; border-bottom-left-radius: 8px; } .docs-gm .docs-sidebar-tile-border-radius-top { border-top-left-radius: 8px= ; border-top-right-radius: 8px; } .docs-sidebar-tile-three-columns { width: 33%; } .docs-sidebar-tile-two-columns { width: 50%; } .docs-sidebar-tile-input-control { display: inline-block; vertical-align: t= op; } .goog-flat-menu-button-disabled { opacity: 0.3; } .docs-sidebar-tile-input-label { color: var(--gm3-sys-color-on-surface-vari= ant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-seri= f; font-size: 0.6875rem; padding: 5px 0px; text-align: left; } .docs-sidebar-tile .jfk-radiobutton { width: 240px; } .docs-sidebar-tile .jfk-radiobutton-radio { border: 2px solid var(--gm3-sys= -color-on-surface-variant,#444746); height: 16px; left: 2px; width: 16px; } .docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-disabled .jfk-r= adiobutton-radio, .docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutt= on-disabled:hover .jfk-radiobutton-radio, .docs-sidebar-tile .jfk-radiobutt= on-disabled .jfk-radiobutton-radio, .docs-sidebar-tile .jfk-radiobutton-dis= abled:hover .jfk-radiobutton-radio, .docs-sidebar-tile .jfk-radiobutton:hov= er .jfk-radiobutton-radio { border: 2px solid var(--gm3-sys-color-on-surfac= e-variant,#444746); } .docs-sidebar-tile .jfk-radiobutton-checked:not(.jfk-radiobutton-disabled):= not(.jfk-radiobutton-focused) .jfk-radiobutton-radio, .docs-sidebar-tile .j= fk-radiobutton-checked:not(.jfk-radiobutton-disabled):not(.jfk-radiobutton-= focused):hover .jfk-radiobutton-radio { border: 2px solid var(--gm3-sys-col= or-primary,#0b57d0); } .docs-sidebar-tile .jfk-radiobutton-disabled { opacity: 0.38; } .docs-sidebar-tile .jfk-radiobutton-checked .jfk-radiobutton-radio::after {= background: var(--gm3-sys-color-primary,#0b57d0); border: 4px solid var(--= gm3-sys-color-primary,#0b57d0); box-sizing: border-box; height: 8px; left: = 2px; top: 2px; width: 8px; } .docs-sidebar-tile .jfk-radiobutton-checked .jfk-radiobutton-radio, .docs-s= idebar-tile .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutt= on-radio { border: 2px solid var(--gm3-sys-color-primary,#0b57d0); } .docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-ra= diobutton-radio::after { background-color: color-mix(in srgb,var(--gm3-sys-= color-on-primary,#fff) 10%,var(--gm3-sys-color-primary,#0b57d0)); border: 4= px solid color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 10%,var(--g= m3-sys-color-primary,#0b57d0)); } .docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-disabled .jfk-r= adiobutton-radio::after { background-color: var(--gm3-sys-color-on-surface-= variant,#444746); border: 4px solid var(--gm3-sys-color-on-surface-variant,= #444746); } .docs-sidebar-tile .jfk-radiobutton:not(.jfk-radiobutton-disabled) .jfk-rad= iobutton-label, .docs-sidebar-tile .jfk-radiobutton:not(.jfk-radiobutton-di= sabled) .jfk-radiobutton-radio { cursor: pointer; } .docs-sidebar-tile .jfk-radiobutton-label { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-size: 13px; font-family: Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; line-height: 18px; margin-left: 23px; } .docs-sidebar-tile .jfk-radiobutton-disabled .jfk-radiobutton-label { color= : var(--gm3-sys-color-on-surface-variant,#444746); } .docs-sidebar-tile .jfk-radiobutton-label label { margin-left: 0px; } .docs-sidebar-toggle-tabs { background-color: var(--gm3-sys-color-surface,#= fff); border-bottom: 0px; display: flex; justify-content: space-around; hei= ght: inherit; margin-top: 0px; width: 100%; } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab > div { displ= ay: inline-block; position: relative; } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active { colo= r: var(--gm3-sys-color-primary,#0b57d0); font-family: "Google Sans", Roboto= , RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 500; letter-spacing: 0.00625rem; text-transform: none; height: fit-cont= ent; margin: 8px 0px 0px; padding: 0px 8px; line-height: 32px; text-align: = center; cursor: pointer; border-width: medium; border-style: none; border-c= olor: currentcolor; border-image: none; border-radius: 4px 4px 0px 0px; } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive { co= lor: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google = Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875r= em; font-weight: 500; letter-spacing: 0.00625rem; text-transform: none; hei= ght: fit-content; margin: 8px 0px 0px; padding: 0px 8px; line-height: 32px;= text-align: center; cursor: pointer; border-width: medium; border-style: n= one; border-color: currentcolor; border-image: none; border-radius: 4px 4px= 0px 0px; } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:hove= r { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.875rem= ; font-weight: 500; letter-spacing: 0.00625rem; text-transform: none; heigh= t: fit-content; margin: 8px 0px 0px; padding: 0px 8px; line-height: 32px; t= ext-align: center; cursor: pointer; border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; border-radius: 4px 4px 0= px 0px; } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:active= , .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:focu= s-visible { background: linear-gradient(rgba(var(--gm3-sys-color-on-primary= -container-rgb,8,66,160),.1),rgba(var(--gm3-sys-color-on-primary-container-= rgb,8,66,160),.1)),var(--gm3-sys-color-primary-container,#d3e3fd); } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:acti= ve, .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:= focus-visible { background: var(--gm3-sys-color-surface-container-high,#e9e= ef6); } .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active > div:= :after { border-top: 3px solid var(--gm3-sys-color-primary,#0b57d0); border= -radius: 3px 3px 0px 0px; bottom: 0px; content: ""; display: block; height:= 0px; left: -8px; position: absolute; width: calc(100% + 16px); } .docs-sidebar-toggle-tabs .jfk-button-active.jfk-button-focused.docs-sideba= r-toggle-tab-inactive > div::after { border-top-width: medium; border-top-s= tyle: none; border-top-color: currentcolor; } .docs-sidebar-toggle-tab-left-title, .docs-sidebar-toggle-tab-right-title {= white-space: break-spaces; } .docs-slidingdialog-button-close:focus { outline: 1px solid var(--gm3-sys-c= olor-outline,#747775); } .docs-gm .docs-slidingdialog-close-container { padding-top: 3px; vertical-a= lign: middle; } .docs-gm .docs-slidingdialog-close-container .goog-flat-button { cursor: po= inter; } .docs-gm .docs-slidingdialog .docs-icon-close { opacity: 1; } @media screen and (forced-colors: active) and (prefers-color-scheme: dark) = { .docs-slidingdialog-button-close .docs-icon-img { filter: invert(100%); } } .docs-hc-gecko .docs-slidingdialog-button-close .docs-icon-img { filter: in= vert(100%); } .docs-slidingdialog { background-color: var(--gm3-sys-color-surface,#fff); = border-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); bord= er-top-width: medium; border-top-style: none; border-top-color: currentcolo= r; border-left: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); bor= der-right: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin-t= op: -1px; padding: 10px 12px; outline: none; } .docs-gm .docs-slidingdialog { border-bottom-right-radius: 8px; border-bott= om-left-radius: 8px; padding: 16px 12px; } .docs-slidingdialog .jfk-textinput { border-top-color: var(--gm3-sys-color-= outline-variant,#c4c7c5); margin-right: 0px; } .docs-slidingdialog .jfk-textinput:focus { border-top-color: var(--gm3-sys-= color-outline,#747775); } .docs-slidingdialog .goog-custom-button-inner-box { padding: 1px 2px 0px; } .docs-slidingdialog .goog-custom-button { margin: -2px 0px 0px; } .docs-slidingdialog .docs-icon-close, .docs-slidingdialog .docs-icon-down, = .docs-slidingdialog .docs-icon-ellipsis, .docs-slidingdialog .docs-icon-ove= rflow-three-dots, .docs-slidingdialog .docs-icon-up { opacity: 0.4; } .docs-gm .docs-slidingdialog .docs-icon-img { opacity: 1; } .docs-slidingdialog .jfk-button { vertical-align: top; } .docs-slidingdialog .goog-flat-button { background-color: transparent; bord= er: 0px; cursor: default; margin: 0px; padding: 0px; } .docs-slidingdialog .goog-flat-button-hover { background-color: transparent= ; } .docs-slidingdialog-holder { margin-top: -1px; overflow: hidden; position: = absolute; right: 44px; z-index: 507; min-width: 300px; } .docs-slidingdialog-wrapper { left: 0px; position: relative; width: 100%; } .docs-squarehandleselectionbox-border { cursor: move; position: absolute; b= order: 1px solid var(--gm3-sys-color-primary,#0b57d0); box-sizing: border-b= ox; z-index: 30; } .docs-squarehandleselectionbox-handle { position: absolute; border: 1px sol= id var(--gm3-sys-color-on-primary,#fff); background-color: var(--gm3-sys-co= lor-primary,#0b57d0); width: 7px; height: 7px; font-size: 0px; z-index: 40;= } .docs-thumbnailcontainer { line-height: 0; } .docs-gm-thumbnailcontrol:focus, .docs-thumbnailcontrol:focus { outline: no= ne; } .docs-gm-thumbnailcontrol, .docs-thumbnailcontrol { padding: 10px; vertical= -align: top; } .docs-thumbnailcontrol-thumbnail { display: flex; align-items: center; just= ify-content: center; } .docs-thumbnailcontrol-thumbnail-imgcontainer { overflow: hidden; position:= relative; } .docs-thumbnailcontrol-thumbnail-img { left: 0px; position: absolute; user-= select: none; } .docs-thumbnailcontrol-thumbnailcontainer { background-repeat: no-repeat; b= order: 1px solid var(--gm3-sys-color-surface,#fff); cursor: pointer; outlin= e: 2px solid var(--gm3-sys-color-outline-variant,#c4c7c5); position: relati= ve; vertical-align: top; } .docs-thumbnailcontrol-hover .docs-thumbnailcontrol-thumbnailcontainer { ou= tline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer { = outline: 1px solid color-mix(in srgb,var(--gm3-sys-color-surface,#fff) 10%,= var(--gm3-sys-color-secondary,#00639b)); } .docs-thumbnailcontrol-checked .docs-thumbnailcontrol-thumbnailcontainer { = outline: 2px solid color-mix(in srgb,var(--gm3-sys-color-surface,#fff) 10%,= var(--gm3-sys-color-secondary,#00639b)); } .docs-gm-thumbnailcontrol .docs-thumbnailcontrol-thumbnailcontainer { borde= r: 2px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 4= px; outline: none; } .docs-gm-thumbnailcontrol-hover .docs-thumbnailcontrol-thumbnailcontainer {= box-shadow: 0 4px 8px 3px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15);= } .docs-gm-thumbnailcontrol-focused .docs-thumbnailcontrol-thumbnailcontainer= { border-color: var(--gm3-sys-color-primary,#0b57d0); } .docs-thumbnailcontrol-index { background-color: var(--gm3-sys-color-surfac= e-container-highest,#dde3ea); bottom: -1px; font-size: 13px; font-weight: 5= 00; left: -1px; line-height: 13px; padding: 2px 4px; position: absolute; } .docs-thumbnailcontrol-hover .docs-thumbnailcontrol-index { background-colo= r: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-s= ys-color-surface-container-highest,#dde3ea)); } .docs-thumbnailcontrol-checked .docs-thumbnailcontrol-index { background-co= lor: color-mix(in srgb,var(--gm3-sys-color-surface,#fff) 10%,var(--gm3-sys-= color-secondary,#00639b)); } .docs-thumbnailcontrol-title { line-height: normal; margin-top: 5px; margin= -bottom: -5px; } .docs-thumbnailcontrol-badge { display: inline-flex; margin-right: 5px; ver= tical-align: text-bottom; } .docs-tiled-sidebar { background-color: var(--gm3-sys-color-surface,#fff); = border-radius: 16px; box-shadow: none; outline: none; overflow: hidden; wid= th: 300px; margin: 6px 16px 16px; } .has-right-rail .docs-tiled-sidebar { margin-left: 0px; margin-right: 0px; = } .docs-tiled-sidebar { border-left: 0px; position: absolute; right: 0px; use= r-select: none; } .docs-gm .docs-tiled-sidebar.docs-hc-gecko, .docs-gm .docs-tiled-sidebar.do= cs-hc-gecko-white { border-left: 1px solid transparent; } .docs-tiled-sidebar-content { display: block; } .docs-tiled-sidebar-disabled .docs-tiled-sidebar-content { display: none; } .docs-tiled-sidebar-disabled-message { display: none; margin-left: auto; ma= rgin-right: auto; position: relative; text-align: center; top: 40%; width: = 240px; } .docs-tiled-sidebar-disabled .docs-tiled-sidebar-disabled-message { display= : block; } .docs-tiled-sidebar:focus { outline: none; } .docs-tiled-sidebar-scroll { width: 100%; overflow: hidden auto; position: = absolute; top: 37px; bottom: 0px; } .docs-gm .docs-tiled-sidebar-scroll { top: 58px; } .docs-tiled-sidebar-header { background-color: var(--ws-sys-color-extended-= grey-fill,#5e5e5e); border-bottom: 1px solid var(--ws-sys-color-extended-gr= ey-fill,#5e5e5e); border-top: 1px solid var(--ws-sys-color-extended-grey-fi= ll,#5e5e5e); color: var(--ws-sys-color-extended-on-grey-fill,#fff); height:= 15px; padding: 10px 0px 10px 12px; position: relative; } .docs-gm .docs-tiled-sidebar-header-hub { border-top: 0px !important; } .docs-gm .docs-tiled-sidebar-header { align-items: center; background-color= : var(--gm3-sys-color-surface,#fff); border-bottom: 1px solid var(--gm3-sys= -color-outline-variant,#c4c7c5); border-top-width: medium; border-top-style= : none; border-top-color: currentcolor; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); display: flex; font-family: "Google Sans", Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 1rem; height: 56px; padding: 0px= 16px; z-index: 2; } .docs-gm .docs-tiled-sidebar-header.docs-tiled-sidebar-header-shadow { box-= shadow: 0 2px 6px 2px rgba(var(--gm3-sys-color-shadow-rgb,0,0,0),.15); } .docs-gm .docs-tiled-sidebar .docs-sidebar-header-text { font-family: "Goog= le Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1re= m; font-weight: 500; line-height: 24px; position: relative; left: auto; } .docs-tiled-sidebar-close:focus { outline: transparent solid 1px; } .docs-body-pageless .docs-tiled-sidebar, .docs-hub .docs-tiled-sidebar { bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .smart-canvas-time-selection-combo-box-container { margin-left: 14px; } .smart-canvas-time-selection-combo-box-container .goog-combo-button-input {= background: var(--gm3-sys-color-surface-container-highest,#dde3ea); border= -top-width: medium; border-right-width: medium; border-left-width: medium; = border-top-style: none; border-right-style: none; border-left-style: none; = border-top-color: currentcolor; border-right-color: currentcolor; border-le= ft-color: currentcolor; border-image: none; border-bottom: 1px solid var(--= gm3-sys-color-on-surface-variant,#444746); border-radius: 4px 4px 0px 0px; = box-sizing: border-box; color: var(--gm3-sys-color-on-surface,#1f1f1f); dis= play: flex; font-size: 0.875rem; height: 36px; line-height: 1.25rem; outlin= e: none; overflow: hidden; padding: 1px 0px 0px 8px; position: relative; te= xt-align: left; text-overflow: ellipsis; white-space: nowrap; } .smart-canvas-time-selection-combo-box-container .goog-combo-button-input:f= ocus, .smart-canvas-time-selection-combo-box-container:focus .goog-combo-bu= tton-input { border-bottom: 2px solid var(--gm3-sys-color-primary,#0b57d0);= box-shadow: none; padding-top: 2px; } .smart-canvas-time-selection-combo-box-container:focus { outline: none; } .smart-canvas-time-selection-combo-box-container:hover .goog-combo-button-i= nput { background: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f= ) 8%,var(--gm3-sys-color-surface-container-highest,#dde3ea)); } .smart-canvas-time-selection-combo-box-container.smart-canvas-time-selectio= n-combo-box-view-only .goog-combo-button-input, .smart-canvas-time-selectio= n-combo-box-container.smart-canvas-time-selection-combo-box-view-only:hover= .goog-combo-button-input { background: none; cursor: default; height: auto= ; padding: 0px 0px 0px 8px; } @media screen and (forced-colors: active) { .smart-canvas-time-selection-combo-box-container:focus .goog-combo-button= -input { outline: highlight solid 1px; } } .smart-canvas-time-selection-combo-box-container.goog-combo-button-disabled= .goog-combo-button-input { border-bottom: 1px solid color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff));= } .smart-canvas-time-selection-combo-box-container .goog-combo-button-dropdow= n { display: none; } .goog-menu.smart-canvas-time-selection-combo-box-dropdown-menu.goog-menu-no= icon { box-sizing: border-box; max-height: 150px; } .goog-menu.smart-canvas-time-selection-combo-box-dropdown-menu .goog-menuit= em { padding-left: 16px; } .smart-canvas-time-zone-selection-dialog-container { min-width: 360px; } .smart-canvas-time-zone-selection-dialog-container .docs-material-gm-dialog= -content { padding-bottom: 0px; } .smart-canvas-time-zone-selection-dialog-checkbox { display: inline-block; = margin: 2px; } .smart-canvas-time-zone-selection-dialog-checkbox .docs-material-gm-labeled= -checkbox { padding: 0px; } .smart-canvas-time-zone-selection-dialog-checkbox .docs-material-gm-labeled= -checkbox .docs-material-gm-labeled-checkbox-label { line-height: 1.25rem; = padding: 0px; } .smart-canvas-time-zone-selection-dialog-edit-field { align-items: center; = background: var(--gm3-sys-color-surface,#fff); border: 1px solid var(--gm3-= sys-color-outline-variant,#c4c7c5); border-radius: 4px; box-sizing: border-= box; cursor: pointer; display: flex; font-size: 0.875rem; height: 40px; jus= tify-content: space-between; margin-bottom: 24px; outline: none; } .smart-canvas-time-zone-selection-dialog-container .goog-menu, .smart-canva= s-time-zone-selection-dialog-edit-field { min-width: 330px; } .smart-canvas-time-zone-selection-dialog-edit-field.goog-button-open, .smar= t-canvas-time-zone-selection-dialog-edit-field:focus, .smart-canvas-time-zo= ne-selection-dialog-edit-field:hover { background-color: color-mix(in sRGB,= var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .smart-canvas-time-zone-selection-dialog-edit-field.goog-button-open { bord= er: 1px solid var(--gm3-sys-color-outline,#747775); border-radius: 4px 4px = 0px 0px; } .smart-canvas-time-zone-selection-dialog-edit-field-text { align-items: cen= ter; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: block; font-f= amily: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; fo= nt-weight: 400; height: 20px; line-height: 1.25rem; margin: 10px 8px; overf= low: hidden; padding: 0px 16px 0px 8px; text-overflow: ellipsis; white-spac= e: nowrap; width: 290px; } .smart-canvas-time-zone-selection-dialog-container .goog-menu { border: 0px= ; border-radius: 2px 2px 8px 8px; margin-left: -1px; max-height: 40vh; padd= ing: 6px 0px; } .goog-menu .smart-canvas-time-zone-selection-dialog-container .goog-menuite= m { padding: 6px 8px 6px 16px; } .smart-canvas-time-zone-selection-dialog-container .goog-menu .goog-menuite= m.goog-menuitem-highlight, .smart-canvas-time-zone-selection-dialog-contain= er .goog-menu .goog-menuitem.goog-option-selected { background-color: color= -mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 10%,transparent); backgro= und-position: 6px center; } .smart-canvas-time-zone-selection-dialog-current-time-zone-button { margin-= right: auto; } .smart-canvas-time-zone-selection-dialog-icon { height: 20px; margin: 8px 8= px 8px 0px; width: 20px; } @media screen and (forced-colors: active) { .smart-canvas-time-zone-selection-dialog-edit-field:focus { outline: high= light solid 1px; outline-offset: -4px; } } .docs-ui-toast { align-items: center; border-radius: 2px; display: flex; fl= ex-direction: row; background-color: var(--gm3-sys-color-inverse-surface,#3= 03030); bottom: 24px; color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2= ); font-size: 0.875rem; font-family: Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; left: 24px; line-height: 1.25rem; min-width: 288px; max-width:= 568px; outline: none; padding: 17px 24px; position: absolute; z-index: 100= 4; } @media (forced-colors: active) { .docs-ui-toast { outline: solid 2px; } } .docs-ui-toast.docs-ui-toast-center-horizontally { left: 50%; } .docs-gm .docs-ui-toast { background-color: var(--gm3-sys-color-inverse-sur= face,#303030); border-radius: 4px; box-shadow: var(--gm3-sys-color-inverse-= on-surface,#f2f2f2); padding: 16px 24px; } .docs-ui-toast-content { flex-grow: 1; flex-shrink: 1; display: inline-bloc= k; } .docs-ui-toast-content a { color: var(--gm3-sys-color-inverse-primary,#a8c7= fa); } .docs-ui-toast-control-bar { flex-grow: 0; flex-shrink: 0; color: var(--gm3= -sys-color-primary-container,#d3e3fd); cursor: pointer; display: inline-blo= ck; margin-left: 24px; } .docs-gm .docs-ui-toast-control-bar { color: var(--gm3-sys-color-inverse-pr= imary,#a8c7fa); } .docs-ui-toast-control { display: inline-block; font-weight: 500; margin-le= ft: 2px; outline: none; padding: 0px 4px; } .docs-gm .docs-ui-toast-control { font-family: "Google Sans", Roboto, Robot= oDraft, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 500; te= xt-transform: none; } .docs-ui-toast-close-bar { cursor: pointer; display: inline-block; margin-l= eft: 24px; } .docs-ui-toast-close:focus, .docs-ui-toast-control:focus { border-radius: 4= px; outline: highlight solid 1px; } .docs-ui-toast-control:focus { outline-offset: 4px; } .docs-ui-toast-close { background-color: transparent; border: 0px; display:= inline-block; margin: 0px 2px; padding: 2px; } .goog-toolbar-combo-button { border-radius: 2px; user-select: none; backgro= und: 0px center; border-color: transparent; border-style: solid; border-wid= th: 1px; outline: none; padding: 0px; height: 24px; color: var(--gm3-sys-co= lor-on-surface-variant,#444746); line-height: 24px; list-style: none; font-= size: 11px; font-weight: 500; text-decoration: none; vertical-align: middle= ; cursor: default; top: 2px; } .goog-toolbar-combo-button-inner-box, .goog-toolbar-combo-button-outer-box = { border: 0px; vertical-align: top; } .goog-toolbar-combo-button-outer-box { margin: 0px; padding: 0px; } .goog-toolbar-combo-button-inner-box { padding: 0px 2px; margin: 0px 1px; } .goog-toolbar-combo-button-hover { box-shadow: 0 1px 1px rgba(var(--gm3-sys= -color-shadow-rgb,0,0,0),.1); background-color: var(--gm3-sys-color-surface= -container,#f0f4f9); background-image: linear-gradient(top,var(--gm3-sys-co= lor-surface-container,#f0f4f9),var(--gm3-sys-color-surface-container-low,#f= 8fafd)); color: var(--gm3-sys-color-on-surface,#1f1f1f); border-color: var(= --gm3-sys-color-outline-variant,#c4c7c5) !important; } .goog-toolbar-combo-button-active { box-shadow: 0 1px 2px rgba(var(--gm3-sy= s-color-shadow-rgb,0,0,0),.3); background-color: var(--gm3-sys-color-surfac= e-container-low,#f8fafd); background-image: linear-gradient(top,var(--gm3-s= ys-color-surface-container-low,#f8fafd),var(--gm3-sys-color-surface-contain= er,#f0f4f9)); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .goog-toolbar-combo-button-open { box-shadow: inset 0 1px 2px rgba(var(--gm= 3-sys-color-shadow-rgb,0,0,0),.3); background-color: var(--gm3-sys-color-su= rface-container,#f0f4f9); background-image: linear-gradient(top,var(--gm3-s= ys-color-surface-container,#f0f4f9),var(--gm3-sys-color-surface-container-h= igh,#e9eef6)); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); = color: var(--gm3-sys-color-on-surface,#1f1f1f); } .goog-toolbar-combo-button-disabled { color: var(--gm3-sys-color-on-surface= ,#1f1f1f) !important; opacity: 0.3; } .goog-toolbar-combo-button-dropdown { background: url("https://ssl.gstatic.= com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png") 50% center no-r= epeat; float: right; margin: 9px 0px 0px; padding: 0px 0px 0px 1px; min-wid= th: 7px; opacity: 0.8; vertical-align: middle; width: 5px; height: 7px; } .goog-toolbar-combo-button-caption { padding: 0px; margin: 0px 0px 0px -3px= ; } .docs-toolbar-small-separator + div.goog-toolbar-combo-button { margin: 4px= 1px 0px -1px; } .goog-toolbar-combo-button-input { background: transparent; border: 1px sol= id transparent; color: var(--gm3-sys-color-on-surface-variant,#444746); fon= t-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.7= 5rem; font-weight: 500; height: 20px; overflow: hidden; } .goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input { border-= right: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .goog-toolbar-combo-button-open .goog-toolbar-combo-button-input { backgrou= nd: transparent; border-right: 1px solid transparent !important; } .goog-toolbar-combo-button-input:focus { box-shadow: inset 0 1px 2px rgba(v= ar(--gm3-sys-color-shadow-rgb,0,0,0),.3); background: var(--gm3-sys-color-s= urface,#fff); height: 20px; outline: none; user-select: text !important; bo= rder: 1px solid var(--gm3-sys-color-outline,#747775) !important; } .docs-viewer-media-custom-btn { background-color: var(--gm3-sys-color-prima= ry-container,#d3e3fd); border-radius: 9999px; color: var(--gm3-sys-color-on= -primary-container,#0842a0); font-size: 0.875rem; font-weight: 500; line-he= ight: 1.25rem; padding: 10px 24px; text-align: center; } .docs-mic-container { pointer-events: none; position: relative; } .docs-mic-button, .docs-mic-control { height: 72px; width: 72px; } .docs-mic-control:focus { outline: none; } .docs-mic-button, .docs-mic-pulsating, .docs-mic-voice-level { border-radiu= s: 9999px; position: absolute; box-sizing: border-box; } .docs-mic-button { border-color: transparent; border-style: solid; left: 0p= x; top: 0px; } .docs-mic-svg-icon { height: 66px; margin: 3px; position: absolute; width: = 66px; } .docs-mic-svg-icon-path { fill: var(--gm3-sys-color-on-surface-variant,#444= 746); } .docs-mic-control-active .docs-mic-svg-icon-path { fill: var(--gm3-sys-colo= r-on-surface,#1f1f1f); } .docs-mic-control-disabled .docs-mic-svg-icon-path { fill: color-mix(in srg= b,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#= fff)); } .docs-mic-button, .docs-mic-svg-icon-path { transition-duration: 0.218s; } .docs-mic-control-disabled .docs-mic-button, .docs-mic-control-disabled .do= cs-mic-svg-icon-path, .docs-mic-control-sound-detected .docs-mic-button, .d= ocs-mic-control-sound-detected .docs-mic-svg-icon-path { transition: none; = } .docs-mic-control-recording .docs-mic-button, .docs-mic-control-recording .= docs-mic-control { height: 100px; width: 100px; } .docs-mic-control-recording .docs-mic-button { background-color: var(--gm3-= sys-color-surface,#fff); border-color: var(--ws-sys-color-extended-red-fill= ,#b3251e); border-width: 6px; left: -14px; top: -14px; } .docs-mic-control-recording .docs-mic-svg-icon { margin: 3px; } .docs-mic-control-recording .docs-mic-svg-icon-path { fill: var(--ws-sys-co= lor-extended-red-fill,#b3251e); } .docs-mic-control-sound-detected .docs-mic-button { background-color: var(-= -ws-sys-color-extended-red-fill,#b3251e); border-width: 0px; } .docs-mic-control-sound-detected .docs-mic-svg-icon-path { fill: var(--ws-s= ys-color-extended-on-red-fill,#fff); } .docs-mic-voice-level { background-color: color-mix(in sRGB,var(--gm3-sys-c= olor-on-surface,#1f1f1f) 5%,transparent); border: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); height: 200px; left: -64px; opacity: 0; top:= -64px; width: 200px; transition: opacity 0.218s; } .docs-mic-control-hearing .docs-mic-voice-level { opacity: 1; animation-dir= ection: alternate; animation-timing-function: ease-in-out; } .docs-mic-pulsating { border: 2px solid var(--gm3-sys-color-outline-variant= ,#c4c7c5); height: 333px; left: -130.5px; opacity: 0; top: -130.5px; width:= 333px; transition: opacity 0.218s; } .docs-mic-control-hearing .docs-mic-pulsating { opacity: 1; animation-direc= tion: normal; animation-timing-function: ease-out; } .docs-mic-palette .docs-palette-body { height: 100px; width: 100px; } .docs-mic-palette .docs-mic-control { cursor: pointer; padding: 14px; } .docs-mic-palette-focus { box-shadow: 2px 2px 10px color-mix(in sRGB,var(--= gm3-sys-color-shadow,#000) 15%,transparent); } .docs-mic-palette-body-active, .docs-mic-palette-body-hover { border-color:= var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-mic-palette-body-hover { box-shadow: 0 3px 6px color-mix(in sRGB,var(= --gm3-sys-color-shadow,#000) 15%,transparent); background-color: var(--gm3-= sys-color-surface-container,#f0f4f9); background-image: linear-gradient(top= ,var(--gm3-sys-color-surface-container-low,#f8fafd),var(--gm3-sys-color-sur= face-container,#f0f4f9)); } .docs-mic-palette-body-active { box-shadow: inset 0 1px 2px color-mix(in sR= GB,var(--gm3-sys-color-shadow,#000) 15%,transparent); background-color: var= (--gm3-sys-color-surface-container,#f0f4f9); background-image: linear-gradi= ent(top,var(--gm3-sys-color-surface-container-low,#f8fafd),var(--gm3-sys-co= lor-surface-container,#f0f4f9)); } .docs-mic-palette.docs-palette-disabled .docs-palette-body { background-ima= ge: none; box-shadow: none; } .docs-mic-palette-recording { visibility: hidden; } .docs-mic-palette-recording .jfk-activityIndicator-transition, .docs-mic-pa= lette-recording .jfk-activityIndicator-transition-second { transition: none= ; } .docs-mic-palette-recording .docs-mic-control { visibility: visible; } .docs-mic-palette .docs-palette-left { padding: 2px; pointer-events: none; = } .docs-mic-palette .docs-palette-grippy, .docs-mic-palette-offline .docs-pal= ette-left { pointer-events: all; } .docs-mic-palette .jfk-activityIndicator { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); cursor: default; } .docs-mic-palette .goog-flat-menu-button { background: var(--gm3-sys-color-= surface-container,#f0f4f9); border-color: var(--gm3-sys-color-outline-varia= nt,#c4c7c5); border-radius: 0px; height: 22px; margin: 0px; text-align: lef= t; box-sizing: border-box; } .docs-mic-palette .goog-flat-menu-button-caption { overflow: hidden; text-o= verflow: ellipsis; white-space: nowrap; color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, sa= ns-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.25rem; width= : 74px; } .docs-mic-palette .goog-flat-menu-button-dropdown { right: 8px; top: 9px; } .docs-mic-palette .goog-flat-menu-button-focused, .docs-mic-palette .goog-f= lat-menu-button-hover { background-color: var(--gm3-sys-color-surface-conta= iner,#f0f4f9); background-image: linear-gradient(top,var(--gm3-sys-color-su= rface-container-low,#f8fafd),var(--gm3-sys-color-surface-container,#f0f4f9)= ); border-color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .docs-mic-palette-help { cursor: pointer; height: 18px; margin-left: 78px; = margin-top: -22px; opacity: 0.54; position: absolute; } .docs-mic-palette-help:focus { outline: none; } .docs-mic-palette-help-hover { opacity: 0.7; } .docs-voice-activity-bubble, .docs-voice-mic-bubble { color: var(--gm3-sys-= color-on-surface,#1f1f1f); cursor: default; line-height: 1.4em; max-width: = 160px; user-select: none; z-index: 506 !important; } .docs-voice-activity-bubble:focus, .docs-voice-mic-bubble:focus { outline: = none; box-shadow: 0 3px 6px color-mix(in sRGB,var(--gm3-sys-color-shadow,#0= 00) 15%,transparent); } .docs-voice-click-to-speak-bubble { padding: 8px 12px; } .docs-voice-tips-bubble { max-width: 130px; } .docs-voice-bubble-heavy { font-weight: 500; } .active-account-dialog-email { font-weight: 500; word-break: break-all; } .active-account-dialog .modal-dialog-content { display: flex; } .active-account-dialog-display-name { font-family: "Google Sans", Roboto, R= obotoDraft, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.87= 5rem; line-height: 12px; padding: 8px; display: flex; align-items: center; = } .active-account-dialog-avatar { background-color: var(--ws-sys-color-extend= ed-grey-fill,#5e5e5e); border-radius: 9999px; object-fit: cover; height: 32= px; width: 32px; } .active-account-dialog .modal-dialog-buttons { margin-top: 32px; } .modal-dialog.active-account-dialog { display: table; max-width: 464px; min= -width: 300px; table-layout: fixed; } .ess-button { cursor: pointer; display: inline-block; } .ess-disabled-button { opacity: 0.25; display: inline-block; } .ess-button, .ess-disabled-button { margin: 6px; vertical-align: middle; } .ess-icon { width: 32px; height: 32px; background-image: url("https://ssl.g= static.com/docs/documents/share/images/ess-icons-4.png"); background-repeat= : no-repeat; } .ess-gplus-icon { background-position: 0px 0px; } .ess-gmail-icon { background-position: -34px 0px; } .ess-facebook-icon { background-position: -68px 0px; } .ess-twitter-icon { background-position: -102px 0px; } .apps-hoverable-menu-separator-container { padding-left: 36px; } .apps-hoverable-menu-separator-container .apps-hoverable-menu-separator-top= { padding: 4px; } .apps-hoverable-menu-separator-container .apps-hoverable-menu-separator-bot= tom { border-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); p= adding: 4px; } .apps-search-menu { border-radius: 8px; } .apps-search-menu-results-container { display: flex; flex-direction: column= ; outline: none; } .apps-search-menu:focus { outline: none; } .apps-search-popup-menu { background-color: var(--gm3-sys-color-surface,#ff= f); border-radius: 8px; position: absolute; } .goog-dimension-picker { font-size: 18px; padding: 4px; } .goog-dimension-picker div { position: relative; } .goog-dimension-picker div.goog-dimension-picker-highlighted { left: 0px; o= verflow: hidden; position: absolute; top: 0px; } .goog-dimension-picker-status { font-size: 10pt; text-align: center; } .goog-dimension-picker div.goog-dimension-picker-mousecatcher { left: 0px; = top: 0px; position: absolute !important; } .jfk-colormenu.goog-menu { padding: 0px; } .jfk-palette { cursor: default; outline: none; } .jfk-palette-table { empty-cells: show; margin: 16px; } .jfk-palette-cell { border: 1px solid transparent; cursor: pointer; margin:= 0px; position: relative; } .jfk-palette-cell-hover { border: 1px solid rgb(0, 0, 0); } .jfk-palette-cell-selected { outline: rgb(0, 0, 0) solid 1px; } .jfk-palette-colorswatch { height: 16px; width: 16px; } .jfk-palette-cell-selected > .jfk-palette-colorswatch { background: url("ht= tps://ssl.gstatic.com/ui/v1/colorpicker/checkmark.png") 50% 50% no-repeat; = } .jfk-colorwell { border: 1px solid rgb(217, 217, 217); } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface { display: none; po= sition: absolute; box-sizing: border-box; margin: 0px; padding: 0px; border= -radius: 4px; transform: var(--gm3-menu-surface-container-closed-transform,= scale(1)); transform-origin: left top; opacity: 0; will-change: transform, = opacity; transition: opacity .03s linear,transform var(--gm3-menu-surface-c= ontainer-transform-transition-duration,.12s) var(--gm3-menu-surface-contain= er-transform-transition-easing,cubic-bezier(0,0,.2,1)),height .25s cubic-be= zier(0,0,.2,1),border-radius .5s cubic-bezier(.27,1.06,.18,1); z-index: var= (--gm3-menu-surface-z-index,8); max-width: calc(-32px + 100vw); max-height:= calc(-32px + 100vw); background-color: var(--gm3-menu-surface-container-co= lor,var(--gm3-sys-color-surface-container,#f0f4f9)); color: rgb(0, 0, 0); -= -yXuigc: var(--gm3-menu-surface-container-elevation,2); --Fe5l0b: var(--gm3= -menu-surface-container-shadow-color,var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface[dir=3D"rtl"], [dir= =3D"rtl"] .javascriptMaterialdesignGm3WizMenuSurface-menu-surface { transfo= rm-origin: right top; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--full-width { width= : 100%; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface__content { overflow= : var(--gm3-menu-surface-container-overflow,auto); max-height: inherit; bor= der-radius: inherit; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface:focus { outline: no= ne; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--animating-open { d= isplay: inline-block; transform: var(--gm3-menu-surface-container-animating= -open-transform,scale(.8)); opacity: 0; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--open { display: in= line-block; transform: var(--gm3-menu-surface-container-open-transform,scal= e(1)); opacity: 1; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--animating-closed {= display: inline-block; opacity: 0; transition: opacity 75ms linear; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--anchor { position:= relative; overflow: visible; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--fixed { position: = fixed; } .javascriptMaterialdesignGm3WizMenuSurface-menu-surface--is-open-below { bo= rder-start-start-radius: 0px; border-start-end-radius: 0px; } .boqAddonscardsrendererCardAutocompleteOptionListImg { width: 100%; border-= radius: 50%; } .boqAddonscardsrendererCardAutocompleteOptionListImg.isRectangle { border-r= adius: 0px; } .boqAddonscardsrendererCardAutocompleteOptionListImg.isEmoji { font-size: 1= rem; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .boqAddonscardsrendererCardAutocompleteOptionListImg.isFontIcon { filter:= invert(100%); } } .boqAddonscardsrendererCardAutocompleteMenuItemOneLine { height: 56px; --gm= 3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-list-list-item-label-text-font: "Google Sans Text","Google S= ans",Roboto,Arial,sans-serif; --gm3-list-list-item-label-text-size: 0.875re= m; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-list-item-lab= el-text-weight: 400; --gm3-list-list-item-label-text-line-height: 1.25rem; = --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-color= -on-surface-variant,#444746); --gm3-list-list-item-control-selected-label-t= ext-weight: 400; --gm3-list-list-item-fallback-selection-end-margin: 0; } .boqAddonscardsrendererCardAutocompleteMenuItemOneLine.hasDivider { border-= bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardAutocompleteMenuItemOneLine.isHighlighted { --gm= 3-list-list-item-label-text-weight: 700; --gm3-list-list-item-control-selec= ted-label-text-weight: 700; --gm3-list-list-item-fallback-selection-end-mar= gin: 0; } .boqAddonscardsrendererCardAutocompleteMenuItemTwoLine { height: 72px; --gm= 3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-list-list-item-label-text-font: "Google Sans Text","Google S= ans",Roboto,Arial,sans-serif; --gm3-list-list-item-label-text-size: 0.875re= m; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-list-item-lab= el-text-weight: 400; --gm3-list-list-item-label-text-line-height: 1.75rem; = --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on-surface,= #1f1f1f); --gm3-list-list-item-supporting-text-font: "Google Sans Text","Go= ogle Sans",Roboto,Arial,sans-serif; --gm3-list-list-item-supporting-text-si= ze: 0.75rem; --gm3-list-list-item-supporting-text-tracking: 0.00625rem; --g= m3-list-list-item-supporting-text-weight: 400; --gm3-list-list-item-support= ing-text-line-height: 1.5rem; --gm3-list-list-item-control-selected-label-t= ext-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list= -item-control-selected-label-text-weight: 400; --gm3-list-list-item-control= -selected-supporting-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); -= -gm3-list-list-item-fallback-selection-end-margin: 0; } .boqAddonscardsrendererCardAutocompleteMenuItemTwoLine.hasDivider { border-= bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardAutocompleteMenuItemTwoLine.isHighlighted { --gm= 3-list-list-item-label-text-weight: 700; --gm3-list-list-item-control-selec= ted-label-text-weight: 700; --gm3-list-list-item-fallback-selection-end-mar= gin: 0; } .boqAddonscardsrendererCardAutocompleteMenuItemTwoLine.isProminentFirstLine= { --gm3-list-list-item-label-text-weight: 700; --gm3-list-list-item-select= ed-label-text-weight: 700; --gm3-list-list-item-control-selected-label-text= -weight: 700; --gm3-list-list-item-fallback-selection-end-margin: 0; } .boqAddonscardsrendererCardAutocompleteMultiLevelMenu { --gm3-list-list-ite= m-container-color: transparent; --gm3-list-list-item-label-text-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-label-tex= t-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-lis= t-list-item-label-text-size: 0.875rem; --gm3-list-list-item-label-text-trac= king: 0rem; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-it= em-label-text-line-height: 1.25rem; --gm3-list-list-item-supporting-text-co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-supporti= ng-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --g= m3-list-list-item-supporting-text-size: 0.75rem; --gm3-list-list-item-suppo= rting-text-tracking: 0.00625rem; --gm3-list-list-item-supporting-text-weigh= t: 400; --gm3-list-list-item-supporting-text-line-height: 1rem; --gm3-list-= list-item-selected-container-color: var(--gm3-sys-color-surface-variant,#e1= e3e1); --gm3-list-list-item-control-selected-container-color: transparent; = --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-color= -on-surface-variant,#444746); --gm3-list-list-item-control-selected-label-t= ext-weight: 400; --gm3-list-list-item-control-selected-supporting-text-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-fallback-s= election-end-margin: 0; --gm3-menu-surface-container-color: var(--gm3-sys-c= olor-surface-container,#f0f4f9); } .boqAddonscardsrendererCardAutocompleteNoResultsFound { --gm3-list-list-ite= m-disabled-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-list-list-item-disabled-label-text-opacity: 1; --gm3-list-list-ite= m-fallback-selection-end-margin: 0; } .boqAddonscardsrendererCardAutocompleteNoVariableText { color: var(--gm3-sy= s-color-on-surface-variant,#444746); font-style: italic; margin: 16px 12px = 0px; user-select: none; } .javascriptMaterialdesignGm3WizFocusRingInwardFocusRingInward { display: va= r(--Mal6Ee,none); pointer-events: none; position: absolute; z-index: 1; bor= der-style: solid; border-width: var(--QTb7ce,3px); border-color: var(--NRr4= y,var(--gm3-sys-color-secondary,#00639b)); border-start-start-radius: calc(= var(--QzESQd, 8px) + var(--QTb7ce, 3px) + var(--eJOJeb, -3px)); border-star= t-end-radius: calc(var(--cIYKdb, 8px) + var(--QTb7ce, 3px) + var(--eJOJeb, = -3px)); border-end-end-radius: calc(var(--po6djf, 8px) + var(--QTb7ce, 3px)= + var(--eJOJeb, -3px)); border-end-start-radius: calc(var(--Oypuue, 8px) += var(--QTb7ce, 3px) + var(--eJOJeb, -3px)); inset-block: calc((var(--eJOJeb= , -3px) + var(--QTb7ce, 3px))*-1) calc((var(--eJOJeb, -3px) + var(--QTb7ce,= 3px) + var(--zpfArf, 0px))*-1); inset-inline: calc((var(--eJOJeb, -3px) + = var(--QTb7ce, 3px))*-1); } @keyframes gm3-focus-ring-inward-grows {=20 0% { border-width: 0px; } 100% { border-width: 8px; } } @keyframes gm3-focus-ring-inward-shrinks {=20 0% { border-width: 8px; } } .javascriptMaterialdesignGm3WizFocusRingInwardFocusRingInward { animation-n= ame: gm3-focus-ring-inward-grows, gm3-focus-ring-inward-shrinks; animation-= duration: 0.15s, 0.45s; animation-delay: 0s, 0.15s; animation-timing-functi= on: cubic-bezier(0.2, 0, 0, 1), cubic-bezier(0.2, 0, 0, 1); } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizFocusRingInwardFocusRingInward { animation= : auto ease 0s 1 normal none running none; } } .javascriptMaterialdesignGm3WizFocusRingInwardDisableAnimations { animation= : auto ease 0s 1 normal none running none; } .materialdesignWizIconInlineFlex { display: inline-flex; place-content: cen= ter; place-items: center; } html[dir=3D"rtl"] .materialdesignWizIconRtlIcon { transform: scaleX(-1); } .materialdesignWizIconGoogleSymbol { font-variation-settings: "FILL" var(--= gm2-symbols-icon-fill,0),"ROND" var(--gm2-symbols-icon-round,50),"wght" var= (--gm2-symbols-icon-weight,400),"GRAD" var(--gm2-symbols-icon-grade,0),"ops= z" var(--gm2-symbols-icon-optical-size,24); } .javascriptMaterialdesignGm3WizListSharedOldTokens { --upgradeable-gm3-list= -list-item-selected-hover-leading-icon-color: var(--gm3-list-list-item-sele= cted-hover-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --upgradeable-gm3-list-list-item-selected-hover-trailing-icon-color: v= ar(--gm3-list-list-item-selected-hover-trailing-icon-color,var(--gm3-sys-co= lor-on-surface-variant,#444746)); --upgradeable-gm3-list-list-item-selected= -label-text-color: var(--gm3-list-list-item-selected-label-text-color,var(-= -gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-list-lis= t-item-selected-trailing-icon-color: var(--gm3-list-list-item-selected-trai= ling-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list { border-radius: var(--gm3-l= ist-container-shape,0); margin: 0px; padding-block: 8px; padding-inline: 0p= x; list-style-type: none; } .javascriptMaterialdesignGm3WizListShared-divider { padding-block: 0px; pad= ding-inline: 24px; background-clip: content-box; background-color: var(--gm= 3-list-divider-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); height:= var(--gm3-list-divider-height,1px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-divider::after { content: ""; d= isplay: block; border-bottom: 1px solid rgb(255, 255, 255); } } .javascriptMaterialdesignGm3WizListShared-divider--full { padding-inline: 0= px; } .javascriptMaterialdesignGm3WizListShared-list-item:focus, .javascriptMater= ialdesignGm3WizListShared-list:focus { outline: none; } .javascriptMaterialdesignGm3WizListShared-list-item { display: flex; positi= on: relative; justify-content: flex-start; align-items: center; overflow: v= isible; text-decoration: none; transition: border-radius .35s cubic-bezier(= .42,1.67,.21,.9),background-color var(--gm3-list-background-color-duration,= 0s) cubic-bezier(.42,1.67,.21,.9),gap var(--gm3-list-checkmark-appearing-du= ration,0s) var(--gm3-list-checkmark-easing,ease); padding-inline: var(--gm3= -list-list-item-leading-space,16px) var(--gm3-list-list-item-trailing-space= ,16px); background-color: var(--gm3-list-list-item-container-color,var(--gm= 3-sys-color-surface,#fff)); box-sizing: border-box; gap: var(--gm3-list-lis= t-item-content-gap,16px); --YGBguf: 350ms; --sbadab: var(--gm3-list-list-it= em-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --hSHB= ee: var(--gm3-list-list-item-hover-state-layer-opacity,0.08); --F1tVH: var(= --gm3-list-list-item-hover-state-layer-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); --kDWEsd: 0.12; } :where(.javascriptMaterialdesignGm3WizListShared-list-item) { border-end-en= d-radius: var(--gm3-list-list-item-container-shape-end-end,0); border-end-s= tart-radius: var(--gm3-list-list-item-container-shape-end-start,0); border-= start-start-radius: var(--gm3-list-list-item-container-shape-start-start,0)= ; border-start-end-radius: var(--gm3-list-list-item-container-shape-start-e= nd,0); } :where(.javascriptMaterialdesignGm3WizListShared-list > .javascriptMaterial= designGm3WizListShared-list-item:first-child, .javascriptMaterialdesignGm3W= izListShared-list > :not(.javascriptMaterialdesignGm3WizListShared-list-ite= m):first-child > .javascriptMaterialdesignGm3WizListShared-list-item) { bor= der-start-start-radius: var(--gm3-list-container-shape-start-start,0); bord= er-start-end-radius: var(--gm3-list-container-shape-start-end,0); } :where(.javascriptMaterialdesignGm3WizListShared-list > .javascriptMaterial= designGm3WizListShared-list-item:last-child, .javascriptMaterialdesignGm3Wi= zListShared-list > :not(.javascriptMaterialdesignGm3WizListShared-list-item= ):last-child > .javascriptMaterialdesignGm3WizListShared-list-item) { borde= r-end-start-radius: var(--gm3-list-container-shape-end-start,0); border-end= -end-radius: var(--gm3-list-container-shape-end-end,0); } :where(.javascriptMaterialdesignGm3WizListShared-list-item:not(.javascriptM= aterialdesignGm3WizListShared-list-item--disabled):hover) { border-end-end-= radius: var(--gm3-list-list-item-hover-state-layer-shape-end-end,initial); = border-end-start-radius: var(--gm3-list-list-item-hover-state-layer-shape-e= nd-start,initial); border-start-start-radius: var(--gm3-list-list-item-hove= r-state-layer-shape-start-start,initial); border-start-end-radius: var(--gm= 3-list-list-item-hover-state-layer-shape-start-end,initial); } :where(.javascriptMaterialdesignGm3WizListShared-list > .javascriptMaterial= designGm3WizListShared-list-item:not(:first-child), .javascriptMaterialdesi= gnGm3WizListShared-list > :not(:first-child):not(.javascriptMaterialdesignG= m3WizListShared-list-item) > .javascriptMaterialdesignGm3WizListShared-list= -item) { margin-block-start: var(--gm3-list-segmented-gap,0); } .javascriptMaterialdesignGm3WizListShared-list-item__attribute-slot { displ= ay: none; } .javascriptMaterialdesignGm3WizListShared-list-item--focus-visible, .javasc= riptMaterialdesignGm3WizListShared-list-item:focus-visible { border-end-end= -radius: var(--gm3-list-focus-indicator-shape-end-end,8px); border-end-star= t-radius: var(--gm3-list-focus-indicator-shape-end-start,8px); border-start= -start-radius: var(--gm3-list-focus-indicator-shape-start-start,8px); borde= r-start-end-radius: var(--gm3-list-focus-indicator-shape-start-end,8px); } .javascriptMaterialdesignGm3WizListShared-list-item--focus-visible .javascr= iptMaterialdesignGm3WizListShared-list-item__focusring, .javascriptMaterial= designGm3WizListShared-list-item:focus-visible .javascriptMaterialdesignGm3= WizListShared-list-item__focusring { --NRr4y: var(--gm3-list-focus-indicato= r-color,var(--gm3-sys-color-secondary,#00639b)); --Mal6Ee: block; --eJOJeb:= var(--gm3-list-focus-indicator-outline-offset,-3px); --po6djf: var(--gm3-l= ist-focus-indicator-shape-end-end,8px); --Oypuue: var(--gm3-list-focus-indi= cator-shape-end-start,8px); --cIYKdb: var(--gm3-list-focus-indicator-shape-= start-end,8px); --QzESQd: var(--gm3-list-focus-indicator-shape-start-start,= 8px); --QTb7ce: var(--gm3-list-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizListShared-list-item--interactive { cursor: = pointer; } .javascriptMaterialdesignGm3WizListShared-list-item--interactive .javascrip= tMaterialdesignGm3WizListShared-list-item__end, .javascriptMaterialdesignGm= 3WizListShared-list-item--interactive .javascriptMaterialdesignGm3WizListSh= ared-list-item__start { --gm3-checkbox-state-layer-size: 24px; --gm3-radio-= state-layer-size: 24px; } .javascriptMaterialdesignGm3WizListShared-list-item__badge { align-self: ce= nter; --VvGUcf: 4px; --wBNXub: 4px; --Fpgz9e: 4px; --UwFqdb: 4px; } .javascriptMaterialdesignGm3WizListShared-list-item--selected { background-= color: var(--gm3-list-list-item-selected-container-color,var(--gm3-sys-colo= r-secondary-container,#c2e7ff)); --YGBguf: 350ms; --sbadab: var(--gm3-list-= list-item-selected-hover-state-layer-color,var(--gm3-sys-color-on-surface,#= 1f1f1f)); --hSHBee: var(--gm3-list-list-item-selected-hover-state-layer-opa= city,0.08); --F1tVH: var(--gm3-list-list-item-selected-hover-state-layer-co= lor,var(--gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: 0.12; } .javascriptMaterialdesignGm3WizListShared-list-item--selected::before { pos= ition: absolute; box-sizing: border-box; inset: 0px; border: 3px double tra= nsparent; border-radius: inherit; content: ""; pointer-events: none; } :where(.javascriptMaterialdesignGm3WizListShared-list-item--selected) { bor= der-end-end-radius: var(--gm3-list-list-item-selected-container-shape-end-e= nd,initial); border-end-start-radius: var(--gm3-list-list-item-selected-con= tainer-shape-end-start,initial); border-start-start-radius: var(--gm3-list-= list-item-selected-container-shape-start-start,initial); border-start-end-r= adius: var(--gm3-list-list-item-selected-container-shape-start-end,initial)= ; } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = { background-color: var(--gm3-list-list-item-control-selected-container-col= or,var(--gm3-sys-color-surface,#fff)); --YGBguf: 350ms; --sbadab: var(--gm3= -list-list-item-control-selected-hover-state-layer-color,var(--gm3-sys-colo= r-on-surface,#1f1f1f)); --hSHBee: var(--gm3-list-list-item-control-selected= -hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-list-list-item-control= -selected-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f));= --kDWEsd: 0.12; } :where(.javascriptMaterialdesignGm3WizListShared-list-item--with-control-se= lected) { border-end-end-radius: var(--gm3-list-list-item-control-selected-= container-shape-end-end,initial); border-end-start-radius: var(--gm3-list-l= ist-item-control-selected-container-shape-end-start,initial); border-start-= start-radius: var(--gm3-list-list-item-control-selected-container-shape-sta= rt-start,initial); border-start-end-radius: var(--gm3-list-list-item-contro= l-selected-container-shape-start-end,initial); } .javascriptMaterialdesignGm3WizListShared-list-item--disabled { cursor: aut= o; } .javascriptMaterialdesignGm3WizListShared-list-item__wrapper { display: blo= ck; } .javascriptMaterialdesignGm3WizListShared-list-item__end, .javascriptMateri= aldesignGm3WizListShared-list-item__start { flex-shrink: 0; pointer-events:= none; display: none; } .javascriptMaterialdesignGm3WizListShared-list-item__end { gap: 8px; } .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon):has(.javascriptMaterialdesignG= m3WizListShared-list-item__badge) { gap: 0px; } .javascriptMaterialdesignGm3WizListShared-list-item__end:empty, .javascript= MaterialdesignGm3WizListShared-list-item__start:empty { display: none; } .javascriptMaterialdesignGm3WizListShared-list-item--with-trailing-meta .ja= vascriptMaterialdesignGm3WizListShared-list-item__end, .javascriptMateriald= esignGm3WizListShared-list-item__end:has(.javascriptMaterialdesignGm3WizLis= tShared-list-item__valid-content), .javascriptMaterialdesignGm3WizListShare= d-list-item__start:has(.javascriptMaterialdesignGm3WizListShared-list-item_= _valid-content) { display: inline-flex; } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__end, .javascriptMate= rialdesignGm3WizListShared-list-item__start { display: inline-flex; } } .javascriptMaterialdesignGm3WizListShared-list-item__content { text-overflo= w: ellipsis; color: var(--gm3-list-list-item-label-text-color,var(--gm3-sys= -color-on-surface,#1f1f1f)); white-space: nowrap; overflow: hidden; flex: 1= 1 0%; pointer-events: none; display: flex; flex-direction: column; justify= -content: center; align-self: stretch; padding-inline: var(--gm3-list-list-= item-content-padding,0); } .javascriptMaterialdesignGm3WizListShared-list-item__wrap-primary-text, .ja= vascriptMaterialdesignGm3WizListShared-list-item__wrap-secondary-text { whi= te-space: normal; } .javascriptMaterialdesignGm3WizListShared-list-item__wrap-primary-text .jav= ascriptMaterialdesignGm3WizListShared-list-item__primary-text, .javascriptM= aterialdesignGm3WizListShared-list-item__wrap-secondary-text .javascriptMat= erialdesignGm3WizListShared-list-item__secondary-text { text-overflow: clip= ; white-space: normal; } .javascriptMaterialdesignGm3WizListShared-list-item--with-one-line { min-he= ight: var(--gm3-list-list-item-one-line-container-height,56px); padding-blo= ck: var(--gm3-list-list-item-one-line-padding,8px); } .javascriptMaterialdesignGm3WizListShared-list-item--with-two-lines { min-h= eight: var(--gm3-list-list-item-two-line-container-height,72px); padding-bl= ock: var(--gm3-list-list-item-two-line-padding,8px); } .javascriptMaterialdesignGm3WizListShared-list-item__overline-text, .javasc= riptMaterialdesignGm3WizListShared-list-item__secondary-text { text-overflo= w: ellipsis; white-space: nowrap; overflow: hidden; } .javascriptMaterialdesignGm3WizListShared-list-item__primary-text { font-fa= mily: var(--gm3-list-list-item-label-text-font,"Google Sans Flex","Google S= ans Text","Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-list= -list-item-label-text-size,1rem); font-weight: var(--gm3-list-list-item-lab= el-text-weight,400); line-height: var(--gm3-list-list-item-label-text-line-= height,1.5rem); letter-spacing: var(--gm3-list-list-item-label-text-trackin= g,0); color: var(--gm3-list-list-item-label-text-color,var(--gm3-sys-color-= on-surface,#1f1f1f)); font-variation-settings: var(--gm3-list-list-item-lab= el-text-font-variation-settings,initial); overflow: var(--gm3-list-list-ite= m-label-text-overflow,hidden); text-overflow: ellipsis; white-space: nowrap= ; } .javascriptMaterialdesignGm3WizListShared-list-item:focus .javascriptMateri= aldesignGm3WizListShared-list-item__primary-text { color: var(--gm3-list-li= st-item-focus-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item:hover .javascriptMateri= aldesignGm3WizListShared-list-item__primary-text { color: var(--gm3-list-li= st-item-hover-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__primary-text { color: var(--upgrade= able-gm3-list-list-item-selected-label-text-color,var(--gm3-list-list-item-= selected-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f))); font-w= eight: var(--gm3-list-list-item-selected-label-text-weight,400); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = .javascriptMaterialdesignGm3WizListShared-list-item__primary-text { color: = var(--gm3-list-list-item-control-selected-label-text-color,var(--gm3-sys-co= lor-on-surface,#1f1f1f)); font-weight: var(--gm3-list-list-item-control-sel= ected-label-text-weight,400); } .javascriptMaterialdesignGm3WizListShared-list-item--selected:focus .javasc= riptMaterialdesignGm3WizListShared-list-item__primary-text { color: var(--g= m3-list-list-item-selected-focus-label-text-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected:= focus .javascriptMaterialdesignGm3WizListShared-list-item__primary-text { c= olor: var(--gm3-list-list-item-control-selected-focus-label-text-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--selected:hover .javasc= riptMaterialdesignGm3WizListShared-list-item__primary-text { color: var(--g= m3-list-list-item-selected-hover-label-text-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected:= hover .javascriptMaterialdesignGm3WizListShared-list-item__primary-text { c= olor: var(--gm3-list-list-item-control-selected-hover-label-text-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascriptMa= terialdesignGm3WizListShared-list-item__primary-text { color: var(--gm3-lis= t-list-item-disabled-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1= f)); } .javascriptMaterialdesignGm3WizListShared-list-item__secondary-text { font-= family: var(--gm3-list-list-item-supporting-text-font,"Google Sans Flex","G= oogle Sans Text","Google Sans",Roboto,Arial,sans-serif); font-size: var(--g= m3-list-list-item-supporting-text-size,.875rem); font-weight: var(--gm3-lis= t-list-item-supporting-text-weight,400); line-height: var(--gm3-list-list-i= tem-supporting-text-line-height,1.25rem); letter-spacing: var(--gm3-list-li= st-item-supporting-text-tracking,0); color: var(--gm3-list-list-item-suppor= ting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); font-vari= ation-settings: var(--gm3-list-list-item-supporting-text-font-variation-set= tings,initial); } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__secondary-text { color: var(--gm3-l= ist-list-item-selected-supporting-text-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = .javascriptMaterialdesignGm3WizListShared-list-item__secondary-text { color= : var(--gm3-list-list-item-control-selected-supporting-text-color,var(--gm3= -sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascriptMa= terialdesignGm3WizListShared-list-item__secondary-text { color: var(--gm3-l= ist-list-item-disabled-supporting-text-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); opacity: var(--gm3-list-list-item-disabled-supporting-text-opac= ity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascript= MaterialdesignGm3WizListShared-list-item__secondary-text { color: graytext;= opacity: 1; } } .javascriptMaterialdesignGm3WizListShared-list-item__overline-text { text-t= ransform: var(--gm3-list-list-item-overline-text-transform,uppercase); font= -family: var(--gm3-list-list-item-overline-font,"Google Sans Flex","Google = Sans Text","Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-lis= t-list-item-overline-size,.6875rem); font-weight: var(--gm3-list-list-item-= overline-weight,500); line-height: var(--gm3-list-list-item-overline-line-h= eight,1rem); letter-spacing: var(--gm3-list-list-item-overline-tracking,.00= 625rem); color: var(--gm3-list-list-item-overline-color,var(--gm3-sys-color= -on-surface-variant,#444746)); font-variation-settings: var(--gm3-list-list= -item-overline-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__overline-text { color: var(--gm3-li= st-list-item-selected-overline-color,var(--gm3-sys-color-on-surface,#1f1f1f= )); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = .javascriptMaterialdesignGm3WizListShared-list-item__overline-text { color:= var(--gm3-list-list-item-control-selected-overline-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item.javascriptMaterialdesig= nGm3WizListShared-list-item--disabled :is(.javascriptMaterialdesignGm3WizLi= stShared-list-item__primary-text, .javascriptMaterialdesignGm3WizListShared= -list-item__overline-text) { opacity: var(--gm3-list-list-item-disabled-lab= el-text-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-list-item.javascriptMaterialdes= ignGm3WizListShared-list-item--disabled :is(.javascriptMaterialdesignGm3Wiz= ListShared-list-item__primary-text, .javascriptMaterialdesignGm3WizListShar= ed-list-item__overline-text) { color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizListShared-list-item__graphic { width: inher= it; height: inherit; border-radius: inherit; font-size: inherit; } .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon) i, .javascriptMaterialdesignGm= 3WizListShared-list-item__end:has(.javascriptMaterialdesignGm3WizListShared= -list-item__icon) img, .javascriptMaterialdesignGm3WizListShared-list-item_= _end:has(.javascriptMaterialdesignGm3WizListShared-list-item__icon) svg, .j= avascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon) i, .javascriptMaterialdesignGm= 3WizListShared-list-item__start:has(.javascriptMaterialdesignGm3WizListShar= ed-list-item__icon) img, .javascriptMaterialdesignGm3WizListShared-list-ite= m__start:has(.javascriptMaterialdesignGm3WizListShared-list-item__icon) svg= { display: inline-flex; position: relative; color: inherit; fill: currentc= olor; } @supports not selector(:has(a)) { :is(.javascriptMaterialdesignGm3WizListShared-list-item__start, .javascri= ptMaterialdesignGm3WizListShared-list-item__end) .javascriptMaterialdesignG= m3WizListShared-list-item__icon i, :is(.javascriptMaterialdesignGm3WizListS= hared-list-item__start, .javascriptMaterialdesignGm3WizListShared-list-item= __end) .javascriptMaterialdesignGm3WizListShared-list-item__icon img, :is(.= javascriptMaterialdesignGm3WizListShared-list-item__start, .javascriptMater= ialdesignGm3WizListShared-list-item__end) .javascriptMaterialdesignGm3WizLi= stShared-list-item__icon svg { display: inline-flex; position: relative; co= lor: inherit; fill: currentcolor; } } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__icon), .javascriptMaterialdesignGm= 3WizListShared-list-item__start:has(.javascriptMaterialdesignGm3WizListShar= ed-list-item__icon) i, .javascriptMaterialdesignGm3WizListShared-list-item_= _start:has(.javascriptMaterialdesignGm3WizListShared-list-item__icon) img, = .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__icon) svg { block-size: var(--gm3-= list-list-item-leading-icon-size,24px); inline-size: var(--gm3-list-list-it= em-leading-icon-size,24px); font-size: var(--gm3-list-list-item-leading-ico= n-size,24px); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__icon, .javascriptMaterialdesignGm3Wi= zListShared-list-item__start .javascriptMaterialdesignGm3WizListShared-list= -item__icon i, .javascriptMaterialdesignGm3WizListShared-list-item__start .= javascriptMaterialdesignGm3WizListShared-list-item__icon img, .javascriptMa= terialdesignGm3WizListShared-list-item__start .javascriptMaterialdesignGm3W= izListShared-list-item__icon svg { block-size: var(--gm3-list-list-item-lea= ding-icon-size,24px); inline-size: var(--gm3-list-list-item-leading-icon-si= ze,24px); font-size: var(--gm3-list-list-item-leading-icon-size,24px); } } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-list-list= -item-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); = } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__icon { color: var(--gm3-list-list-it= em-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__start:has(.javascriptMaterialdesign= Gm3WizListShared-list-item__icon) { color: var(--gm3-list-list-item-selecte= d-leading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-list-list= -item-control-selected-leading-icon-color,var(--gm3-sys-color-on-surface-va= riant,#444746)); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascript= MaterialdesignGm3WizListShared-list-item__start .javascriptMaterialdesignGm= 3WizListShared-list-item__icon { color: var(--gm3-list-list-item-selected-l= eading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selecte= d .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__icon { color: var(--gm3-list-list-it= em-control-selected-leading-icon-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); } } .javascriptMaterialdesignGm3WizListShared-list-item:hover .javascriptMateri= aldesignGm3WizListShared-list-item__start:has(.javascriptMaterialdesignGm3W= izListShared-list-item__icon) { color: var(--gm3-list-list-item-hover-leadi= ng-icon-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item:hover .javascriptMate= rialdesignGm3WizListShared-list-item__start .javascriptMaterialdesignGm3Wiz= ListShared-list-item__icon { color: var(--gm3-list-list-item-hover-leading-= icon-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } } .javascriptMaterialdesignGm3WizListShared-list-item--selected:hover .javasc= riptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptMaterial= designGm3WizListShared-list-item__icon) { color: var(--upgradeable-gm3-list= -list-item-selected-hover-leading-icon-color,var(--gm3-list-list-item-selec= ted-hover-leading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f))); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected:= hover .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javas= criptMaterialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-lis= t-list-item-control-selected-hover-leading-icon-color,var(--gm3-sys-color-o= n-surface-variant,#444746)); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item--selected:hover .java= scriptMaterialdesignGm3WizListShared-list-item__start .javascriptMaterialde= signGm3WizListShared-list-item__icon { color: var(--upgradeable-gm3-list-li= st-item-selected-hover-leading-icon-color,var(--gm3-list-list-item-selected= -hover-leading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f))); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selecte= d:hover .javascriptMaterialdesignGm3WizListShared-list-item__start .javascr= iptMaterialdesignGm3WizListShared-list-item__icon { color: var(--gm3-list-l= ist-item-control-selected-hover-leading-icon-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); } } .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascriptMa= terialdesignGm3WizListShared-list-item__start:has(.javascriptMaterialdesign= Gm3WizListShared-list-item__icon) { color: var(--gm3-list-list-item-disable= d-leading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var= (--gm3-list-list-item-disabled-leading-icon-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascript= MaterialdesignGm3WizListShared-list-item__start:has(.javascriptMaterialdesi= gnGm3WizListShared-list-item__icon) { color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizListShared-list-item--selected.javascriptMat= erialdesignGm3WizListShared-list-item--fill-font-icon .javascriptMaterialde= signGm3WizListShared-list-item__start .javascriptMaterialdesignGm3WizListSh= ared-list-item__symbols-icon { --gm3-font-icon-fill: var(--gm3-list-list-it= em-selected-symbols-icon,0); } .javascriptMaterialdesignGm3WizListShared-list-item--selected.javascriptMat= erialdesignGm3WizListShared-list-item--fill-font-icon .javascriptMaterialde= signGm3WizListShared-list-item__start .javascriptMaterialdesignGm3WizListSh= ared-list-item__material-icon { font-family: var(--gm3-list-list-item-selec= ted-material-icon,"Google Material Icons"); } .javascriptMaterialdesignGm3WizListShared-list-item__selected-indicator { d= isplay: inline-flex; grid-area: 1 / 1; opacity: 0; clip-path: inset(0px 100= % 0px 0px); transition: clip-path var(--gm3-list-checkmark-appearing-durati= on,0s) var(--gm3-list-checkmark-easing,ease),opacity var(--gm3-list-icon-tr= ansition-duration,0s) var(--gm3-list-checkmark-easing,ease); } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__selected-indicator { opacity: 1; cl= ip-path: inset(0px); transition: clip-path var(--gm3-list-checkmark-disappe= aring-duration,0s) var(--gm3-list-checkmark-easing,ease) var(--gm3-list-che= ckmark-disappearing-duration,0s); } .javascriptMaterialdesignGm3WizListShared-list-item__selected-indicator + i= , .javascriptMaterialdesignGm3WizListShared-list-item__selected-indicator += img, .javascriptMaterialdesignGm3WizListShared-list-item__selected-indicat= or + svg { grid-area: 1 / 1; opacity: 1; transition: opacity var(--gm3-list= -icon-transition-duration,0s) var(--gm3-list-checkmark-easing,ease) var(--g= m3-list-checkmark-disappearing-duration,0s); } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__selected-indicator + i, .javascript= MaterialdesignGm3WizListShared-list-item--selected .javascriptMaterialdesig= nGm3WizListShared-list-item__selected-indicator + img, .javascriptMateriald= esignGm3WizListShared-list-item--selected .javascriptMaterialdesignGm3WizLi= stShared-list-item__selected-indicator + svg { opacity: 0; transition: opac= ity var(--gm3-list-icon-transition-duration,0s) var(--gm3-list-checkmark-ea= sing,ease); } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__selected-indicator) { display: gri= d; place-content: center; } .javascriptMaterialdesignGm3WizListShared-list-item--with-fallback-indicato= r .javascriptMaterialdesignGm3WizListShared-list-item__start { display: var= (--gm3-list-list-item-fallback-selection-display,none); overflow: hidden; } .javascriptMaterialdesignGm3WizListShared-list-item--with-fallback-indicato= r:not(.javascriptMaterialdesignGm3WizListShared-list-item--selected) { gap:= var(--gm3-list-list-item-fallback-selection-content-gap,16px); } .javascriptMaterialdesignGm3WizListShared-list-item--with-fallback-indicato= r:not(.javascriptMaterialdesignGm3WizListShared-list-item--selected) .javas= criptMaterialdesignGm3WizListShared-list-item__end { margin-inline-start: v= ar(--gm3-list-list-item-fallback-selection-end-margin,0); } .javascriptMaterialdesignGm3WizListShared-list-item--with-fallback-indicato= r:not(.javascriptMaterialdesignGm3WizListShared-list-item--selected) .javas= criptMaterialdesignGm3WizListShared-list-item__start { width: 0px; transiti= on: width var(--gm3-list-checkmark-appearing-duration,0s) var(--gm3-list-ch= eckmark-easing,ease); } .javascriptMaterialdesignGm3WizListShared-list-item--selected.javascriptMat= erialdesignGm3WizListShared-list-item--with-fallback-indicator .javascriptM= aterialdesignGm3WizListShared-list-item__start { width: var(--gm3-list-list= -item-leading-icon-size,24px); transition: width var(--gm3-list-checkmark-d= isappearing-duration,0s) var(--gm3-list-checkmark-easing,ease); } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__avatar) { border-radius: 50%; bloc= k-size: var(--gm3-list-list-item-leading-avatar-size,40px); inline-size: va= r(--gm3-list-list-item-leading-avatar-size,40px); } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__avatar) img { border-radius: var(-= -gm3-list-list-item-leading-avatar-shape,9999px); background-color: var(--g= m3-list-list-item-leading-avatar-color,var(--gm3-sys-color-primary-containe= r,#d3e3fd)); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__avatar { border-radius: var(--gm3-li= st-list-item-leading-avatar-shape,9999px); block-size: var(--gm3-list-list-= item-leading-avatar-size,40px); inline-size: var(--gm3-list-list-item-leadi= ng-avatar-size,40px); } } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__image) { block-size: var(--gm3-lis= t-list-item-leading-image-height,56px); inline-size: var(--gm3-list-list-it= em-leading-image-width,56px); border-radius: var(--gm3-list-list-item-leadi= ng-image-shape,0); } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__image { block-size: var(--gm3-list-l= ist-item-leading-image-height,56px); inline-size: var(--gm3-list-list-item-= leading-image-width,56px); border-radius: var(--gm3-list-list-item-leading-= image-shape,0); } } .javascriptMaterialdesignGm3WizListShared-list-item__start:has(.javascriptM= aterialdesignGm3WizListShared-list-item__thumbnail) { block-size: 40px; inl= ine-size: 40px; } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__start .javascriptMat= erialdesignGm3WizListShared-list-item__thumbnail { block-size: 40px; inline= -size: 40px; } } .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon), .javascriptMaterialdesignGm3W= izListShared-list-item__end:has(.javascriptMaterialdesignGm3WizListShared-l= ist-item__icon) i, .javascriptMaterialdesignGm3WizListShared-list-item__end= :has(.javascriptMaterialdesignGm3WizListShared-list-item__icon) img, .javas= criptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMateriald= esignGm3WizListShared-list-item__icon) svg { block-size: var(--gm3-list-lis= t-item-trailing-icon-size,24px); inline-size: var(--gm3-list-list-item-trai= ling-icon-size,24px); font-size: var(--gm3-list-list-item-trailing-icon-siz= e,24px); } .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__badge) { inline-size: auto; } @supports not selector(:has(a)) { .javascriptMaterialdesignGm3WizListShared-list-item__end .javascriptMater= ialdesignGm3WizListShared-list-item__icon, .javascriptMaterialdesignGm3WizL= istShared-list-item__end .javascriptMaterialdesignGm3WizListShared-list-ite= m__icon i, .javascriptMaterialdesignGm3WizListShared-list-item__end .javasc= riptMaterialdesignGm3WizListShared-list-item__icon img, .javascriptMaterial= designGm3WizListShared-list-item__end .javascriptMaterialdesignGm3WizListSh= ared-list-item__icon svg { block-size: var(--gm3-list-list-item-trailing-ic= on-size,24px); inline-size: var(--gm3-list-list-item-trailing-icon-size,24p= x); font-size: var(--gm3-list-list-item-trailing-icon-size,24px); } .javascriptMaterialdesignGm3WizListShared-list-item__end .javascriptMater= ialdesignGm3WizListShared-list-item__badge { inline-size: auto; } } .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-list-list-i= tem-trailing-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item:hover .javascriptMateri= aldesignGm3WizListShared-list-item__end:has(.javascriptMaterialdesignGm3Wiz= ListShared-list-item__icon) { color: var(--gm3-list-list-item-hover-trailin= g-icon-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascriptMa= terialdesignGm3WizListShared-list-item__end:has(.javascriptMaterialdesignGm= 3WizListShared-list-item__icon) { color: var(--gm3-list-list-item-disabled-= trailing-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(= --gm3-list-list-item-disabled-trailing-icon-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-list-item--disabled .javascript= MaterialdesignGm3WizListShared-list-item__end:has(.javascriptMaterialdesign= Gm3WizListShared-list-item__icon) { color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizListShared-list-item--selected .javascriptMa= terialdesignGm3WizListShared-list-item__end:has(.javascriptMaterialdesignGm= 3WizListShared-list-item__icon) { color: var(--upgradeable-gm3-list-list-it= em-selected-trailing-icon-color,var(--gm3-list-list-item-selected-trailing-= icon-color,var(--gm3-sys-color-primary,#0b57d0))); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected = .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMat= erialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-list-list-i= tem-control-selected-trailing-icon-color,var(--gm3-sys-color-on-surface-var= iant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item--selected:hover .javasc= riptMaterialdesignGm3WizListShared-list-item__end:has(.javascriptMaterialde= signGm3WizListShared-list-item__icon) { color: var(--upgradeable-gm3-list-l= ist-item-selected-hover-trailing-icon-color,var(--gm3-list-list-item-select= ed-hover-trailing-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f))); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected:= hover .javascriptMaterialdesignGm3WizListShared-list-item__end:has(.javascr= iptMaterialdesignGm3WizListShared-list-item__icon) { color: var(--gm3-list-= list-item-control-selected-hover-trailing-icon-color,var(--gm3-sys-color-on= -surface-variant,#444746)); } .javascriptMaterialdesignGm3WizListShared-list-item--with-trailing-meta .ja= vascriptMaterialdesignGm3WizListShared-list-item__end { font-family: var(--= gm3-list-list-item-trailing-supporting-text-font,"Google Sans Flex","Google= Sans Text","Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-li= st-list-item-trailing-supporting-text-size,.6875rem); font-weight: var(--gm= 3-list-list-item-trailing-supporting-text-weight,500); line-height: var(--g= m3-list-list-item-trailing-supporting-text-line-height,1rem); letter-spacin= g: var(--gm3-list-list-item-trailing-supporting-text-tracking,.00625rem); c= olor: var(--gm3-list-list-item-trailing-supporting-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); font-variation-settings: var(--gm3-lis= t-list-item-trailing-supporting-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizListShared-list-item--selected.javascriptMat= erialdesignGm3WizListShared-list-item--with-trailing-meta .javascriptMateri= aldesignGm3WizListShared-list-item__end { color: var(--gm3-list-list-item-s= elected-trailing-supporting-text-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); font-weight: var(--gm3-list-list-item-selected-trailing-supporting-te= xt-weight,500); } .javascriptMaterialdesignGm3WizListShared-list-item--with-control-selected.= javascriptMaterialdesignGm3WizListShared-list-item--with-trailing-meta .jav= ascriptMaterialdesignGm3WizListShared-list-item__end { color: var(--gm3-lis= t-list-item-control-selected-trailing-supporting-text-color,var(--gm3-sys-c= olor-on-surface-variant,#444746)); font-weight: var(--gm3-list-list-item-co= ntrol-selected-trailing-supporting-text-weight,500); } .javascriptMaterialdesignGm3WizListShared-list-item--disabled.javascriptMat= erialdesignGm3WizListShared-list-item--with-trailing-meta .javascriptMateri= aldesignGm3WizListShared-list-item__end { color: var(--gm3-list-list-item-d= isabled-trailing-supporting-text-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); opacity: var(--gm3-list-list-item-disabled-trailing-supporting-text-o= pacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizListShared-list-item--disabled.javascriptM= aterialdesignGm3WizListShared-list-item--with-trailing-meta .javascriptMate= rialdesignGm3WizListShared-list-item__end { color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizListShared-accelerator-hint { text-decoratio= n: var(--gm3-list-menu-item-accelerator-hint-text-decoration,unset); } .javascriptMaterialdesignGm3WizListShared-accelerator-parenthetical { displ= ay: var(--gm3-list-menu-item-accelerator-hint-parenthetical-display,none); = } .javascriptMaterialdesignGm3WizListShared-bolded-substring { font-weight: v= ar(--gm3-list-menu-item-bolded-substring-font-weight,unset); } .javascriptMaterialdesignGm3WizListShared-list-item__screen-reader-only { p= osition: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; ove= rflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border:= 0px; } .javascriptMaterialdesignGm3WizList-list-item--with-three-lines { min-heigh= t: var(--gm3-list-list-item-three-line-container-height,88px); padding-bloc= k: var(--gm3-list-list-item-three-line-padding,12px); } .javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascript= MaterialdesignGm3WizListShared-list-item__end, .javascriptMaterialdesignGm3= WizList-list-item--with-three-lines .javascriptMaterialdesignGm3WizListShar= ed-list-item__start { align-self: flex-start; } .javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascript= MaterialdesignGm3WizListShared-list-item__content { justify-content: flex-s= tart; } .javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascript= MaterialdesignGm3WizListShared-list-item__content:not(.javascriptMaterialde= signGm3WizListShared-list-item__wrap-secondary-text) .javascriptMaterialdes= ignGm3WizListShared-list-item__secondary-text { white-space: normal; displa= y: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;= } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip { position: fixed; disp= lay: none; z-index: var(--gm3-tooltip-plain-z-index,2101); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface { box-sizing: = border-box; min-block-size: 22px; min-inline-size: 40px; overflow-wrap: any= where; overflow: hidden; padding-block: var(--gm3-tooltip-plain-container-p= adding-block,4px); padding-inline: 8px; word-break: normal; max-block-size:= var(--gm3-tooltip-plain-container-max-block-size,40vh); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface::before { posi= tion: absolute; box-sizing: border-box; inline-size: 100%; block-size: 100%= ; inset-block-start: 0px; inset-inline-start: 0px; border: 1px solid transp= arent; border-radius: inherit; content: ""; pointer-events: none; } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide, .javascriptMater= ialdesignGm3WizTooltipPlain-tooltip--showing, .javascriptMaterialdesignGm3W= izTooltipPlain-tooltip--shown { display: inline-flex; } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation { op= acity: 0; transform: scale(0.8); will-change: transform, opacity; } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--shown .javascriptMater= ialdesignGm3WizTooltipPlain-tooltip__surface-animation { opacity: 1; transf= orm: scale(1); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide .javascriptMateri= aldesignGm3WizTooltipPlain-tooltip__surface-animation { transform: scale(1)= ; } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--showing-transition .ja= vascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation { trans= ition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bezi= er(0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide-transition .javas= criptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation { transiti= on: opacity 75ms cubic-bezier(0.4, 0, 1, 1); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--plain .javascriptMater= ialdesignGm3WizTooltipPlain-tooltip__surface { max-inline-size: var(--gm3-t= ooltip-plain-container-max-inline-size,200px); background-color: var(--gm3-= tooltip-plain-container-color,var(--gm3-sys-color-inverse-surface,#303030))= ; border-radius: var(--gm3-tooltip-plain-container-shape,4px); color: var(-= -gm3-tooltip-plain-supporting-text-color,var(--gm3-sys-color-inverse-on-sur= face,#f2f2f2)); font-family: var(--gm3-tooltip-plain-supporting-text-font,"= Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif)= ; font-size: var(--gm3-tooltip-plain-supporting-text-size,.75rem); font-wei= ght: var(--gm3-tooltip-plain-supporting-text-weight,400); letter-spacing: v= ar(--gm3-tooltip-plain-supporting-text-tracking,.00625rem); line-height: va= r(--gm3-tooltip-plain-supporting-text-line-height,1rem); text-align: center= ; font-variation-settings: var(--gm3-tooltip-plain-supporting-text-font-var= iation-settings,initial); } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip--multiline .javascriptM= aterialdesignGm3WizTooltipPlain-tooltip__surface { text-align: start; } .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__hidden-label { positio= n: absolute; left: -10000px; top: auto; inline-size: 1px; height: 1px; over= flow: hidden; user-select: none; } .javascriptMaterialdesignGm3WizFormField { font-family: var(--gm3-form-fiel= d-label-text-font,"Google Sans",Roboto,Arial,sans-serif); line-height: var(= --gm3-form-field-label-text-line-height,1.25rem); font-size: var(--gm3-form= -field-label-text-size,1rem); font-weight: var(--gm3-form-field-label-text-= weight,inherit); letter-spacing: var(--gm3-form-field-label-text-tracking,.= 015625em); } .javascriptMaterialdesignGm3WizFormField--form-field { align-items: center;= color: var(--gm3-form-field-label-text-color,#1f1f1f); cursor: pointer; di= splay: inline-flex; gap: var(--gm3-form-field-control-label-space,8px); ver= tical-align: middle; } .javascriptMaterialdesignGm3WizFormField--form-field[hidden] { display: non= e; } .javascriptMaterialdesignGm3WizFormField--label { color: var(--gm3-form-fie= ld-label-text-color,#1f1f1f); font-family: var(--gm3-form-field-label-text-= font,"Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-form-fiel= d-label-text-size,1rem); letter-spacing: var(--gm3-form-field-label-text-tr= acking,.015625em); line-height: var(--gm3-form-field-label-text-line-height= ,1.25rem); font-weight: var(--gm3-form-field-label-text-weight,inherit); ma= rgin-inline: 0px auto; order: 0; } .javascriptMaterialdesignGm3WizFormField--align-end .javascriptMaterialdesi= gnGm3WizFormField--label { margin-inline: auto 0px; order: -1; } .javascriptMaterialdesignGm3WizFormField--space-between { justify-content: = space-between; } .javascriptMaterialdesignGm3WizFormField--space-between .javascriptMaterial= designGm3WizFormField--label { margin: 0px; } .javascriptMaterialdesignGm3WizCheckboxOldTokens { --upgradeable-gm3-checkb= ox-label-text-weight: var(--gm3-checkbox-label-text-weight,inherit); } .javascriptMaterialdesignGm3WizCheckbox-checkbox { align-items: center; box= -sizing: content-box; cursor: pointer; display: inline-flex; flex-grow: uns= et; flex-basis: unset; height: var(--gm3-checkbox-state-layer-size,40px); j= ustify-content: center; line-height: 0; padding: 0px; position: relative; v= ertical-align: bottom; white-space: nowrap; width: var(--gm3-checkbox-state= -layer-size,40px); z-index: 0; flex-shrink: 0; --sbadab: var(--gm3-checkbox= -unselected-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f)= ); --hSHBee: var(--gm3-checkbox-unselected-hover-state-layer-opacity,0.08);= --F1tVH: var(--gm3-checkbox-unselected-pressed-state-layer-color,var(--gm3= -sys-color-primary,#0b57d0)); --kDWEsd: var(--gm3-checkbox-unselected-press= ed-state-layer-opacity,0.1); --QOcx9e: 50%; --vRgHIb: 50%; --xg9FB: 50%; --= Pk3PIb: 50%; --jF0a9c: var(--gm3-checkbox-focus-indicator-color,var(--gm3-s= ys-color-secondary,#00639b)); --hK0TOb: var(--gm3-checkbox-focus-indicator-= outline-offset,2px); --SGGi: var(--gm3-checkbox-focus-indicator-thickness,3= px); --vTiv8c: 50%; --UtHrue: 50%; --uHecC: 50%; --C8LWjb: 50%; } .javascriptMaterialdesignGm3WizCheckbox-checkbox[hidden] { display: none; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--disabled { cursor: defaul= t; pointer-events: none; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--selected { --sbadab: var(= --gm3-checkbox-selected-hover-state-layer-color,var(--gm3-sys-color-primary= ,#0b57d0)); --hSHBee: var(--gm3-checkbox-selected-hover-state-layer-opacity= ,0.08); --F1tVH: var(--gm3-checkbox-selected-pressed-state-layer-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-checkbox-selected= -pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled ~= .javascriptMaterialdesignGm3WizCheckbox-checkbox__ripple { --hSHBee: 0; --= kDWEsd: 0; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__ripple { z-index: -1; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:focus-visi= ble ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__focusring { --H6apy= e: block; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--touch { margin: 4px; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--touch .javascriptMaterial= designGm3WizCheckbox-checkbox__native-control { height: max(var(--gm3-check= box-touch-target-size,48px),var(--gm3-checkbox-state-layer-size,40px)); lef= t: unset; right: unset; top: unset; width: max(var(--gm3-checkbox-touch-tar= get-size,48px),var(--gm3-checkbox-state-layer-size,40px)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control { cursor: = inherit; height: var(--gm3-checkbox-state-layer-size,40px); left: 0px; marg= in: 0px; opacity: 0; padding: 0px; position: absolute; right: 0px; top: 0px= ; width: var(--gm3-checkbox-state-layer-size,40px); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled {= cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { align-items:= center; background-color: transparent; border: var(--gm3-checkbox-unselect= ed-outline-width,2px) solid currentColor; box-sizing: border-box; display: = inline-flex; justify-content: center; left: unset; pointer-events: none; po= sition: absolute; top: unset; border-radius: var(--gm3-checkbox-container-s= hape,2px); height: var(--gm3-checkbox-container-size,18px); width: var(--gm= 3-checkbox-container-size,18px); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark { inset: 0px; b= ox-sizing: border-box; opacity: 1; padding: 7%; position: absolute; width: = 100%; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-check= ed=3D"mixed"] ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__backgroun= d .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark { opacity: 0;= transform: rotate(45deg); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path { stroke-d= asharray: 29.7833; stroke-dashoffset: 29.7833; stroke-width: 4px; stroke: c= urrentcolor; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMat= erialdesignGm3WizCheckbox-checkbox__checkmark-path { stroke-dashoffset: 0; = } .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { border-style:= solid; border-width: 1px; height: 0px; margin-inline: 15%; opacity: 0; tra= nsform: scaleX(0) rotate(0deg); width: 100%; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-check= ed=3D"mixed"] ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__backgroun= d .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { opacity: 1;= transform: scaleX(1) rotate(0deg); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMat= erialdesignGm3WizCheckbox-checkbox__checkmark { color: var(--gm3-checkbox-s= elected-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMat= erialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: var(--gm3= -checkbox-selected-icon-color,var(--gm3-sys-color-on-primary,#fff)); border= -color: var(--gm3-checkbox-selected-icon-color,var(--gm3-sys-color-on-prima= ry,#fff)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover ~ .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMater= ialdesignGm3WizCheckbox-checkbox__checkmark { color: var(--gm3-checkbox-sel= ected-hover-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover ~ .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMater= ialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: var(--gm3-c= heckbox-selected-hover-icon-color,var(--gm3-sys-color-on-primary,#fff)); bo= rder-color: var(--gm3-checkbox-selected-hover-icon-color,var(--gm3-sys-colo= r-on-primary,#fff)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active ~ .= javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMate= rialdesignGm3WizCheckbox-checkbox__checkmark { color: var(--gm3-checkbox-se= lected-pressed-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active ~ .= javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMate= rialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: var(--gm3-= checkbox-selected-pressed-icon-color,var(--gm3-sys-color-on-primary,#fff));= border-color: var(--gm3-checkbox-selected-pressed-icon-color,var(--gm3-sys= -color-on-primary,#fff)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled = ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptM= aterialdesignGm3WizCheckbox-checkbox__checkmark { color: buttontext; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled = ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptM= aterialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: buttont= ext; border-color: buttontext; } } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled ~= .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMa= terialdesignGm3WizCheckbox-checkbox__checkmark { color: var(--gm3-checkbox-= selected-disabled-icon-color,var(--gm3-sys-color-surface,#fff)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled= ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascript= MaterialdesignGm3WizCheckbox-checkbox__checkmark { color: buttonface; } } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled ~= .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMa= terialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: var(--gm= 3-checkbox-selected-disabled-icon-color,var(--gm3-sys-color-surface,#fff));= border-color: var(--gm3-checkbox-selected-disabled-icon-color,var(--gm3-sy= s-color-surface,#fff)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled= ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascript= MaterialdesignGm3WizCheckbox-checkbox__mixedmark { background-color: button= face; border-color: buttonface; } } .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { border-color= : var(--gm3-checkbox-unselected-outline-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background, .javascriptMa= terialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=3D"mixed"]= ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { backgroun= d-color: var(--gm3-checkbox-selected-container-color,var(--gm3-sys-color-pr= imary,#0b57d0)); border-color: var(--gm3-checkbox-selected-container-color,= var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover ~ .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__background { border-color: = var(--gm3-checkbox-unselected-hover-outline-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); border-width: var(--gm3-checkbox-unselected-hover-outline-= width,2px); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:ho= ver ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background, .javasc= riptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=3D"m= ixed"]:hover ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background= { background-color: var(--gm3-checkbox-selected-hover-container-color,var(= --gm3-sys-color-primary,#0b57d0)); border-color: var(--gm3-checkbox-selecte= d-hover-container-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active ~ .= javascriptMaterialdesignGm3WizCheckbox-checkbox__background { border-color:= var(--gm3-checkbox-unselected-pressed-outline-color,var(--gm3-sys-color-on= -surface,#1f1f1f)); border-width: var(--gm3-checkbox-unselected-pressed-out= line-width,2px); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:ac= tive ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background, .javas= criptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=3D"= mixed"]:active ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__backgrou= nd { background-color: var(--gm3-checkbox-selected-pressed-container-color,= var(--gm3-sys-color-primary,#0b57d0)); border-color: var(--gm3-checkbox-sel= ected-pressed-container-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled ~= .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { border-colo= r: var(--gm3-checkbox-unselected-disabled-outline-color,var(--gm3-sys-color= -on-surface,#1f1f1f)); opacity: var(--gm3-checkbox-unselected-disabled-cont= ainer-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled= ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { border-co= lor: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:di= sabled ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background, .jav= ascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked= =3D"mixed"]:disabled ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__ba= ckground { background-color: var(--gm3-checkbox-selected-disabled-container= -color,var(--gm3-sys-color-on-surface,#1f1f1f)); border-color: transparent;= opacity: var(--gm3-checkbox-selected-disabled-container-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:= disabled ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background, .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked= =3D"mixed"]:disabled ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__ba= ckground { background-color: graytext; border-color: graytext; opacity: 1; = } } .javascriptMaterialdesignGm3WizCheckbox-checkbox__form-field { --gm3-form-f= ield-control-label-space: var(--gm3-checkbox-control-label-space,8px); --gm= 3-form-field-label-text-color: var(--gm3-checkbox-label-text-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); --gm3-form-field-label-text-font: var(--g= m3-checkbox-label-text-font,"Google Sans Flex","Google Sans Text","Google S= ans",Roboto,Arial,sans-serif); --gm3-form-field-label-text-size: var(--gm3-= checkbox-label-text-size,1rem); --gm3-form-field-label-text-tracking: var(-= -gm3-checkbox-label-text-tracking,0.015625em); --gm3-form-field-label-text-= weight: var(--upgradeable-gm3-checkbox-label-text-weight,var(--gm3-checkbox= -label-text-weight,400)); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__form-field:has(.javascrip= tMaterialdesignGm3WizCheckbox-checkbox--disabled) { cursor: default; } .javascriptMaterialdesignGm3WizCheckbox-checkbox__form-field:has(.javascrip= tMaterialdesignGm3WizCheckbox-checkbox--no-touch) { --gm3-form-field-contro= l-label-space: calc(var(--gm3-checkbox-control-label-space, 8px) + 4px); } .javascriptMaterialdesignGm3WizCheckbox-checkbox__label { cursor: inherit; = font-variation-settings: var(--gm3-checkbox-label-text-font-variation-setti= ngs,initial); } .javascriptMaterialdesignGm3WizCheckbox-checkbox--disabled ~ .javascriptMat= erialdesignGm3WizCheckbox-checkbox__label { --gm3-form-field-label-text-col= or: var(--gm3-checkbox-disabled-label-text-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); } @keyframes checkbox-unchecked-checked-checkmark-path {=20 0%, 50% { stroke-dashoffset: 29.7833; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes checkbox-unchecked-indeterminate-mixedmark {=20 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes checkbox-checked-unchecked-checkmark-path {=20 0% { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; s= troke-dashoffset: 0; } 100% { opacity: 0; stroke-dashoffset: -29.7833; } } @keyframes checkbox-checked-indeterminate-checkmark {=20 0% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 1; t= ransform: rotate(0deg); } 100% { opacity: 0; transform: rotate(45deg); } } @keyframes checkbox-indeterminate-checked-checkmark {=20 0% { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); opacity: 0; = transform: rotate(45deg); } 100% { opacity: 1; transform: rotate(1turn); } } @keyframes checkbox-checked-indeterminate-mixedmark {=20 0% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 0; t= ransform: rotate(-45deg); } 100% { opacity: 1; transform: rotate(0deg); } } @keyframes checkbox-indeterminate-checked-mixedmark {=20 0% { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); opacity: 1; = transform: rotate(0deg); } 100% { opacity: 0; transform: rotate(315deg); } } @keyframes checkbox-indeterminate-unchecked-mixedmark {=20 0% { animation-timing-function: linear; opacity: 1; transform: scaleX(1);= } 32.8%, 100% { opacity: 0; transform: scaleX(0); } } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeter= minate, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unch= ecked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate= -unchecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { = animation-duration: 0.18s; animation-timing-function: linear; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path { animation:= 0.18s linear 0s 1 normal none running checkbox-unchecked-checked-checkmark= -path; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indetermin= ate .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { animation= : 90ms linear 0s 1 normal none running checkbox-unchecked-indeterminate-mix= edmark; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked .j= avascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path { animation:= 90ms linear 0s 1 normal none running checkbox-checked-unchecked-checkmark-= path; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-indeterminat= e .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark { animation: = 90ms linear 0s 1 normal none running checkbox-checked-indeterminate-checkma= rk; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-indeterminat= e .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { animation: = 90ms linear 0s 1 normal none running checkbox-checked-indeterminate-mixedma= rk; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-checke= d .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark { animation: = 0.5s linear 0s 1 normal none running checkbox-indeterminate-checked-checkma= rk; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-checke= d .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { animation: = 0.5s linear 0s 1 normal none running checkbox-indeterminate-checked-mixedma= rk; } .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchec= ked .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark { animation= : 0.3s linear 0s 1 normal none running checkbox-indeterminate-unchecked-mix= edmark; } @keyframes checkbox-fade-in-background {=20 0% { border-color: var(--gm3-checkbox-unselected-outline-color,var(--gm3-= sys-color-on-surface-variant,#444746)); background-color: transparent; } 50% { border-color: var(--gm3-checkbox-selected-container-color,var(--gm3= -sys-color-primary,#0b57d0)); background-color: var(--gm3-checkbox-selected= -container-color,var(--gm3-sys-color-primary,#0b57d0)); } } @keyframes checkbox-fade-out-background {=20 0%, 80% { border-color: var(--gm3-checkbox-selected-container-color,var(-= -gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-checkbox-sele= cted-container-color,var(--gm3-sys-color-primary,#0b57d0)); } 100% { border-color: var(--gm3-checkbox-unselected-outline-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); background-color: transparent; } } @keyframes checkbox-fade-in-background-hover {=20 0% { border-color: var(--gm3-checkbox-unselected-hover-outline-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); background-color: transparent; } 50% { border-color: var(--gm3-checkbox-selected-hover-container-color,var= (--gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-checkbox-se= lected-hover-container-color,var(--gm3-sys-color-primary,#0b57d0)); } } @keyframes checkbox-fade-out-background-hover {=20 0%, 80% { border-color: var(--gm3-checkbox-selected-hover-container-color= ,var(--gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-checkbo= x-selected-hover-container-color,var(--gm3-sys-color-primary,#0b57d0)); } 100% { border-color: var(--gm3-checkbox-unselected-hover-outline-color,va= r(--gm3-sys-color-on-surface,#1f1f1f)); background-color: transparent; } } @keyframes checkbox-fade-in-background-active {=20 0% { border-color: var(--gm3-checkbox-unselected-pressed-outline-color,va= r(--gm3-sys-color-on-surface,#1f1f1f)); background-color: transparent; } 50% { border-color: var(--gm3-checkbox-selected-pressed-container-color,v= ar(--gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-checkbox-= selected-pressed-container-color,var(--gm3-sys-color-primary,#0b57d0)); } } @keyframes checkbox-fade-out-background-active {=20 0%, 80% { border-color: var(--gm3-checkbox-selected-pressed-container-col= or,var(--gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-check= box-selected-pressed-container-color,var(--gm3-sys-color-primary,#0b57d0));= } 100% { border-color: var(--gm3-checkbox-unselected-pressed-outline-color,= var(--gm3-sys-color-on-surface,#1f1f1f)); background-color: transparent; } } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeter= minate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { animation-na= me: checkbox-fade-in-background; } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unc= hecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control ~ = .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { animation-na= me: checkbox-fade-out-background; } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeter= minate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:ho= ver ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { animat= ion-name: checkbox-fade-in-background-hover; } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unc= hecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:ho= ver ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { animat= ion-name: checkbox-fade-out-background-hover; } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeter= minate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:ac= tive ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { anima= tion-name: checkbox-fade-in-background-active; } :is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecke= d, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unc= hecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:ac= tive ~ .javascriptMaterialdesignGm3WizCheckbox-checkbox__background { anima= tion-name: checkbox-fade-out-background-active; } .mdc-touch-target-wrapper { display: inline; } .javascriptMaterialdesignGm3WizRadioOldTokens { --upgradeable-gm3-radio-lab= el-text-weight: var(--gm3-radio-label-text-weight,inherit); } .javascriptMaterialdesignGm3WizRadio-radio { display: inline-block; positio= n: relative; flex: 0 0 auto; box-sizing: content-box; width: var(--gm3-radi= o-icon-size,20px); height: var(--gm3-radio-icon-size,20px); cursor: pointer= ; padding: calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-= icon-size, 20px))/2); --sbadab: var(--gm3-radio-unselected-hover-state-laye= r-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --hSHBee: var(--gm3-radio= -unselected-hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-radio-unsel= ected-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --kD= WEsd: var(--gm3-radio-unselected-pressed-state-layer-opacity,0.1); --QOcx9e= : 50%; --vRgHIb: 50%; --xg9FB: 50%; --Pk3PIb: 50%; --jF0a9c: var(--gm3-radi= o-focus-ring-color,var(--gm3-sys-color-secondary,#00639b)); --hK0TOb: var(-= -gm3-radio-focus-ring-offset,2px); --vTiv8c: 50%; --UtHrue: 50%; --uHecC: 5= 0%; --C8LWjb: 50%; } .javascriptMaterialdesignGm3WizRadio-radio--touch { margin: 4px; } .javascriptMaterialdesignGm3WizRadio-radio__background { display: inline-bl= ock; pointer-events: none; position: relative; box-sizing: border-box; widt= h: var(--gm3-radio-icon-size,20px); height: var(--gm3-radio-icon-size,20px)= ; z-index: 1; } .javascriptMaterialdesignGm3WizRadio-radio__background::before { border-rad= ius: 50%; content: ""; height: var(--gm3-radio-state-layer-size,40px); left= : calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-icon-size= , 20px))*-1/2); opacity: 0; pointer-events: none; position: absolute; top: = calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-icon-size, = 20px))*-1/2); transform: scale(0); transition: opacity 0.12s cubic-bezier(0= .4, 0, 0.6, 1), transform 0.12s cubic-bezier(0.4, 0, 0.6, 1); width: var(--= gm3-radio-state-layer-size,40px); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:focus + .javascr= iptMaterialdesignGm3WizRadio-radio__background::before { opacity: 0.12; tra= nsform: scale(1); transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), tra= nsform 0.12s cubic-bezier(0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizRadio-radio__outer-circle { border-radius: 5= 0%; border-style: solid; border-width: 2px; box-sizing: border-box; height:= 100%; left: 0px; position: absolute; top: 0px; transition: border-color 0.= 12s cubic-bezier(0.4, 0, 0.6, 1); width: 100%; } .javascriptMaterialdesignGm3WizRadio-radio__inner-circle { border-radius: 5= 0%; border-style: solid; border-width: calc(var(--gm3-radio-icon-size, 20px= )/2); box-sizing: border-box; height: 100%; left: 0px; position: absolute; = top: 0px; transform: scale(0); transition: transform 0.12s cubic-bezier(0.4= , 0, 0.6, 1), border-color 0.12s cubic-bezier(0.4, 0, 0.6, 1); width: 100%;= } .javascriptMaterialdesignGm3WizRadio-radio__native-control { cursor: inheri= t; margin: 0px; opacity: 0; padding: 0px; position: absolute; z-index: 1; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:checked ~ .javas= criptMaterialdesignGm3WizRadio-radio__ripple { --sbadab: var(--gm3-radio-se= lected-hover-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --hSH= Bee: var(--gm3-radio-selected-hover-state-layer-opacity,0.08); --F1tVH: var= (--gm3-radio-selected-pressed-state-layer-color,var(--gm3-sys-color-on-surf= ace,#1f1f1f)); --kDWEsd: var(--gm3-radio-selected-pressed-state-layer-opaci= ty,0.1); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :di= sabled) + .javascriptMaterialdesignGm3WizRadio-radio__background { transiti= on: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), transform 0.12s cubic-bezier(= 0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :di= sabled) + .javascriptMaterialdesignGm3WizRadio-radio__background .javascrip= tMaterialdesignGm3WizRadio-radio__outer-circle { transition: border-color 0= .12s cubic-bezier(0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:checked + .javas= criptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignG= m3WizRadio-radio__inner-circle { transform: scale(0.5); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :di= sabled) + .javascriptMaterialdesignGm3WizRadio-radio__background .javascrip= tMaterialdesignGm3WizRadio-radio__inner-circle { transition: transform 0.12= s cubic-bezier(0, 0, 0.2, 1), border-color 0.12s cubic-bezier(0, 0, 0.2, 1)= ; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:che= cked) + .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptM= aterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm3-radi= o-unselected-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:che= cked):hover + .javascriptMaterialdesignGm3WizRadio-radio__background .javas= criptMaterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm= 3-radio-unselected-hover-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)= ); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:che= cked):focus + .javascriptMaterialdesignGm3WizRadio-radio__background .javas= criptMaterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm= 3-radio-unselected-focus-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)= ); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:che= cked):active + .javascriptMaterialdesignGm3WizRadio-radio__background .java= scriptMaterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--g= m3-radio-unselected-pressed-icon-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked = + .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMateria= ldesignGm3WizRadio-radio__outer-circle { border-color: var(--gm3-radio-sele= cted-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled + .javas= criptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignG= m3WizRadio-radio__inner-circle { border-color: var(--gm3-radio-selected-ico= n-color,var(--gm3-sys-color-primary,#0b57d0)); background-color: var(--gm3-= radio-selected-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:= hover + .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptM= aterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm3-radi= o-selected-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:hover + = .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMateriald= esignGm3WizRadio-radio__inner-circle { border-color: var(--gm3-radio-select= ed-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); background-color= : var(--gm3-radio-selected-hover-icon-color,var(--gm3-sys-color-primary,#0b= 57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:= focus + .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptM= aterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm3-radi= o-selected-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:focus + = .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMateriald= esignGm3WizRadio-radio__inner-circle { border-color: var(--gm3-radio-select= ed-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); background-color= : var(--gm3-radio-selected-focus-icon-color,var(--gm3-sys-color-primary,#0b= 57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:= active + .javascriptMaterialdesignGm3WizRadio-radio__background .javascript= MaterialdesignGm3WizRadio-radio__outer-circle { border-color: var(--gm3-rad= io-selected-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:active += .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterial= designGm3WizRadio-radio__inner-circle { border-color: var(--gm3-radio-selec= ted-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); background-co= lor: var(--gm3-radio-selected-pressed-icon-color,var(--gm3-sys-color-primar= y,#0b57d0)); } .javascriptMaterialdesignGm3WizRadio-radio[hidden] { display: none; } .javascriptMaterialdesignGm3WizRadio-radio--disabled { --hSHBee: 0; --kDWEs= d: 0; cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled + .java= scriptMaterialdesignGm3WizRadio-radio__background, [aria-disabled=3D"true"]= .javascriptMaterialdesignGm3WizRadio-radio__native-control + .javascriptMa= terialdesignGm3WizRadio-radio__background { cursor: default; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled + .java= scriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesign= Gm3WizRadio-radio__inner-circle, [aria-disabled=3D"true"] .javascriptMateri= aldesignGm3WizRadio-radio__native-control + .javascriptMaterialdesignGm3Wiz= Radio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-c= ircle { border-color: var(--gm3-radio-disabled-selected-icon-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); background-color: var(--gm3-radio-disable= d-selected-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: va= r(--gm3-radio-disabled-selected-icon-opacity,.38); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled:not(:ch= ecked) + .javascriptMaterialdesignGm3WizRadio-radio__background .javascript= MaterialdesignGm3WizRadio-radio__outer-circle, [aria-disabled=3D"true"] .ja= vascriptMaterialdesignGm3WizRadio-radio__native-control:not(:checked) + .ja= vascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesi= gnGm3WizRadio-radio__outer-circle { border-color: var(--gm3-radio-disabled-= unselected-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: va= r(--gm3-radio-disabled-unselected-icon-opacity,.38); } .javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled:checked= + .javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMateri= aldesignGm3WizRadio-radio__outer-circle, [aria-disabled=3D"true"] .javascri= ptMaterialdesignGm3WizRadio-radio__native-control:checked + .javascriptMate= rialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadi= o-radio__outer-circle { border-color: var(--gm3-radio-disabled-selected-ico= n-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--gm3-radio-= disabled-selected-icon-opacity,.38); } .javascriptMaterialdesignGm3WizRadio-radio--touch .javascriptMaterialdesign= Gm3WizRadio-radio__native-control { width: 48px; height: 48px; left: -4px; = top: -4px; } .javascriptMaterialdesignGm3WizRadio-radio--no-touch .javascriptMaterialdes= ignGm3WizRadio-radio__native-control { width: var(--gm3-radio-state-layer-s= ize,40px); height: var(--gm3-radio-state-layer-size,40px); left: 0px; top: = 0px; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:focus-visible ~ = .javascriptMaterialdesignGm3WizRadio-radio__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizRadio-radio__background::before { background= -color: transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizRadio-radio--disabled .javascriptMateriald= esignGm3WizRadio-radio__native-control:is(:disabled, :disabled:checked, :di= sabled:not(:checked)) + .javascriptMaterialdesignGm3WizRadio-radio__backgro= und .javascriptMaterialdesignGm3WizRadio-radio__outer-circle { border-color= : graytext; opacity: 1; } .javascriptMaterialdesignGm3WizRadio-radio--disabled .javascriptMateriald= esignGm3WizRadio-radio__native-control:is(:disabled, :disabled:checked, :di= sabled:not(:checked)) + .javascriptMaterialdesignGm3WizRadio-radio__backgro= und .javascriptMaterialdesignGm3WizRadio-radio__inner-circle { border-color= : graytext; background-color: graytext; opacity: 1; } .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled + .jav= ascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesig= nGm3WizRadio-radio__inner-circle { background-color: canvastext; opacity: 1= ; } } .javascriptMaterialdesignGm3WizRadio-radio__form-field { --gm3-form-field-c= ontrol-label-space: var(--gm3-radio-control-label-space,8px); --gm3-form-fi= eld-label-text-color: var(--gm3-radio-label-text-color,var(--gm3-sys-color-= on-surface,#1f1f1f)); --gm3-form-field-label-text-font: var(--gm3-radio-lab= el-text-font,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Ari= al,sans-serif); --gm3-form-field-label-text-size: var(--gm3-radio-label-tex= t-size,1rem); --gm3-form-field-label-text-tracking: var(--gm3-radio-label-t= ext-tracking,0.2px); --gm3-form-field-label-text-weight: var(--upgradeable-= gm3-radio-label-text-weight,var(--gm3-radio-label-text-weight,400)); } .javascriptMaterialdesignGm3WizRadio-radio__form-field:has(.javascriptMater= ialdesignGm3WizRadio-radio--disabled) { cursor: default; } .javascriptMaterialdesignGm3WizRadio-radio__form-field:has(.javascriptMater= ialdesignGm3WizRadio-radio--no-touch) { --gm3-form-field-control-label-spac= e: calc(var(--gm3-radio-control-label-space, 8px) + 4px); } .javascriptMaterialdesignGm3WizRadio-radio__label { cursor: inherit; font-v= ariation-settings: var(--gm3-radio-label-text-font-variation-settings,initi= al); } .javascriptMaterialdesignGm3WizRadio-radio--disabled ~ .javascriptMateriald= esignGm3WizRadio-radio__label { opacity: var(--gm3-radio-disabled-label-tex= t-opacity,1); --gm3-form-field-label-text-color: var(--gm3-radio-disabled-l= abel-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextfieldIcon__icon { align-self: center; cu= rsor: pointer; display: flex; } .javascriptMaterialdesignGm3WizTextfieldIcon__icon:not([tabindex]), .javasc= riptMaterialdesignGm3WizTextfieldIcon__icon[tabindex=3D"-1"] { cursor: defa= ult; pointer-events: none; } .javascriptMaterialdesignGm3WizTextfieldIcon__icon svg { display: block; } .javascriptMaterialdesignGm3WizTextfieldIcon__icon.javascriptMaterialdesign= Gm3WizTextfieldIcon__icon--leading { color: var(--gm3-text-field-icon-leadi= ng-icon-color,unset); margin-inline-end: var(--gm3-text-field-icon-with-lea= ding-icon-icon-label-text-space,unset); order: var(--gm3-text-field-icon-le= ading-icon-order,unset); font-size: var(--gm3-text-field-icon-leading-icon-= size,unset); } .javascriptMaterialdesignGm3WizTextfieldIcon__icon--leading svg { height: v= ar(--gm3-text-field-icon-leading-icon-size,unset); width: var(--gm3-text-fi= eld-icon-leading-icon-size,unset); } .javascriptMaterialdesignGm3WizTextfieldIcon__icon.javascriptMaterialdesign= Gm3WizTextfieldIcon__icon--trailing { color: var(--gm3-text-field-icon-trai= ling-icon-color,unset); order: var(--gm3-text-field-icon-trailing-icon-orde= r,unset); font-size: var(--gm3-text-field-icon-trailing-icon-size,unset); } .javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing svg { height: = var(--gm3-text-field-icon-trailing-icon-size,unset); width: var(--gm3-text-= field-icon-trailing-icon-size,unset); } .javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing { padding: cal= c((48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2); margin-= inline: min(var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-sp= ace,unset),var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-spa= ce,unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size,unset))/2)= min(var(--gm3-text-field-icon-with-trailing-icon-trailing-space,unset),var= (--gm3-text-field-icon-with-trailing-icon-trailing-space,unset) - (48px - v= ar(--gm3-text-field-icon-trailing-icon-size,unset))/2); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing:= is(i) { margin-inline: min(var(--gm3-text-field-icon-with-trailing-icon-tra= iling-space,unset),var(--gm3-text-field-icon-with-trailing-icon-trailing-sp= ace,unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size,unset))/2= ) min(var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space,un= set),var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space,uns= et) - (48px - var(--gm3-text-field-icon-trailing-icon-size,unset))/2); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextfieldIcon__icon--leading:i= s(i) { margin-inline-start: var(--gm3-text-field-icon-with-leading-icon-ico= n-label-text-space,unset); margin-inline-end: unset; } .materialdesignWizIconSvgsSvgIcon { fill: currentcolor; flex-shrink: 0; } [dir=3D"rtl"] .materialdesignWizIconSvgsRtlIcon { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizBadgeBadge { position: relative; background-= color: var(--KoO2Cf,var(--gm3-sys-color-error,#b3261e)); border-end-end-rad= ius: var(--kkVidc,9999px); border-end-start-radius: var(--PlbfGb,9999px); b= order-start-end-radius: var(--OvbwDd,9999px); border-start-start-radius: va= r(--iXG50e,9999px); height: var(--DfC58,6px); width: var(--DfC58,6px); } .javascriptMaterialdesignGm3WizBadgeBadgeAnchored { position: absolute; ins= et-block-start: 0px; inset-inline-end: 0px; } .javascriptMaterialdesignGm3WizBadgeBadgeLargeAndAnchored { inset-block: au= to calc(50% - 2px); inset-inline: 50% auto; } .javascriptMaterialdesignGm3WizBadgeBadgeLarge { align-items: center; displ= ay: flex; justify-content: center; width: auto; background-color: var(--M4R= 9Bb,var(--gm3-sys-color-error,#b3261e)); border-end-end-radius: var(--Fpgz9= e,9999px); border-end-start-radius: var(--UwFqdb,9999px); border-start-end-= radius: var(--wBNXub,9999px); border-start-start-radius: var(--VvGUcf,9999p= x); height: var(--KyonUb,16px); min-width: var(--KyonUb,16px); } .javascriptMaterialdesignGm3WizBadgeBadgeValue { margin: 0px 4px; color: va= r(--xTmMle,var(--gm3-sys-color-on-error,#fff)); font-family: var(--amGeY,"G= oogle Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif);= font-size: var(--Yv6tNb,.6875rem); font-weight: var(--HNIrpe,500); letter-= spacing: var(--VnVvie,.00625rem); line-height: var(--kzN8t,1rem); font-vari= ation-settings: var(--JrKOG,initial); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizBadgeBadge { background-color: buttontext;= } .javascriptMaterialdesignGm3WizBadgeBadgeLarge { background-color: button= face; border: 1px solid buttontext; box-sizing: border-box; } } .javascriptMaterialdesignGm3WizMenu-menu { background-color: var(--gm3-menu= -container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); border-ra= dius: var(--gm3-menu-container-shape,4px); padding-block: 0px; --gm3-menu-s= urface-container-elevation: var(--gm3-menu-container-elevation,2); --gm3-me= nu-surface-container-shadow-color: var(--gm3-menu-container-shadow-color,va= r(--gm3-sys-color-shadow,#000)); --gm3-menu-surface-container-transform-tra= nsition-duration: var(--gm3-menu-container-transform-transition-duration,0.= 12s); --gm3-menu-surface-container-transform-transition-easing: var(--gm3-m= enu-container-transform-transition-easing,cubic-bezier(0,0,0.2,1)); --gm3-m= enu-surface-container-closed-transform: var(--gm3-menu-container-closed-tra= nsform,scale(1)); --gm3-menu-surface-container-animating-open-transform: va= r(--gm3-menu-container-animating-open-transform,scale(0.8)); --gm3-menu-sur= face-container-open-transform: var(--gm3-menu-container-open-transform,scal= e(1)); --gm3-list-list-item-container-color: var(--gm3-menu-list-item-conta= iner-color,transparent); --gm3-list-list-item-container-shape: var(--gm3-me= nu-list-item-container-shape,0px); --gm3-list-list-item-content-gap: var(--= gm3-menu-list-item-content-gap,16px); --gm3-list-list-item-disabled-label-t= ext-color: var(--gm3-menu-list-item-disabled-label-text-color,var(--gm3-sys= -color-on-surface,#1f1f1f)); --gm3-list-list-item-disabled-leading-icon-col= or: var(--gm3-menu-list-item-with-leading-icon-disabled-leading-icon-color,= var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-disabled-lea= ding-icon-opacity: var(--gm3-menu-list-item-with-leading-icon-disabled-lead= ing-icon-opacity,0.38); --gm3-list-list-item-hover-leading-icon-icon-color:= var(--gm3-menu-list-item-with-leading-icon-hover-icon-color,var(--gm3-sys-= color-on-surface-variant,#444746)); --gm3-list-list-item-label-text-color: = var(--gm3-menu-list-item-label-text-color,var(--gm3-sys-color-on-surface,#1= f1f1f)); --gm3-list-list-item-label-text-font: var(--gm3-menu-list-item-lab= el-text-font,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Ari= al,sans-serif); --gm3-list-list-item-label-text-font-variation-settings: va= r(--gm3-menu-list-item-label-text-font-variation-settings,initial); --gm3-l= ist-list-item-label-text-line-height: var(--gm3-menu-list-item-label-text-l= ine-height,1.25rem); --gm3-list-list-item-label-text-size: var(--gm3-menu-l= ist-item-label-text-size,0.875rem); --gm3-list-list-item-label-text-trackin= g: var(--gm3-menu-list-item-label-text-tracking,0rem); --gm3-list-list-item= -label-text-weight: var(--gm3-menu-list-item-label-text-weight,500); --gm3-= list-list-item-leading-icon-color: var(--gm3-menu-menu-list-item-with-leadi= ng-icon-icon-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --= gm3-list-list-item-leading-icon-size: var(--gm3-menu-list-item-with-leading= -icon-leading-icon-size,24px); --gm3-list-list-item-leading-space: var(--gm= 3-menu-list-item-leading-space,12px); --gm3-list-list-item-selected-contain= er-color: var(--gm3-menu-list-item-selected-container-color,var(--gm3-sys-c= olor-surface-variant,#e1e3e1)); --gm3-list-list-item-selected-label-text-we= ight: var(--gm3-menu-list-item-selected-label-text-weight,500); --gm3-list-= list-item-selected-trailing-icon-color: var(--gm3-menu-list-item-selected-w= ith-leading-icon-trailing-icon-color,var(--gm3-sys-color-on-secondary-conta= iner,#001d35)); --gm3-list-list-item-trailing-icon-color: var(--gm3-menu-ca= scading-menu-indicator-icon-color,var(--gm3-sys-color-on-surface-variant,#4= 44746)); --gm3-list-list-item-trailing-icon-size: var(--gm3-menu-cascading-= menu-indicator-icon-size,24px); --gm3-list-list-item-trailing-space: var(--= gm3-menu-list-item-trailing-space,12px); --gm3-list-menu-item-bolded-substr= ing-font-weight: var(--gm3-menu-menu-item-bolded-substring-font-weight,bold= ); } .javascriptMaterialdesignGm3WizMenu-menu--active { border-radius: var(--gm3= -menu-active-container-shape,4px); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizListShared-list-item { border-radius: var(--gm3-menu-list-item-contain= er-shape,0); margin-block: var(--gm3-menu-list-item-margin-block,0); } .javascriptMaterialdesignGm3WizMenu-menu-item--first { border-start-start-r= adius: var(--gm3-menu-list-item-first-shape,0); border-start-end-radius: va= r(--gm3-menu-list-item-first-shape,0); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--first.javascriptMaterialdesignGm3WizListShared-list-it= em--focus-visible, :where(.javascriptMaterialdesignGm3WizMenu-menu) .javasc= riptMaterialdesignGm3WizMenu-menu-item--first:focus-visible { border-start-= start-radius: var(--gm3-menu-list-item-first-focus-shape,8px); border-start= -end-radius: var(--gm3-menu-list-item-first-focus-shape,8px); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--first.javascriptMaterialdesignGm3WizListShared-list-it= em--focus-visible .javascriptMaterialdesignGm3WizListShared-list-item__focu= sring, :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterial= designGm3WizMenu-menu-item--first:focus-visible .javascriptMaterialdesignGm= 3WizListShared-list-item__focusring { --QzESQd: var(--gm3-menu-list-item-fi= rst-focus-shape,8px); --cIYKdb: var(--gm3-menu-list-item-first-focus-shape,= 8px); } .javascriptMaterialdesignGm3WizMenu-menu-item--last { border-end-start-radi= us: var(--gm3-menu-list-item-last-shape,0); border-end-end-radius: var(--gm= 3-menu-list-item-last-shape,0); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--last.javascriptMaterialdesignGm3WizListShared-list-ite= m--focus-visible, :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascr= iptMaterialdesignGm3WizMenu-menu-item--last:focus-visible { border-end-star= t-radius: var(--gm3-menu-list-item-last-focus-shape,8px); border-end-end-ra= dius: var(--gm3-menu-list-item-last-focus-shape,8px); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--last.javascriptMaterialdesignGm3WizListShared-list-ite= m--focus-visible .javascriptMaterialdesignGm3WizListShared-list-item__focus= ring, :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMateriald= esignGm3WizMenu-menu-item--last:focus-visible .javascriptMaterialdesignGm3W= izListShared-list-item__focusring { --Oypuue: var(--gm3-menu-list-item-last= -focus-shape,8px); --po6djf: var(--gm3-menu-list-item-last-focus-shape,8px)= ; } .javascriptMaterialdesignGm3WizMenu-menu-item--selected { background-color:= var(--gm3-menu-list-item-selected-container-color,var(--gm3-sys-color-surf= ace-variant,#e1e3e1)); border-radius: var(--gm3-menu-list-item-selected-con= tainer-shape,0); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--selected.javascriptMaterialdesignGm3WizListShared-list= -item--focus-visible, :where(.javascriptMaterialdesignGm3WizMenu-menu) .jav= ascriptMaterialdesignGm3WizMenu-menu-item--selected:focus-visible { border-= radius: var(--gm3-menu-list-item-selected-container-focus-shape,8px); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu-item--selected.javascriptMaterialdesignGm3WizListShared-list= -item--focus-visible .javascriptMaterialdesignGm3WizListShared-list-item__f= ocusring, :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMater= ialdesignGm3WizMenu-menu-item--selected:focus-visible .javascriptMaterialde= signGm3WizListShared-list-item__focusring { --QzESQd: var(--gm3-menu-list-i= tem-selected-container-focus-shape,8px); --cIYKdb: var(--gm3-menu-list-item= -selected-container-focus-shape,8px); --po6djf: var(--gm3-menu-list-item-se= lected-container-focus-shape,8px); --Oypuue: var(--gm3-menu-list-item-selec= ted-container-focus-shape,8px); } .javascriptMaterialdesignGm3WizMenu-menu__group-title + .javascriptMaterial= designGm3WizMenu-menu-item--first:not(.javascriptMaterialdesignGm3WizMenu-m= enu-item--selected) { border-start-start-radius: var(--gm3-menu-list-item-c= ontainer-shape,0); border-start-end-radius: var(--gm3-menu-list-item-contai= ner-shape,0); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu__group-title + .javascriptMaterialdesignGm3WizMenu-menu-item= --first:not(.javascriptMaterialdesignGm3WizMenu-menu-item--selected).javasc= riptMaterialdesignGm3WizListShared-list-item--focus-visible, :where(.javasc= riptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignGm3WizMenu-menu= __group-title + .javascriptMaterialdesignGm3WizMenu-menu-item--first:not(.j= avascriptMaterialdesignGm3WizMenu-menu-item--selected):focus-visible { bord= er-start-start-radius: var(--gm3-menu-list-item-container-focus-shape,8px);= border-start-end-radius: var(--gm3-menu-list-item-container-focus-shape,8p= x); } :where(.javascriptMaterialdesignGm3WizMenu-menu) .javascriptMaterialdesignG= m3WizMenu-menu__group-title + .javascriptMaterialdesignGm3WizMenu-menu-item= --first:not(.javascriptMaterialdesignGm3WizMenu-menu-item--selected).javasc= riptMaterialdesignGm3WizListShared-list-item--focus-visible .javascriptMate= rialdesignGm3WizListShared-list-item__focusring, :where(.javascriptMaterial= designGm3WizMenu-menu) .javascriptMaterialdesignGm3WizMenu-menu__group-titl= e + .javascriptMaterialdesignGm3WizMenu-menu-item--first:not(.javascriptMat= erialdesignGm3WizMenu-menu-item--selected):focus-visible .javascriptMateria= ldesignGm3WizListShared-list-item__focusring { --QzESQd: var(--gm3-menu-lis= t-item-container-focus-shape,8px); --cIYKdb: var(--gm3-menu-list-item-conta= iner-focus-shape,8px); } .javascriptMaterialdesignGm3WizMenu-menu-item__touch { display: var(--gm3-m= enu-list-item-touch-target-display,none); position: absolute; inline-size: = max(48px, 100%); block-size: max(48px, 100% + 2px); right: unset; bottom: u= nset; top: 50%; left: 50%; transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizMenu-menu--show-accelerator-hints .javascrip= tMaterialdesignGm3WizListShared-accelerator-hint { text-decoration: underli= ne; } .javascriptMaterialdesignGm3WizMenu-menu--show-accelerator-hints .javascrip= tMaterialdesignGm3WizListShared-accelerator-parenthetical { display: inline= ; } .javascriptMaterialdesignGm3WizMenu-menu-item__submenu-indicator { color: v= ar(--gm3-menu-cascading-menu-indicator-icon-color,var(--gm3-sys-color-on-su= rface-variant,#444746)); font-size: var(--gm3-menu-cascading-menu-indicator= -icon-size,24px); width: var(--gm3-menu-cascading-menu-indicator-icon-size,= 24px); height: var(--gm3-menu-cascading-menu-indicator-icon-size,24px); } .javascriptMaterialdesignGm3WizMenu-menu__list { line-height: 1; font-size:= 1rem; position: relative; border-radius: inherit; padding: var(--gm3-menu-= list-padding,8px 0); } .javascriptMaterialdesignGm3WizMenu-menu__list::before { position: absolute= ; box-sizing: border-box; inset: 0px; border: 1px solid transparent; border= -radius: inherit; content: ""; pointer-events: none; } .javascriptMaterialdesignGm3WizMenu-menu__list .mdc-elevation-overlay { ins= et: 0px; } .javascriptMaterialdesignGm3WizMenu-menu__item--with-one-line { min-height:= var(--gm3-menu-list-item-container-height,48px); } .javascriptMaterialdesignGm3WizMenu-menu-item__selected-indicator { display= : inline-flex; position: relative; } .javascriptMaterialdesignGm3WizMenu-menu-item__default-icon { display: none= ; visibility: hidden; } .javascriptMaterialdesignGm3WizMenu-menu-item__selected-icon { display: non= e; } .javascriptMaterialdesignGm3WizMenu-menu-item--with-only-default-icon .java= scriptMaterialdesignGm3WizListShared-list-item__start { display: var(--gm3-= menu-list-item-default-icon-display,inline-flex); } .javascriptMaterialdesignGm3WizMenu-menu-item--selected .javascriptMaterial= designGm3WizMenu-menu-item__unselected-icon { display: none; } .javascriptMaterialdesignGm3WizMenu-menu-item--selected .javascriptMaterial= designGm3WizMenu-menu-item__selected-icon { display: inline-flex; } .javascriptMaterialdesignGm3WizMenu-menu-item--selected .javascriptMaterial= designGm3WizMenu-menu-item__default-icon { display: inline-flex; visibility= : visible; } .javascriptMaterialdesignGm3WizMenu-menu-item--selected.javascriptMateriald= esignGm3WizMenu-menu-item--with-only-default-icon .javascriptMaterialdesign= Gm3WizListShared-list-item__start { display: inline-flex; } :where(.javascriptMaterialdesignGm3WizMenu-menu-item--selected).javascriptM= aterialdesignGm3WizListShared-list-item { --gm3-list-list-item-focus-label-= text-color: var(--gm3-menu-list-item-selected-focus-label-text-color,var(--= gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-hover-label-text-c= olor: var(--gm3-menu-list-item-selected-hover-label-text-color,var(--gm3-sy= s-color-on-surface,#1f1f1f)); --gm3-list-list-item-hover-leading-icon-icon-= color: var(--gm3-menu-list-item-selected-hover-leading-icon-color,var(--gm3= -sys-color-on-surface-variant,#444746)); --gm3-list-list-item-hover-trailin= g-icon-icon-color: var(--gm3-menu-list-item-selected-hover-trailing-icon-co= lor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-= label-text-color: var(--gm3-menu-list-item-selected-label-text-color,var(--= gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-leading-icon-color= : var(--gm3-menu-list-item-selected-with-leading-icon-trailing-icon-color,v= ar(--gm3-sys-color-on-secondary-container,#001d35)); --gm3-list-list-item-s= upporting-text-color: var(--gm3-menu-list-item-selected-supporting-text-col= or,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-t= railing-icon-color: var(--gm3-menu-list-item-selected-with-leading-icon-tra= iling-icon-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --gm= 3-list-list-item-trailing-supporting-text-color: var(--gm3-menu-list-item-s= elected-trailing-supporting-text-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); } .javascriptMaterialdesignGm3WizMenu-menu-item--selected::before { position:= absolute; box-sizing: border-box; inset: 0px; border: 3px double transpare= nt; border-radius: inherit; content: ""; pointer-events: none; } .javascriptMaterialdesignGm3WizMenu-menu-item--submenu-open::before { posit= ion: absolute; content: ""; inset: 0px; border-radius: inherit; opacity: 0.= 04; background-color: var(--gm3-menu-list-item-hover-state-layer-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizMenu-menu__group-title { align-items: center= ; display: flex; height: var(--gm3-menu-group-title-height,32px); margin-bl= ock-start: var(--gm3-menu-group-title-margin-block-start,0); list-style-typ= e: none; padding: 0px 12px; color: var(--gm3-menu-group-title-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); font-family: var(--gm3-menu= -group-title-text-font,"Google Sans Flex","Google Sans Text","Google Sans",= Roboto,Arial,sans-serif); font-size: var(--gm3-menu-group-title-text-size,.= 875rem); font-weight: var(--gm3-menu-group-title-text-weight,500); letter-s= pacing: var(--gm3-menu-group-title-text-tracking,0); line-height: var(--gm3= -menu-group-title-text-line-height,1.25rem); font-variation-settings: var(-= -gm3-menu-group-title-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizMenu-menu__group-title-text { text-overflow:= ellipsis; white-space: nowrap; overflow: hidden; } .javascriptMaterialdesignGm3WizMenu-menu { min-width: 112px; } .javascriptMaterialdesignGm3WizMenu-menu__group { padding: 0px; fill: curre= ntcolor; } .javascriptMaterialdesignGm3WizMenu-menu-divider { padding-block: var(--gm3= -menu-divider-space,8px); } .javascriptMaterialdesignGm3WizMenu-menu-divider--hidden { display: none; } @keyframes mdc-ripple-fg-radius-in {=20 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: = translate(var(--mdc-ripple-fg-translate-start,0)) scale(1); } 100% { transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(v= ar(--mdc-ripple-fg-scale,1)); } } @keyframes mdc-ripple-fg-opacity-in {=20 0% { animation-timing-function: linear; opacity: 0; } 100% { opacity: var(--mdc-ripple-fg-opacity,0); } } @keyframes mdc-ripple-fg-opacity-out {=20 0% { animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opac= ity,0); } 100% { opacity: 0; } } .mdc-ripple-surface { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-= ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; = --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0,= 0, 0); will-change: transform, opacity; } .mdc-ripple-surface::after, .mdc-ripple-surface::before { position: absolut= e; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-ripple-surface::before { transition: opacity 15ms linear, background-c= olor 15ms linear; z-index: var(--mdc-ripple-z-index,1); } .mdc-ripple-surface::after { z-index: var(--mdc-ripple-z-index,0); } .mdc-ripple-surface.mdc-ripple-upgraded::before { transform: scale(var(--md= c-ripple-fg-scale,1)); } .mdc-ripple-surface.mdc-ripple-upgraded::after { top: 0px; left: 0px; trans= form: scale(0); transform-origin: center center; } .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-= ripple-top,0); left: var(--mdc-ripple-left,0); } .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after { ani= mation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radius-in, 75= ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after { a= nimation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-out; tr= ansform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ri= pple-fg-scale,1)); } .mdc-ripple-surface::after, .mdc-ripple-surface::before { top: -50%; left: = -50%; width: 200%; height: 200%; } .mdc-ripple-surface.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg= -size,100%); height: var(--mdc-ripple-fg-size,100%); } .mdc-ripple-surface { position: relative; outline: none; overflow: hidden; = } .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after, .mdc-ripple-surfa= ce[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-upgraded--unbounded::= after, .mdc-ripple-upgraded--unbounded::before { top: 0px; left: 0px; width= : 100%; height: 100%; } .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::afte= r, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::b= efore, .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after, .mdc-rip= ple-upgraded--unbounded.mdc-ripple-upgraded::before { top: var(--mdc-ripple= -top,0); left: var(--mdc-ripple-left,0); width: var(--mdc-ripple-fg-size,10= 0%); height: var(--mdc-ripple-fg-size,100%); } .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::afte= r, .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after { width: var(= --mdc-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .mdc-ripple-surface[data-mdc-ripple-is-unbounded], .mdc-ripple-upgraded--un= bounded { overflow: visible; } .mdc-ripple-surface::after, .mdc-ripple-surface::before { background-color:= var(--mdc-ripple-color,#000); } .mdc-ripple-surface.mdc-ripple-surface--hover::before, .mdc-ripple-surface:= hover::before { opacity: var(--mdc-ripple-hover-opacity,.04); } .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-r= ipple-surface:not(.mdc-ripple-upgraded):focus::before { transition-duration= : 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after { transition: opacity = 0.15s linear; } .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after { transition-du= ration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .mdc-ripple-surface.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--md= c-ripple-press-opacity,0.12); } .mdc-icon-button { font-size: 24px; width: 48px; height: 48px; padding: 12p= x; } .mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple { w= idth: 40px; height: 40px; margin: 4px; } .mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring= { max-height: 40px; max-width: 40px; } .mdc-icon-button:disabled { color: var(--mdc-theme-text-disabled-on-light,r= gba(0,0,0,.38)); } .mdc-icon-button img, .mdc-icon-button svg { width: 24px; height: 24px; } .mdc-icon-button { display: inline-block; position: relative; box-sizing: b= order-box; border-width: medium; border-style: none; border-color: currentc= olor; border-image: none; outline: none; background-color: transparent; fil= l: currentcolor; color: inherit; text-decoration: none; cursor: pointer; us= er-select: none; z-index: 0; overflow: visible; } .mdc-icon-button .mdc-icon-button__touch { position: absolute; top: 50%; he= ight: 48px; left: 50%; width: 48px; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button= __focus-ring, .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-bu= tton__focus-ring { display: block; } } .mdc-icon-button:disabled { cursor: default; pointer-events: none; } .mdc-icon-button[hidden] { display: none; } .mdc-icon-button--display-flex { align-items: center; display: inline-flex;= justify-content: center; } .mdc-icon-button__focus-ring { pointer-events: none; border: 2px solid tran= sparent; border-radius: 6px; box-sizing: content-box; position: absolute; t= op: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .mdc-icon-button__focus-ring { border-color: canvastext; } } .mdc-icon-button__focus-ring::after { content: ""; border: 2px solid transp= arent; border-radius: 8px; display: block; position: absolute; top: 50%; le= ft: 50%; transform: translate(-50%, -50%); height: calc(100% + 4px); width:= calc(100% + 4px); } @media screen and (forced-colors: active) { .mdc-icon-button__focus-ring::after { border-color: canvastext; } } .mdc-icon-button__focus-ring { height: 100%; width: 100%; display: none; } .mdc-icon-button__icon { display: inline-block; } .mdc-icon-button--on .mdc-icon-button__icon, .mdc-icon-button__icon.mdc-ico= n-button__icon--on { display: none; } .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { dis= play: inline-block; } .mdc-icon-button__link { height: 100%; left: 0px; outline: none; position: = absolute; top: 0px; width: 100%; } .mdc-icon-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-rip= ple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --m= dc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0,= 0); will-change: transform, opacity; } .mdc-icon-button .mdc-icon-button__ripple::after, .mdc-icon-button .mdc-ico= n-button__ripple::before { position: absolute; border-radius: 50%; opacity:= 0; pointer-events: none; content: ""; } .mdc-icon-button .mdc-icon-button__ripple::before { transition: opacity 15m= s linear, background-color 15ms linear; z-index: var(--mdc-ripple-z-index,1= ); } .mdc-icon-button .mdc-icon-button__ripple::after { z-index: var(--mdc-rippl= e-z-index,0); } .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before { tra= nsform: scale(var(--mdc-ripple-fg-scale,1)); } .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after { top:= 0px; left: 0px; transform: scale(0); transform-origin: center center; } .mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::a= fter { top: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-butto= n__ripple::after { animation: 225ms ease 0s 1 normal forwards running mdc-r= ipple-fg-radius-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-op= acity-in; } .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-but= ton__ripple::after { animation: 0.15s ease 0s 1 normal none running mdc-rip= ple-fg-opacity-out; transform: translate(var(--mdc-ripple-fg-translate-end,= 0)) scale(var(--mdc-ripple-fg-scale,1)); } .mdc-icon-button .mdc-icon-button__ripple::after, .mdc-icon-button .mdc-ico= n-button__ripple::before { top: 0px; left: 0px; width: 100%; height: 100%; = } .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after, .mdc-= icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before { top: var= (--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); width: var(--mdc-ripp= le-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after { widt= h: var(--mdc-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); = } .mdc-icon-button .mdc-icon-button__ripple::after, .mdc-icon-button .mdc-ico= n-button__ripple::before { background-color: var(--mdc-ripple-color,#000); = } .mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before= , .mdc-icon-button:hover .mdc-icon-button__ripple::before { opacity: var(--= mdc-ripple-hover-opacity,.04); } .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__= ripple::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-= button__ripple::before { transition-duration: 75ms; opacity: var(--mdc-ripp= le-focus-opacity,.12); } .mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after = { transition: opacity 0.15s linear; } .mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple:= :after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity= ,.12); } .mdc-icon-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-r= ipple-press-opacity,0.12); } .mdc-icon-button:disabled.mdc-ripple-surface--hover .mdc-icon-button__rippl= e::before, .mdc-icon-button:disabled:hover .mdc-icon-button__ripple::before= { opacity: var(--mdc-ripple-hover-opacity,0); } .mdc-icon-button:disabled.mdc-ripple-upgraded--background-focused .mdc-icon= -button__ripple::before, .mdc-icon-button:disabled:not(.mdc-ripple-upgraded= ):focus .mdc-icon-button__ripple::before { transition-duration: 75ms; opaci= ty: var(--mdc-ripple-focus-opacity,0); } .mdc-icon-button:disabled:not(.mdc-ripple-upgraded) .mdc-icon-button__rippl= e::after { transition: opacity 0.15s linear; } .mdc-icon-button:disabled:not(.mdc-ripple-upgraded):active .mdc-icon-button= __ripple::after { transition-duration: 75ms; opacity: var(--mdc-ripple-pres= s-opacity,0); } .mdc-icon-button:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: va= r(--mdc-ripple-press-opacity,0); } .mdc-icon-button .mdc-icon-button__ripple { height: 100%; left: 0px; pointe= r-events: none; position: absolute; top: 0px; width: 100%; z-index: -1; } .mdc-button { position: relative; } .mdc-button .mdc-elevation-overlay { width: 100%; height: 100%; top: 0px; l= eft: 0px; } .mdc-button { display: inline-flex; align-items: center; justify-content: c= enter; box-sizing: border-box; min-width: 64px; border-width: medium; borde= r-style: none; border-color: currentcolor; border-image: none; outline: non= e; line-height: inherit; user-select: none; appearance: none; overflow: vis= ible; vertical-align: middle; background: transparent; } .mdc-button:active { outline: none; } .mdc-button:hover { cursor: pointer; } .mdc-button:disabled { cursor: default; pointer-events: none; } .mdc-button[hidden] { display: none; } .mdc-button .mdc-button__icon { margin-left: 0px; margin-right: 8px; } .mdc-button .mdc-button__icon[dir=3D"rtl"], [dir=3D"rtl"] .mdc-button .mdc-= button__icon { margin-left: 8px; margin-right: 0px; } .mdc-button .mdc-button__icon { display: inline-block; position: relative; = vertical-align: top; } .mdc-button .mdc-button__progress-indicator { font-size: 0px; position: abs= olute; transform: translate(-50%, -50%); top: 50%; left: 50%; line-height: = normal; } .mdc-button .mdc-button__label { position: relative; } .mdc-button .mdc-button__focus-ring { pointer-events: none; border: 2px sol= id transparent; border-radius: 6px; box-sizing: content-box; position: abso= lute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .mdc-button .mdc-button__focus-ring { border-color: canvastext; } } .mdc-button .mdc-button__focus-ring::after { content: ""; border: 2px solid= transparent; border-radius: 8px; display: block; position: absolute; top: = 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% + 4px);= width: calc(100% + 4px); } @media screen and (forced-colors: active) { .mdc-button .mdc-button__focus-ring::after { border-color: canvastext; } } .mdc-button .mdc-button__focus-ring { height: calc(100% + 4px); width: calc= (100% + 4px); display: none; } @media screen and (forced-colors: active) { .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ri= ng, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring { d= isplay: block; } } .mdc-button .mdc-button__touch { position: absolute; top: 50%; height: 48px= ; left: 0px; right: 0px; transform: translateY(-50%); } .mdc-button__label + .mdc-button__icon { margin-left: 8px; margin-right: 0p= x; } .mdc-button__label + .mdc-button__icon[dir=3D"rtl"], [dir=3D"rtl"] .mdc-but= ton__label + .mdc-button__icon { margin-left: 0px; margin-right: 8px; } svg.mdc-button__icon { fill: currentcolor; } .mdc-button--touch { margin-top: 6px; margin-bottom: 6px; } .mdc-button { -webkit-font-smoothing: antialiased; text-decoration: none; } .mdc-button { padding: 0px 8px; } .mdc-button--unelevated { transition: box-shadow 0.28s cubic-bezier(0.4, 0,= 0.2, 1); padding: 0px 16px; } .mdc-button--unelevated.mdc-button--icon-trailing { padding: 0px 12px 0px 1= 6px; } .mdc-button--unelevated.mdc-button--icon-leading { padding: 0px 16px 0px 12= px; } .mdc-button--raised { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2= , 1); padding: 0px 16px; } .mdc-button--raised.mdc-button--icon-trailing { padding: 0px 12px 0px 16px;= } .mdc-button--raised.mdc-button--icon-leading { padding: 0px 16px 0px 12px; = } .mdc-button--outlined { border-style: solid; transition: border 0.28s cubic= -bezier(0.4, 0, 0.2, 1); } .mdc-button--outlined .mdc-button__ripple { border-style: solid; border-col= or: transparent; } .mdc-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-t= op: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ri= pple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); = will-change: transform, opacity; } .mdc-button .mdc-button__ripple::after, .mdc-button .mdc-button__ripple::be= fore { position: absolute; border-radius: 50%; opacity: 0; pointer-events: = none; content: ""; } .mdc-button .mdc-button__ripple::before { transition: opacity 15ms linear, = background-color 15ms linear; z-index: 1; } .mdc-button .mdc-button__ripple::after { z-index: 0; } .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before { transform: sc= ale(var(--mdc-ripple-fg-scale,1)); } .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { top: 0px; left= : 0px; transform: scale(0); transform-origin: center center; } .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after { top= : var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple:= :after { animation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-r= adius-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; = } .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__rippl= e::after { animation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opa= city-out; transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(= var(--mdc-ripple-fg-scale,1)); } .mdc-button .mdc-button__ripple::after, .mdc-button .mdc-button__ripple::be= fore { top: -50%; left: -50%; width: 200%; height: 200%; } .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after { width: var(--m= dc-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .mdc-button__ripple { position: absolute; box-sizing: content-box; overflow= : hidden; z-index: 0; inset: 0px; } .mdc-button { font-family: Roboto, sans-serif; font-size: 0.875rem; letter-= spacing: 0.0892857em; font-weight: 500; text-transform: uppercase; } .mdc-button:not(:disabled) { color: rgb(98, 0, 238); } .mdc-button:disabled { color: rgba(0, 0, 0, 0.38); } .mdc-button .mdc-button__icon { font-size: 1.125rem; width: 1.125rem; heigh= t: 1.125rem; } .mdc-button .mdc-button__ripple::before { background-color: rgb(98, 0, 238)= ; } .mdc-button .mdc-button__ripple::after { background-color: rgb(98, 0, 238);= } .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before, .mdc-but= ton:hover .mdc-button__ripple::before { opacity: 0.04; } .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::be= fore, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::befo= re { transition-duration: 75ms; opacity: 0.12; } .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { transiti= on: opacity 0.15s linear; } .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after { t= ransition-duration: 75ms; opacity: 0.12; } .mdc-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-text-b= utton-pressed-state-layer-opacity,0.12); } .mdc-button { height: 36px; border-radius: 4px; } .mdc-button .mdc-button__ripple { border-radius: 4px; } .mdc-button .mdc-button__focus-ring { border-radius: 2px; } .mdc-button .mdc-button__focus-ring::after { border-radius: 4px; } .mdc-button--unelevated { font-family: Roboto, sans-serif; font-size: 0.875= rem; letter-spacing: 0.0892857em; font-weight: 500; text-transform: upperca= se; } .mdc-button--unelevated:not(:disabled) { background-color: rgb(98, 0, 238);= } .mdc-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); } .mdc-button--unelevated:not(:disabled) { color: rgb(255, 255, 255); } .mdc-button--unelevated:disabled { color: rgba(0, 0, 0, 0.38); } .mdc-button--unelevated .mdc-button__icon { font-size: 1.125rem; width: 1.1= 25rem; height: 1.125rem; } .mdc-button--unelevated .mdc-button__ripple::before { background-color: rgb= (255, 255, 255); } .mdc-button--unelevated .mdc-button__ripple::after { background-color: rgb(= 255, 255, 255); } .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::befo= re, .mdc-button--unelevated:hover .mdc-button__ripple::before { opacity: 0.= 08; } .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button= __ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .= mdc-button__ripple::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::afte= r { transition: opacity 0.15s linear; } .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__rippl= e::after { transition-duration: 75ms; opacity: 0.24; } .mdc-button--unelevated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(= --mdc-filled-button-pressed-state-layer-opacity,0.24); } .mdc-button--unelevated { height: 36px; border-radius: 4px; } .mdc-button--unelevated .mdc-button__ripple { border-radius: 4px; } .mdc-button--unelevated .mdc-button__focus-ring { border-radius: 2px; } .mdc-button--unelevated .mdc-button__focus-ring::after { border-radius: 4px= ; } .mdc-button--raised { font-family: Roboto, sans-serif; font-size: 0.875rem;= letter-spacing: 0.0892857em; font-weight: 500; text-transform: uppercase; = } .mdc-button--raised:not(:disabled) { background-color: rgb(98, 0, 238); } .mdc-button--raised:disabled { background-color: rgba(0, 0, 0, 0.12); } .mdc-button--raised:not(:disabled) { color: rgb(255, 255, 255); } .mdc-button--raised:disabled { color: rgba(0, 0, 0, 0.38); } .mdc-button--raised .mdc-button__icon { font-size: 1.125rem; width: 1.125re= m; height: 1.125rem; } .mdc-button--raised .mdc-button__ripple::before { background-color: rgb(255= , 255, 255); } .mdc-button--raised .mdc-button__ripple::after { background-color: rgb(255,= 255, 255); } .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before, = .mdc-button--raised:hover .mdc-button__ripple::before { opacity: 0.08; } .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ri= pple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-butt= on__ripple::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { = transition: opacity 0.15s linear; } .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::a= fter { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--md= c-protected-button-pressed-state-layer-opacity,0.24); } .mdc-button--raised { height: 36px; border-radius: 4px; } .mdc-button--raised .mdc-button__ripple { border-radius: 4px; } .mdc-button--raised .mdc-button__focus-ring { border-radius: 2px; } .mdc-button--raised .mdc-button__focus-ring::after { border-radius: 4px; } .mdc-button--raised { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba= (0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .mdc-button--raised.mdc-ripple-upgraded--background-focused, .mdc-button--r= aised:not(.mdc-ripple-upgraded):focus { box-shadow: rgba(0, 0, 0, 0.2) 0px = 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px = 1px 10px 0px; } .mdc-button--raised:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px= , rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px= ; } .mdc-button--raised:not(:disabled):active { box-shadow: rgba(0, 0, 0, 0.2) = 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12)= 0px 3px 14px 2px; } .mdc-button--raised:disabled { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0= px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0p= x; } .mdc-button--outlined { font-family: Roboto, sans-serif; font-size: 0.875re= m; letter-spacing: 0.0892857em; font-weight: 500; text-transform: uppercase= ; } .mdc-button--outlined:not(:disabled) { color: rgb(98, 0, 238); } .mdc-button--outlined:disabled { color: rgba(0, 0, 0, 0.38); } .mdc-button--outlined .mdc-button__icon { font-size: 1.125rem; width: 1.125= rem; height: 1.125rem; } .mdc-button--outlined .mdc-button__ripple::before { background-color: rgb(9= 8, 0, 238); } .mdc-button--outlined .mdc-button__ripple::after { background-color: rgb(98= , 0, 238); } .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before= , .mdc-button--outlined:hover .mdc-button__ripple::before { opacity: 0.04; = } .mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__= ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-= button__ripple::before { transition-duration: 75ms; opacity: 0.12; } .mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after = { transition: opacity 0.15s linear; } .mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple:= :after { transition-duration: 75ms; opacity: 0.12; } .mdc-button--outlined.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--= mdc-outlined-button-pressed-state-layer-opacity,0.12); } .mdc-button--outlined { height: 36px; border-radius: 4px; } .mdc-button--outlined .mdc-button__ripple { border-radius: 4px; } .mdc-button--outlined .mdc-button__focus-ring { border-radius: 2px; } .mdc-button--outlined .mdc-button__focus-ring::after { border-radius: 4px; = } .mdc-button--outlined:not(:disabled) { border-color: rgba(0, 0, 0, 0.12); } .mdc-button--outlined:disabled { border-color: rgba(0, 0, 0, 0.12); } .mdc-button--outlined { padding: 0px 15px; } .mdc-button--outlined.mdc-button--icon-trailing { padding: 0px 11px 0px 15p= x; } .mdc-button--outlined.mdc-button--icon-leading { padding: 0px 15px 0px 11px= ; } .mdc-button--outlined { border-width: 1px; } .mdc-button--outlined .mdc-button__ripple { inset: -1px; border-width: 1px;= } .mdc-button--outlined .mdc-button__touch { left: -1px; width: calc(100% + 2= px); } .GmFillButton { font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transf= orm: none; } .GmFillButton .mdc-button__ripple { height: 100%; position: absolute; overf= low: hidden; width: 100%; z-index: 0; } .GmFillButton:not(:disabled) { background-color: var(--gm-fillbutton-contai= ner-color,#1a73e8); } .GmFillButton:not(:disabled) { color: var(--gm-fillbutton-ink-color,#fff); = } .GmFillButton:disabled { background-color: var(--gm-fillbutton-disabled-con= tainer-color,rgba(60,64,67,.12)); } .GmFillButton:disabled { color: var(--gm-fillbutton-disabled-ink-color,rgba= (60,64,67,.38)); } .GmFillButton .mdc-button__ripple::after, .GmFillButton .mdc-button__ripple= ::before { background-color: var(--gm-fillbutton-state-color,#202124); } .GmFillButton.mdc-ripple-surface--hover .mdc-button__ripple::before, .GmFil= lButton:hover .mdc-button__ripple::before { opacity: var(--mdc-ripple-hover= -opacity,.16); } .GmFillButton.mdc-ripple-upgraded--background-focused .mdc-button__ripple::= before, .GmFillButton:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::= before { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity= ,.24); } .GmFillButton:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { transi= tion: opacity 0.15s linear; } .GmFillButton:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {= transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.2); } .GmFillButton.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-ripp= le-press-opacity,0.2); } .GmFillButton { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-= shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .GmFillButton .mdc-elevation-overlay { opacity: 0; } .GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__deter= minate-circle, .GmFillButton .mdc-button__progress-indicator .mdc-circular-= progress__indeterminate-circle-graphic { stroke: rgb(255, 255, 255); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__det= erminate-circle, .GmFillButton .mdc-button__progress-indicator .mdc-circula= r-progress__indeterminate-circle-graphic { stroke: canvastext; } } .GmFillButton:hover { box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow= -color,rgba(60,64,67,.3)),0 1px 3px 1px var(--gm-fillbutton-ambientshadow-c= olor,rgba(60,64,67,.15)); } .GmFillButton:hover .mdc-elevation-overlay { opacity: 0; } .GmFillButton:active { box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshado= w-color,rgba(60,64,67,.3)),0 2px 6px 2px var(--gm-fillbutton-ambientshadow-= color,rgba(60,64,67,.15)); } .GmFillButton:active .mdc-elevation-overlay { opacity: 0; } .GmFillButton:disabled.mdc-ripple-surface--hover .mdc-button__ripple::befor= e, .GmFillButton:disabled:hover .mdc-button__ripple::before { opacity: var(= --mdc-ripple-hover-opacity,0); } .GmFillButton:disabled.mdc-ripple-upgraded--background-focused .mdc-button_= _ripple::before, .GmFillButton:disabled:not(.mdc-ripple-upgraded):focus .md= c-button__ripple::before { transition-duration: 75ms; opacity: var(--mdc-ri= pple-focus-opacity,0); } .GmFillButton:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple::after= { transition: opacity 0.15s linear; } .GmFillButton:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple= ::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacit= y,0); } .GmFillButton:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(-= -mdc-ripple-press-opacity,0); } .GmFillButton:disabled { box-shadow: none; } .GmFillButton:disabled .mdc-elevation-overlay { opacity: 0; } .GmButtonHairline { font-family: "Google Sans", Roboto, Arial, sans-serif; = font-size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-tr= ansform: none; } .GmButtonHairline .mdc-button__ripple { height: 100%; position: absolute; o= verflow: hidden; width: 100%; z-index: 0; } .GmButtonHairline:not(:disabled) { color: var(--gm-hairlinebutton-ink-color= ,#1a73e8); } .GmButtonHairline:not(:disabled) { border-color: var(--gm-hairlinebutton-ou= tline-color,#dadce0); } .GmButtonHairline:not(:disabled):hover { border-color: var(--gm-hairlinebut= ton-outline-color,#dadce0); } .GmButtonHairline:not(:disabled).mdc-ripple-upgraded--background-focused, .= GmButtonHairline:not(:disabled):not(.mdc-ripple-upgraded):focus { border-co= lor: var(--gm-hairlinebutton-outline-color--stateful,#174ea6); } .GmButtonHairline:not(:disabled):active, .GmButtonHairline:not(:disabled):f= ocus:active { border-color: var(--gm-hairlinebutton-outline-color,#dadce0);= } .GmButtonHairline:disabled { color: var(--gm-hairlinebutton-disabled-ink-co= lor,rgba(60,64,67,.38)); } .GmButtonHairline:disabled { border-color: var(--gm-hairlinebutton-disabled= -outline-color,rgba(60,64,67,.12)); } .GmButtonHairline.mdc-ripple-upgraded--background-focused:not(:disabled), .= GmButtonHairline:active:not(:disabled), .GmButtonHairline:hover:not(:disabl= ed), .GmButtonHairline:not(.mdc-ripple-upgraded):focus:not(:disabled) { col= or: var(--gm-hairlinebutton-ink-color--stateful,#174ea6); } .GmButtonHairline { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), = box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .GmButtonHairline .mdc-elevation-overlay { opacity: 0; } .GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress__d= eterminate-circle, .GmButtonHairline .mdc-button__progress-indicator .mdc-c= ircular-progress__indeterminate-circle-graphic { stroke: rgb(26, 115, 232);= } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress_= _determinate-circle, .GmButtonHairline .mdc-button__progress-indicator .mdc= -circular-progress__indeterminate-circle-graphic { stroke: canvastext; } } .GmButtonHairline .mdc-button__ripple::after, .GmButtonHairline .mdc-button= __ripple::before { background-color: var(--gm-hairlinebutton-state-color,#1= a73e8); } .GmButtonHairline.mdc-ripple-surface--hover .mdc-button__ripple::before, .G= mButtonHairline:hover .mdc-button__ripple::before { opacity: var(--mdc-ripp= le-hover-opacity,.04); } .GmButtonHairline.mdc-ripple-upgraded--background-focused .mdc-button__ripp= le::before, .GmButtonHairline:not(.mdc-ripple-upgraded):focus .mdc-button__= ripple::before { transition-duration: 75ms; opacity: var(--mdc-ripple-focus= -opacity,.12); } .GmButtonHairline:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { tr= ansition: opacity 0.15s linear; } .GmButtonHairline:not(.mdc-ripple-upgraded):active .mdc-button__ripple::aft= er { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12= ); } .GmButtonHairline.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0.12); } .GmButtonHairline:disabled.mdc-ripple-surface--hover .mdc-button__ripple::b= efore, .GmButtonHairline:disabled:hover .mdc-button__ripple::before { opaci= ty: var(--mdc-ripple-hover-opacity,0); } .GmButtonHairline:disabled.mdc-ripple-upgraded--background-focused .mdc-but= ton__ripple::before, .GmButtonHairline:disabled:not(.mdc-ripple-upgraded):f= ocus .mdc-button__ripple::before { transition-duration: 75ms; opacity: var(= --mdc-ripple-focus-opacity,0); } .GmButtonHairline:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple::a= fter { transition: opacity 0.15s linear; } .GmButtonHairline:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ri= pple::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-op= acity,0); } .GmButtonHairline:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: v= ar(--mdc-ripple-press-opacity,0); } .GmButtonProtected { font-family: "Google Sans", Roboto, Arial, sans-serif;= font-size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-t= ransform: none; } .GmButtonProtected .mdc-button__ripple { height: 100%; position: absolute; = overflow: hidden; width: 100%; z-index: 0; } .GmButtonProtected:not(:disabled) { background-color: var(--gm-protectedbut= ton-container-color,#fff); } .GmButtonProtected:not(:disabled) { color: var(--gm-protectedbutton-ink-col= or,#1a73e8); } .GmButtonProtected:disabled { background-color: var(--gm-protectedbutton-di= sabled-container-color,rgba(60,64,67,.12)); } .GmButtonProtected:disabled { color: var(--gm-protectedbutton-disabled-ink-= color,rgba(60,64,67,.38)); } .GmButtonProtected.mdc-ripple-upgraded--background-focused:not(:disabled), = .GmButtonProtected:active:not(:disabled), .GmButtonProtected:hover:not(:dis= abled), .GmButtonProtected:not(.mdc-ripple-upgraded):focus:not(:disabled) {= color: var(--gm-protectedbutton-ink-color--stateful,#174ea6); } .GmButtonProtected { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1),= box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); border-width: 0px; box-shad= ow: 0 1px 2px 0 var(--gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3))= ,0 1px 3px 1px var(--gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.= 15)); } .GmButtonProtected .mdc-elevation-overlay { opacity: 0; } .GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress__= determinate-circle, .GmButtonProtected .mdc-button__progress-indicator .mdc= -circular-progress__indeterminate-circle-graphic { stroke: rgb(26, 115, 232= ); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress= __determinate-circle, .GmButtonProtected .mdc-button__progress-indicator .m= dc-circular-progress__indeterminate-circle-graphic { stroke: canvastext; } } .GmButtonProtected.mdc-ripple-upgraded--background-focused, .GmButtonProtec= ted:not(.mdc-ripple-upgraded):focus { border-width: 0px; box-shadow: 0 1px = 2px 0 var(--gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 1px 3px= 1px var(--gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.15)); } .GmButtonProtected.mdc-ripple-upgraded--background-focused .mdc-elevation-o= verlay, .GmButtonProtected:not(.mdc-ripple-upgraded):focus .mdc-elevation-o= verlay { opacity: 0; } .GmButtonProtected:hover { border-width: 0px; box-shadow: 0 1px 2px 0 var(-= -gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 2px 6px 2px var(--= gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.15)); } .GmButtonProtected:hover .mdc-elevation-overlay { opacity: 0; } .GmButtonProtected:not(:disabled):active { border-width: 0px; box-shadow: 0= 1px 3px 0 var(--gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 4p= x 8px 3px var(--gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.15));= } .GmButtonProtected:not(:disabled):active .mdc-elevation-overlay { opacity: = 0; } .GmButtonProtected .mdc-button__ripple::after, .GmButtonProtected .mdc-butt= on__ripple::before { background-color: var(--gm-protectedbutton-state-color= ,#1a73e8); } .GmButtonProtected.mdc-ripple-surface--hover .mdc-button__ripple::before, .= GmButtonProtected:hover .mdc-button__ripple::before { opacity: var(--mdc-ri= pple-hover-opacity,.04); } .GmButtonProtected.mdc-ripple-upgraded--background-focused .mdc-button__rip= ple::before, .GmButtonProtected:not(.mdc-ripple-upgraded):focus .mdc-button= __ripple::before { transition-duration: 75ms; opacity: var(--mdc-ripple-foc= us-opacity,.12); } .GmButtonProtected:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { t= ransition: opacity 0.15s linear; } .GmButtonProtected:not(.mdc-ripple-upgraded):active .mdc-button__ripple::af= ter { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.1= 2); } .GmButtonProtected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc= -ripple-press-opacity,0.12); } .GmButtonProtected:disabled { box-shadow: none; } .GmButtonProtected:disabled .mdc-elevation-overlay { opacity: 0; } .GmButtonProtected:disabled.mdc-ripple-surface--hover .mdc-button__ripple::= before, .GmButtonProtected:disabled:hover .mdc-button__ripple::before { opa= city: var(--mdc-ripple-hover-opacity,0); } .GmButtonProtected:disabled.mdc-ripple-upgraded--background-focused .mdc-bu= tton__ripple::before, .GmButtonProtected:disabled:not(.mdc-ripple-upgraded)= :focus .mdc-button__ripple::before { transition-duration: 75ms; opacity: va= r(--mdc-ripple-focus-opacity,0); } .GmButtonProtected:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple::= after { transition: opacity 0.15s linear; } .GmButtonProtected:disabled:not(.mdc-ripple-upgraded):active .mdc-button__r= ipple::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-o= pacity,0); } .GmButtonProtected:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: = var(--mdc-ripple-press-opacity,0); } .GmButtonTonal { font-family: "Google Sans", Roboto, Arial, sans-serif; fon= t-size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-trans= form: none; } .GmButtonTonal .mdc-button__ripple { height: 100%; position: absolute; over= flow: hidden; width: 100%; z-index: 0; } .GmButtonTonal:not(:disabled) { background-color: rgb(232, 240, 254); } .GmButtonTonal:not(:disabled) { color: rgb(25, 103, 210); } .GmButtonTonal:disabled { background-color: rgba(60, 64, 67, 0.12); } .GmButtonTonal:disabled { color: rgba(60, 64, 67, 0.38); } .GmButtonTonal.mdc-ripple-upgraded--background-focused:not(:disabled), .GmB= uttonTonal:active:not(:disabled), .GmButtonTonal:hover:not(:disabled), .GmB= uttonTonal:not(.mdc-ripple-upgraded):focus:not(:disabled) { color: rgb(23, = 78, 166); } .GmButtonTonal .mdc-button__ripple::after, .GmButtonTonal .mdc-button__ripp= le::before { background-color: var(--mdc-ripple-color,#1967d2); } .GmButtonTonal.mdc-ripple-surface--hover .mdc-button__ripple::before, .GmBu= ttonTonal:hover .mdc-button__ripple::before { opacity: var(--mdc-ripple-hov= er-opacity,.04); } .GmButtonTonal.mdc-ripple-upgraded--background-focused .mdc-button__ripple:= :before, .GmButtonTonal:not(.mdc-ripple-upgraded):focus .mdc-button__ripple= ::before { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opaci= ty,.12); } .GmButtonTonal:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { trans= ition: opacity 0.15s linear; } .GmButtonTonal:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after = { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.1); } .GmButtonTonal.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-rip= ple-press-opacity,0.1); } .GmButtonTonal { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box= -shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .GmButtonTonal .mdc-elevation-overlay { opacity: 0; } .GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__dete= rminate-circle, .GmButtonTonal .mdc-button__progress-indicator .mdc-circula= r-progress__indeterminate-circle-graphic { stroke: rgb(25, 103, 210); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__de= terminate-circle, .GmButtonTonal .mdc-button__progress-indicator .mdc-circu= lar-progress__indeterminate-circle-graphic { stroke: canvastext; } } .GmButtonTonal:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, r= gba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .GmButtonTonal:hover .mdc-elevation-overlay { opacity: 0; } .GmButtonTonal:not(:disabled):active { box-shadow: rgba(60, 64, 67, 0.3) 0p= x 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .GmButtonTonal:not(:disabled):active .mdc-elevation-overlay { opacity: 0; } .GmButtonTonal:disabled { box-shadow: none; } .GmButtonTonal:disabled .mdc-elevation-overlay { opacity: 0; } .GmButtonTonal:disabled.mdc-ripple-surface--hover .mdc-button__ripple::befo= re, .GmButtonTonal:disabled:hover .mdc-button__ripple::before { opacity: va= r(--mdc-ripple-hover-opacity,0); } .GmButtonTonal:disabled.mdc-ripple-upgraded--background-focused .mdc-button= __ripple::before, .GmButtonTonal:disabled:not(.mdc-ripple-upgraded):focus .= mdc-button__ripple::before { transition-duration: 75ms; opacity: var(--mdc-= ripple-focus-opacity,0); } .GmButtonTonal:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple::afte= r { transition: opacity 0.15s linear; } .GmButtonTonal:disabled:not(.mdc-ripple-upgraded):active .mdc-button__rippl= e::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opaci= ty,0); } .GmButtonTonal:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(= --mdc-ripple-press-opacity,0); } .GmButtonText { font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transf= orm: none; } .GmButtonText .mdc-button__ripple { height: 100%; position: absolute; overf= low: hidden; width: 100%; z-index: 0; } .GmButtonText:not(:disabled) { background-color: transparent; } .GmButtonText:not(:disabled) { color: var(--gm-colortextbutton-ink-color,#1= a73e8); } .GmButtonText:disabled { color: var(--gm-colortextbutton-disabled-ink-color= ,rgba(60,64,67,.38)); } .GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__deter= minate-circle, .GmButtonText .mdc-button__progress-indicator .mdc-circular-= progress__indeterminate-circle-graphic { stroke: rgb(26, 115, 232); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__det= erminate-circle, .GmButtonText .mdc-button__progress-indicator .mdc-circula= r-progress__indeterminate-circle-graphic { stroke: canvastext; } } .GmButtonText.mdc-ripple-upgraded--background-focused:not(:disabled), .GmBu= ttonText:active:not(:disabled), .GmButtonText:hover:not(:disabled), .GmButt= onText:not(.mdc-ripple-upgraded):focus:not(:disabled) { color: var(--gm-col= ortextbutton-ink-color--stateful,#174ea6); } .GmButtonText .mdc-button__ripple::after, .GmButtonText .mdc-button__ripple= ::before { background-color: var(--gm-colortextbutton-state-color,#1a73e8);= } .GmButtonText.mdc-ripple-surface--hover .mdc-button__ripple::before, .GmBut= tonText:hover .mdc-button__ripple::before { opacity: var(--mdc-ripple-hover= -opacity,.04); } .GmButtonText.mdc-ripple-upgraded--background-focused .mdc-button__ripple::= before, .GmButtonText:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::= before { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity= ,.12); } .GmButtonText:not(.mdc-ripple-upgraded) .mdc-button__ripple::after { transi= tion: opacity 0.15s linear; } .GmButtonText:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {= transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .GmButtonText.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--mdc-ripp= le-press-opacity,0.12); } .GmButtonText:disabled.mdc-ripple-surface--hover .mdc-button__ripple::befor= e, .GmButtonText:disabled:hover .mdc-button__ripple::before { opacity: var(= --mdc-ripple-hover-opacity,0); } .GmButtonText:disabled.mdc-ripple-upgraded--background-focused .mdc-button_= _ripple::before, .GmButtonText:disabled:not(.mdc-ripple-upgraded):focus .md= c-button__ripple::before { transition-duration: 75ms; opacity: var(--mdc-ri= pple-focus-opacity,0); } .GmButtonText:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple::after= { transition: opacity 0.15s linear; } .GmButtonText:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple= ::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacit= y,0); } .GmButtonText:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(-= -mdc-ripple-press-opacity,0); } .GmButtonGreyInkText { font-family: "Google Sans", Roboto, Arial, sans-seri= f; font-size: 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text= -transform: none; } .GmButtonGreyInkText .mdc-button__ripple { height: 100%; position: absolute= ; overflow: hidden; width: 100%; z-index: 0; } .GmButtonGreyInkText:not(:disabled) { color: var(--gm-neutraltextbutton-ink= -color,#5f6368); } .GmButtonGreyInkText:disabled { color: var(--gm-neutraltextbutton-disabled-= ink-color,rgba(60,64,67,.38)); } .GmButtonGreyInkText.mdc-ripple-upgraded--background-focused:not(:disabled)= , .GmButtonGreyInkText:active:not(:disabled), .GmButtonGreyInkText:hover:no= t(:disabled), .GmButtonGreyInkText:not(.mdc-ripple-upgraded):focus:not(:dis= abled) { color: var(--gm-neutraltextbutton-ink-color--stateful,#202124); } .GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progress= __determinate-circle, .GmButtonGreyInkText .mdc-button__progress-indicator = .mdc-circular-progress__indeterminate-circle-graphic { stroke: rgb(95, 99, = 104); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progre= ss__determinate-circle, .GmButtonGreyInkText .mdc-button__progress-indicato= r .mdc-circular-progress__indeterminate-circle-graphic { stroke: canvastext= ; } } .GmButtonGreyInkText .mdc-button__ripple::after, .GmButtonGreyInkText .mdc-= button__ripple::before { background-color: var(--gm-neutraltextbutton-state= -color,#5f6368); } .GmButtonGreyInkText.mdc-ripple-surface--hover .mdc-button__ripple::before,= .GmButtonGreyInkText:hover .mdc-button__ripple::before { opacity: var(--md= c-ripple-hover-opacity,.04); } .GmButtonGreyInkText.mdc-ripple-upgraded--background-focused .mdc-button__r= ipple::before, .GmButtonGreyInkText:not(.mdc-ripple-upgraded):focus .mdc-bu= tton__ripple::before { transition-duration: 75ms; opacity: var(--mdc-ripple= -focus-opacity,.12); } .GmButtonGreyInkText:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {= transition: opacity 0.15s linear; } .GmButtonGreyInkText:not(.mdc-ripple-upgraded):active .mdc-button__ripple::= after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,= .12); } .GmButtonGreyInkText.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: var(--m= dc-ripple-press-opacity,0.12); } .GmButtonGreyInkText:disabled.mdc-ripple-surface--hover .mdc-button__ripple= ::before, .GmButtonGreyInkText:disabled:hover .mdc-button__ripple::before {= opacity: var(--mdc-ripple-hover-opacity,0); } .GmButtonGreyInkText:disabled.mdc-ripple-upgraded--background-focused .mdc-= button__ripple::before, .GmButtonGreyInkText:disabled:not(.mdc-ripple-upgra= ded):focus .mdc-button__ripple::before { transition-duration: 75ms; opacity= : var(--mdc-ripple-focus-opacity,0); } .GmButtonGreyInkText:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple= ::after { transition: opacity 0.15s linear; } .GmButtonGreyInkText:disabled:not(.mdc-ripple-upgraded):active .mdc-button_= _ripple::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press= -opacity,0); } .GmButtonGreyInkText:disabled.mdc-ripple-upgraded { --mdc-ripple-fg-opacity= : var(--mdc-ripple-press-opacity,0); } .GmTextLabelButton { padding: 0px 24px; } .GmHairlineTextLabelButton { padding: 0px 23px; } .GmHairlineTextLabelButton.mdc-button--icon-trailing { padding: 0px 11px 0p= x 23px; } .GmHairlineTextLabelButton.mdc-button--icon-leading { padding: 0px 23px 0px= 11px; } .GmHairlineTextLabelButton { border-width: 1px; } .GmHairlineTextLabelButton .mdc-button__ripple { inset: -1px; border-width:= 1px; } .GmHairlineTextLabelButton .mdc-button__touch { left: -1px; width: calc(100= % + 2px); } .GmIconButton { z-index: 0; } .GmIconButton .mdc-icon-button__ripple::after, .GmIconButton .mdc-icon-butt= on__ripple::before { z-index: -1; } .GmIconButton:disabled { color: var(--gm-iconbutton-disabled-ink-color,rgba= (60,64,67,.38)); } .GmIconToggleButton { z-index: 0; } .GmIconToggleButton .mdc-icon-button__ripple::after, .GmIconToggleButton .m= dc-icon-button__ripple::before { z-index: -1; } .GmIconToggleButton:disabled { color: var(--gm-iconbutton-disabled-ink-colo= r,rgba(60,64,67,.38)); } .NestedLink { height: 100%; left: 0px; position: absolute; top: 0px; width:= 100%; outline: none; } .GmButtonFlipIconSubelementRTL .mdc-button__icon[dir=3D"rtl"], [dir=3D"rtl"= ] .GmButtonFlipIconSubelementRTL .mdc-button__icon { transform: scaleX(-1);= } .GmButtonFlipRTL[dir=3D"rtl"], [dir=3D"rtl"] .GmButtonFlipRTL { transform: = scaleX(-1); } .GmButtonUnsetWillChange { will-change: unset; } .GmButtonFocusRingEnabled .mdc-button__focus-ring { pointer-events: none; b= order: 2px solid rgb(24, 90, 188); border-radius: 6px; box-sizing: content-= box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -5= 0%); } @media screen and (forced-colors: active) { .GmButtonFocusRingEnabled .mdc-button__focus-ring { border-color: canvast= ext; } } .GmButtonFocusRingEnabled .mdc-button__focus-ring::after { content: ""; bor= der: 2px solid rgb(232, 240, 254); border-radius: 8px; display: block; posi= tion: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); heig= ht: calc(100% + 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .GmButtonFocusRingEnabled .mdc-button__focus-ring::after { border-color: = canvastext; } } .GmButtonFocusRingEnabled .mdc-button__focus-ring { height: calc(100% + 4px= ); width: calc(100% + 4px); } .GmButtonFocusRingEnabled.focusRingVisible .mdc-button__focus-ring { displa= y: inline-block; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .GmButtonFocusRingEnabled.focusRingVisible .mdc-button__focus-ring { disp= lay: none; } } .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring { pointer-events= : none; border: 2px solid rgb(24, 90, 188); border-radius: 6px; box-sizing:= content-box; position: absolute; top: 50%; left: 50%; transform: translate= (-50%, -50%); } @media screen and (forced-colors: active) { .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring { border-color= : canvastext; } } .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring::after { content= : ""; border: 2px solid rgb(232, 240, 254); border-radius: 8px; display: bl= ock; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -5= 0%); height: calc(100% + 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring::after { borde= r-color: canvastext; } } .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring { height: 100%; = width: 100%; } .GmIconButtonFocusRingEnabled.focusRingVisible .mdc-icon-button__focus-ring= { display: inline-block; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .GmIconButtonFocusRingEnabled.focusRingVisible .mdc-icon-button__focus-ri= ng { display: none; } } .GmButtonHideContent .mdc-button__icon, .GmButtonHideContent .mdc-button__l= abel { opacity: 0; } .mdc-icon-button[data-tooltip-enabled=3D"true"]:disabled .mdc-icon-button__= ripple, [data-tooltip-enabled=3D"true"]:disabled { pointer-events: auto; } .boqAddonscardsrendererCardButtonImageButtonToolTip.mdc-tooltip { z-index: = 5100; } .boqAddonscardsrendererCardButtonFullWidth { width: 100%; } .boqAddonscardsrendererCardButtonDisabledCustomIcon { filter: grayscale(1) = opacity(0.38); } .boqAddonscardsrendererCardButtonTextButton { --token-color: initial; --lig= ht-text-color: var(--token-color); --font-weight: initial; --font-style: in= itial; --text-decoration: initial; font-style: var(--font-style); margin: 0= px; max-width: 100%; } .boqAddonscardsrendererCardButtonTextButton.tokenColor { --token-color: cur= rentColor; } .boqAddonscardsrendererCardButtonTextButton.displaySmall { --font-weight: 4= 00; --label-text-size: 2.25rem; --label-text-font: Google Sans,Roboto,Arial= ,sans-serif; line-height: 2.75rem; } .boqAddonscardsrendererCardButtonTextButton.displayMedium { --font-weight: = 400; --label-text-size: 2.8125rem; --label-text-font: Google Sans,Roboto,Ar= ial,sans-serif; line-height: 3.25rem; } .boqAddonscardsrendererCardButtonTextButton.displayLarge { --font-weight: 4= 00; --label-text-size: 3.5625rem; --label-text-font: Google Sans,Roboto,Ari= al,sans-serif; line-height: 4rem; } .boqAddonscardsrendererCardButtonTextButton.headlineSmall { --font-weight: = 400; --label-text-size: 1.5rem; --label-text-font: Google Sans,Roboto,Arial= ,sans-serif; line-height: 2rem; } .boqAddonscardsrendererCardButtonTextButton.headlineMedium { --font-weight:= 400; --label-text-size: 1.75rem; --label-text-font: Google Sans,Roboto,Ari= al,sans-serif; line-height: 2.25rem; } .boqAddonscardsrendererCardButtonTextButton.headlineLarge { --font-weight: = 400; --label-text-size: 2rem; --label-text-font: Google Sans,Roboto,Arial,s= ans-serif; line-height: 2.5rem; } .boqAddonscardsrendererCardButtonTextButton.titleSmall { --font-weight: 500= ; --label-text-size: 0.875rem; line-height: 1.25rem; } .boqAddonscardsrendererCardButtonTextButton.titleMedium { --font-weight: 50= 0; --label-text-size: 1rem; line-height: 1.5rem; } .boqAddonscardsrendererCardButtonTextButton.titleLarge { --font-weight: 400= ; --label-text-size: 1.375rem; --label-text-font: Google Sans,Roboto,Arial,= sans-serif; line-height: 1.75rem; } .boqAddonscardsrendererCardButtonTextButton.bodySmall { --font-weight: 400;= --label-text-size: 0.75rem; --label-text-tracking: 0.00625rem; line-height= : 1rem; } .boqAddonscardsrendererCardButtonTextButton.bodyMedium { --font-weight: 400= ; --label-text-size: 0.875rem; line-height: 1.25rem; } .boqAddonscardsrendererCardButtonTextButton.bodyLarge { --font-weight: 400;= --label-text-size: 1rem; line-height: 1.5rem; } .boqAddonscardsrendererCardButtonTextButton.labelSmall { --font-weight: 500= ; --label-text-size: 0.6875rem; --label-text-tracking: 0.00625rem; line-hei= ght: 1rem; } .boqAddonscardsrendererCardButtonTextButton.labelMedium { --font-weight: 50= 0; --label-text-size: 0.75rem; --label-text-tracking: 0.00625rem; line-heig= ht: 1rem; } .boqAddonscardsrendererCardButtonTextButton.labelLarge { --font-weight: 500= ; --label-text-size: 0.875rem; line-height: 1.25rem; } .boqAddonscardsrendererCardButtonTextButton.bodySmallEmphasized { --font-we= ight: 500; --label-text-size: 0.75rem; line-height: 1rem; } .boqAddonscardsrendererCardButtonTextButton.bodyMediumEmphasized { --font-w= eight: 500; --label-text-size: 0.875rem; line-height: 1.25rem; } .boqAddonscardsrendererCardButtonTextButton.bodyLargeEmphasized { --font-we= ight: 500; --label-text-size: 1rem; line-height: 1.5rem; } .boqAddonscardsrendererCardButtonTextButton.labelSmallEmphasized { --font-w= eight: 700; --label-text-size: 0.6875rem; --label-text-tracking: 0.00625rem= ; line-height: 1rem; } .boqAddonscardsrendererCardButtonTextButton.labelMediumEmphasized { --font-= weight: 700; --label-text-size: 0.75rem; --label-text-tracking: 0.00625rem;= line-height: 1rem; } .boqAddonscardsrendererCardButtonTextButton.labelLargeEmphasized { --font-w= eight: 700; --label-text-size: 0.875rem; line-height: 1.25rem; } .boqAddonscardsrendererCardButtonOutlinedTextButton { --gm3-button-outlined= -focus-label-text-color: var(--light-text-color); --gm3-button-outlined-hov= er-label-text-color: var(--light-text-color); --gm3-button-outlined-hover-s= tate-layer-color: var(--light-text-color); --gm3-button-outlined-label-text= -color: var(--light-text-color); --gm3-button-outlined-label-text-decoratio= n: var(--text-decoration); --gm3-button-outlined-label-text-font: var(--lab= el-text-font); --gm3-button-outlined-label-text-size: var(--label-text-size= ); --gm3-button-outlined-label-text-tracking: var(--label-text-tracking); -= -gm3-button-outlined-label-text-weight: var(--font-weight); --gm3-button-ou= tlined-pressed-label-text-color: var(--light-text-color); --gm3-button-outl= ined-pressed-state-layer-color: var(--light-text-color); --gm3-button-outli= ned-with-icon-focus-icon-color: var(--light-text-color); --gm3-button-outli= ned-with-icon-hover-icon-color: var(--light-text-color); --gm3-button-outli= ned-with-icon-icon-color: var(--light-text-color); --gm3-button-outlined-wi= th-icon-pressed-icon-color: var(--light-text-color); } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingBetweenIconAndTe= xtSmall { --gm3-button-outlined-with-icon-icon-label-space: 4px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingBetweenIconAndTe= xtMedium { --gm3-button-outlined-with-icon-icon-label-space: 8px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingBetweenIconAndTe= xtLarge { --gm3-button-outlined-with-icon-icon-label-space: 16px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingLeftNone { --gm3= -button-outlined-leading-space: 0; --gm3-button-outlined-with-leading-icon-= leading-space: 0; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingLeftSmall { --gm= 3-button-outlined-leading-space: 6px; --gm3-button-outlined-with-leading-ic= on-leading-space: 6px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingLeftMedium { --g= m3-button-outlined-leading-space: 12px; --gm3-button-outlined-with-leading-= icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingRightNone { --gm= 3-button-outlined-trailing-space: 0; --gm3-button-outlined-with-leading-ico= n-trailing-space: 0; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingRightSmall { --g= m3-button-outlined-trailing-space: 6px; --gm3-button-outlined-with-leading-= icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.paddingRightMedium { --= gm3-button-outlined-trailing-space: 12px; --gm3-button-outlined-with-leadin= g-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonOutlinedTextButton.outlineColorOutlineVari= ant { --gm3-button-outlined-outline-color: var(--gm3-sys-color-outline-vari= ant,#c4c7c5); --gm3-button-outlined-hover-outline-color: var(--gm3-sys-colo= r-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardButtonFilledTextButton { --light-bg-color: initi= al; --gm3-button-filled-focus-label-text-color: var(--light-text-color); --= gm3-button-filled-hover-label-text-color: var(--light-text-color); --gm3-bu= tton-filled-hover-state-layer-color: var(--light-text-color); --gm3-button-= filled-label-text-color: var(--light-text-color); --gm3-button-filled-label= -text-decoration: var(--text-decoration); --gm3-button-filled-label-text-fo= nt: var(--label-text-font); --gm3-button-filled-label-text-size: var(--labe= l-text-size); --gm3-button-filled-label-text-tracking: var(--label-text-tra= cking); --gm3-button-filled-label-text-weight: var(--font-weight); --gm3-bu= tton-filled-pressed-label-text-color: var(--light-text-color); --gm3-button= -filled-pressed-state-layer-color: var(--light-text-color); --gm3-button-fi= lled-with-icon-focus-icon-color: var(--light-text-color); --gm3-button-fill= ed-with-icon-hover-icon-color: var(--light-text-color); --gm3-button-filled= -with-icon-icon-color: var(--light-text-color); --gm3-button-filled-with-ic= on-pressed-icon-color: var(--light-text-color); --gm3-button-filled-contain= er-color: var(--light-bg-color); } .boqAddonscardsrendererCardButtonFilledTextButton.paddingBetweenIconAndText= Small { --gm3-button-filled-with-icon-icon-label-space: 4px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingBetweenIconAndText= Medium { --gm3-button-filled-with-icon-icon-label-space: 8px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingBetweenIconAndText= Large { --gm3-button-filled-with-icon-icon-label-space: 16px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingLeftNone { --gm3-b= utton-filled-leading-space: 0; --gm3-button-filled-with-leading-icon-leadin= g-space: 0; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingLeftSmall { --gm3-= button-filled-leading-space: 6px; --gm3-button-filled-with-leading-icon-lea= ding-space: 6px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingLeftMedium { --gm3= -button-filled-leading-space: 12px; --gm3-button-filled-with-leading-icon-l= eading-space: 12px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingRightNone { --gm3-= button-filled-trailing-space: 0; --gm3-button-filled-with-leading-icon-trai= ling-space: 0; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingRightSmall { --gm3= -button-filled-trailing-space: 6px; --gm3-button-filled-with-leading-icon-t= railing-space: 6px; } .boqAddonscardsrendererCardButtonFilledTextButton.paddingRightMedium { --gm= 3-button-filled-trailing-space: 12px; --gm3-button-filled-with-leading-icon= -trailing-space: 12px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton { --light-bg-color: = initial; --gm3-button-filled-tonal-focus-label-text-color: var(--light-text= -color); --gm3-button-filled-tonal-hover-label-text-color: var(--light-text= -color); --gm3-button-filled-tonal-hover-state-layer-color: var(--light-tex= t-color); --gm3-button-filled-tonal-label-text-color: var(--light-text-colo= r); --gm3-button-filled-tonal-label-text-decoration: var(--text-decoration)= ; --gm3-button-filled-tonal-label-text-font: var(--label-text-font); --gm3-= button-filled-tonal-label-text-size: var(--label-text-size); --gm3-button-f= illed-tonal-label-text-tracking: var(--label-text-tracking); --gm3-button-f= illed-tonal-label-text-weight: var(--font-weight); --gm3-button-filled-tona= l-pressed-label-text-color: var(--light-text-color); --gm3-button-filled-to= nal-pressed-state-layer-color: var(--light-text-color); --gm3-button-filled= -tonal-with-icon-focus-icon-color: var(--light-text-color); --gm3-button-fi= lled-tonal-with-icon-hover-icon-color: var(--light-text-color); --gm3-butto= n-filled-tonal-with-icon-icon-color: var(--light-text-color); --gm3-button-= filled-tonal-with-icon-pressed-icon-color: var(--light-text-color); --gm3-b= utton-filled-tonal-container-color: var(--light-bg-color); } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingBetweenIconAn= dTextSmall { --gm3-button-filled-tonal-with-icon-icon-label-space: 4px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingBetweenIconAn= dTextMedium { --gm3-button-filled-tonal-with-icon-icon-label-space: 8px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingBetweenIconAn= dTextLarge { --gm3-button-filled-tonal-with-icon-icon-label-space: 16px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingLeftNone { --= gm3-button-filled-tonal-leading-space: 0; --gm3-button-filled-tonal-with-le= ading-icon-leading-space: 0; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingLeftSmall { -= -gm3-button-filled-tonal-leading-space: 6px; --gm3-button-filled-tonal-with= -leading-icon-leading-space: 6px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingLeftMedium { = --gm3-button-filled-tonal-leading-space: 12px; --gm3-button-filled-tonal-wi= th-leading-icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingRightNone { -= -gm3-button-filled-tonal-trailing-space: 0; --gm3-button-filled-tonal-with-= leading-icon-trailing-space: 0; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingRightSmall { = --gm3-button-filled-tonal-trailing-space: 6px; --gm3-button-filled-tonal-wi= th-leading-icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton.paddingRightMedium {= --gm3-button-filled-tonal-trailing-space: 12px; --gm3-button-filled-tonal-= with-leading-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonFilledTonalTextButton .boqAddonscardsrende= rerCardButtonTimer { --Sewh0e: #f7fcff; } .boqAddonscardsrendererCardButtonBorderlessTextButton { --gm3-button-text-f= ocus-label-text-color: var(--light-text-color); --gm3-button-text-hover-lab= el-text-color: var(--light-text-color); --gm3-button-text-hover-state-layer= -color: var(--light-text-color); --gm3-button-text-label-text-color: var(--= light-text-color); --gm3-button-text-label-text-decoration: var(--text-deco= ration); --gm3-button-text-label-text-font: var(--label-text-font); --gm3-b= utton-text-label-text-size: var(--label-text-size); --gm3-button-text-label= -text-tracking: var(--label-text-tracking); --gm3-button-text-label-text-we= ight: var(--font-weight); --gm3-button-text-pressed-label-text-color: var(-= -light-text-color); --gm3-button-text-pressed-state-layer-color: var(--ligh= t-text-color); --gm3-button-text-with-icon-focus-icon-color: var(--light-te= xt-color); --gm3-button-text-with-icon-hover-icon-color: var(--light-text-c= olor); --gm3-button-text-with-icon-icon-color: var(--light-text-color); --g= m3-button-text-with-icon-pressed-icon-color: var(--light-text-color); } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingBetweenIconAnd= TextSmall { --gm3-button-text-with-icon-icon-label-space: 4px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingBetweenIconAnd= TextMedium { --gm3-button-text-with-icon-icon-label-space: 8px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingBetweenIconAnd= TextLarge { --gm3-button-text-with-icon-icon-label-space: 16px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingLeftNone { --g= m3-button-text-leading-space: 0; --gm3-button-text-with-leading-icon-leadin= g-space: 0; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingLeftSmall { --= gm3-button-text-leading-space: 6px; --gm3-button-text-with-leading-icon-lea= ding-space: 6px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingLeftMedium { -= -gm3-button-text-leading-space: 12px; --gm3-button-text-with-leading-icon-l= eading-space: 12px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingRightNone { --= gm3-button-text-trailing-space: 0; --gm3-button-text-with-leading-icon-trai= ling-space: 0; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingRightSmall { -= -gm3-button-text-trailing-space: 6px; --gm3-button-text-with-leading-icon-t= railing-space: 6px; } .boqAddonscardsrendererCardButtonBorderlessTextButton.paddingRightMedium { = --gm3-button-text-trailing-space: 12px; --gm3-button-text-with-leading-icon= -trailing-space: 12px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton { --gm3-dropdow= n-button-outlined-focus-label-text-color: var(--light-text-color); --gm3-dr= opdown-button-outlined-hover-label-text-color: var(--light-text-color); --g= m3-dropdown-button-outlined-hover-state-layer-color: var(--light-text-color= ); --gm3-dropdown-button-outlined-label-text-color: var(--light-text-color)= ; --gm3-dropdown-button-outlined-label-text-decoration: var(--text-decorati= on); --gm3-dropdown-button-outlined-label-text-font: var(--label-text-font)= ; --gm3-dropdown-button-outlined-label-text-size: var(--label-text-size); -= -gm3-dropdown-button-outlined-label-text-tracking: var(--label-text-trackin= g); --gm3-dropdown-button-outlined-label-text-weight: var(--font-weight); -= -gm3-dropdown-button-outlined-pressed-label-text-color: var(--light-text-co= lor); --gm3-dropdown-button-outlined-pressed-state-layer-color: var(--light= -text-color); --gm3-dropdown-button-outlined-with-icon-focus-icon-color: va= r(--light-text-color); --gm3-dropdown-button-outlined-with-icon-hover-icon-= color: var(--light-text-color); --gm3-dropdown-button-outlined-with-icon-ic= on-color: var(--light-text-color); --gm3-dropdown-button-outlined-with-icon= -pressed-icon-color: var(--light-text-color); } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingBetweenI= conAndTextSmall { --gm3-dropdown-button-outlined-with-icon-icon-label-space= : 4px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingBetweenI= conAndTextMedium { --gm3-dropdown-button-outlined-with-icon-icon-label-spac= e: 8px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingBetweenI= conAndTextLarge { --gm3-dropdown-button-outlined-with-icon-icon-label-space= : 16px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingLeftNone= { --gm3-dropdown-button-outlined-leading-space: 0; --gm3-dropdown-button-o= utlined-with-leading-icon-leading-space: 0; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingLeftSmal= l { --gm3-dropdown-button-outlined-leading-space: 6px; --gm3-dropdown-butto= n-outlined-with-leading-icon-leading-space: 6px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingLeftMedi= um { --gm3-dropdown-button-outlined-leading-space: 12px; --gm3-dropdown-but= ton-outlined-with-leading-icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingRightNon= e { --gm3-dropdown-button-outlined-trailing-space: 0; --gm3-dropdown-button= -outlined-with-leading-icon-trailing-space: 0; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingRightSma= ll { --gm3-dropdown-button-outlined-trailing-space: 6px; --gm3-dropdown-but= ton-outlined-with-leading-icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.paddingRightMed= ium { --gm3-dropdown-button-outlined-trailing-space: 12px; --gm3-dropdown-b= utton-outlined-with-leading-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonOutlinedTextDropdownButton.outlineColorOut= lineVariant { --gm3-dropdown-button-outlined-outline-color: var(--gm3-sys-c= olor-outline-variant,#c4c7c5); --gm3-dropdown-button-outlined-hover-outline= -color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardButtonFilledTextDropdownButton { --light-bg-colo= r: initial; --gm3-dropdown-button-filled-focus-label-text-color: var(--ligh= t-text-color); --gm3-dropdown-button-filled-hover-label-text-color: var(--l= ight-text-color); --gm3-dropdown-button-filled-hover-state-layer-color: var= (--light-text-color); --gm3-dropdown-button-filled-label-text-color: var(--= light-text-color); --gm3-dropdown-button-filled-label-text-decoration: var(= --text-decoration); --gm3-dropdown-button-filled-label-text-font: var(--lab= el-text-font); --gm3-dropdown-button-filled-label-text-size: var(--label-te= xt-size); --gm3-dropdown-button-filled-label-text-tracking: var(--label-tex= t-tracking); --gm3-dropdown-button-filled-label-text-weight: var(--font-wei= ght); --gm3-dropdown-button-filled-pressed-label-text-color: var(--light-te= xt-color); --gm3-dropdown-button-filled-pressed-state-layer-color: var(--li= ght-text-color); --gm3-dropdown-button-filled-with-icon-focus-icon-color: v= ar(--light-text-color); --gm3-dropdown-button-filled-with-icon-hover-icon-c= olor: var(--light-text-color); --gm3-dropdown-button-filled-with-icon-icon-= color: var(--light-text-color); --gm3-dropdown-button-filled-with-icon-pres= sed-icon-color: var(--light-text-color); --gm3-dropdown-button-filled-conta= iner-color: var(--light-bg-color); } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingBetweenIco= nAndTextSmall { --gm3-dropdown-button-filled-with-icon-icon-label-space: 4p= x; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingBetweenIco= nAndTextMedium { --gm3-dropdown-button-filled-with-icon-icon-label-space: 8= px; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingBetweenIco= nAndTextLarge { --gm3-dropdown-button-filled-with-icon-icon-label-space: 16= px; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingLeftNone {= --gm3-dropdown-button-filled-leading-space: 0; --gm3-dropdown-button-fille= d-with-leading-icon-leading-space: 0; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingLeftSmall = { --gm3-dropdown-button-filled-leading-space: 6px; --gm3-dropdown-button-fi= lled-with-leading-icon-leading-space: 6px; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingLeftMedium= { --gm3-dropdown-button-filled-leading-space: 12px; --gm3-dropdown-button-= filled-with-leading-icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingRightNone = { --gm3-dropdown-button-filled-trailing-space: 0; --gm3-dropdown-button-fil= led-with-leading-icon-trailing-space: 0; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingRightSmall= { --gm3-dropdown-button-filled-trailing-space: 6px; --gm3-dropdown-button-= filled-with-leading-icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonFilledTextDropdownButton.paddingRightMediu= m { --gm3-dropdown-button-filled-trailing-space: 12px; --gm3-dropdown-butto= n-filled-with-leading-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton { --light-bg= -color: initial; --gm3-dropdown-button-filled-tonal-focus-label-text-color:= var(--light-text-color); --gm3-dropdown-button-filled-tonal-hover-label-te= xt-color: var(--light-text-color); --gm3-dropdown-button-filled-tonal-hover= -state-layer-color: var(--light-text-color); --gm3-dropdown-button-filled-t= onal-label-text-color: var(--light-text-color); --gm3-dropdown-button-fille= d-tonal-label-text-decoration: var(--text-decoration); --gm3-dropdown-butto= n-filled-tonal-label-text-font: var(--label-text-font); --gm3-dropdown-butt= on-filled-tonal-label-text-size: var(--label-text-size); --gm3-dropdown-but= ton-filled-tonal-label-text-tracking: var(--label-text-tracking); --gm3-dro= pdown-button-filled-tonal-label-text-weight: var(--font-weight); --gm3-drop= down-button-filled-tonal-pressed-label-text-color: var(--light-text-color);= --gm3-dropdown-button-filled-tonal-pressed-state-layer-color: var(--light-= text-color); --gm3-dropdown-button-filled-tonal-with-icon-focus-icon-color:= var(--light-text-color); --gm3-dropdown-button-filled-tonal-with-icon-hove= r-icon-color: var(--light-text-color); --gm3-dropdown-button-filled-tonal-w= ith-icon-icon-color: var(--light-text-color); --gm3-dropdown-button-filled-= tonal-with-icon-pressed-icon-color: var(--light-text-color); --gm3-dropdown= -button-filled-tonal-container-color: var(--light-bg-color); } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingBetwe= enIconAndTextSmall { --gm3-dropdown-button-filled-tonal-with-icon-icon-labe= l-space: 4px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingBetwe= enIconAndTextMedium { --gm3-dropdown-button-filled-tonal-with-icon-icon-lab= el-space: 8px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingBetwe= enIconAndTextLarge { --gm3-dropdown-button-filled-tonal-with-icon-icon-labe= l-space: 16px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingLeftN= one { --gm3-dropdown-button-filled-tonal-leading-space: 0; --gm3-dropdown-b= utton-filled-tonal-with-leading-icon-leading-space: 0; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingLeftS= mall { --gm3-dropdown-button-filled-tonal-leading-space: 6px; --gm3-dropdow= n-button-filled-tonal-with-leading-icon-leading-space: 6px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingLeftM= edium { --gm3-dropdown-button-filled-tonal-leading-space: 12px; --gm3-dropd= own-button-filled-tonal-with-leading-icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingRight= None { --gm3-dropdown-button-filled-tonal-trailing-space: 0; --gm3-dropdown= -button-filled-tonal-with-leading-icon-trailing-space: 0; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingRight= Small { --gm3-dropdown-button-filled-tonal-trailing-space: 6px; --gm3-dropd= own-button-filled-tonal-with-leading-icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton.paddingRight= Medium { --gm3-dropdown-button-filled-tonal-trailing-space: 12px; --gm3-dro= pdown-button-filled-tonal-with-leading-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton { --gm3-dropd= own-button-text-focus-label-text-color: var(--light-text-color); --gm3-drop= down-button-text-hover-label-text-color: var(--light-text-color); --gm3-dro= pdown-button-text-hover-state-layer-color: var(--light-text-color); --gm3-d= ropdown-button-text-label-text-color: var(--light-text-color); --gm3-dropdo= wn-button-text-label-text-decoration: var(--text-decoration); --gm3-dropdow= n-button-text-label-text-font: var(--label-text-font); --gm3-dropdown-butto= n-text-label-text-size: var(--label-text-size); --gm3-dropdown-button-text-= label-text-tracking: var(--label-text-tracking); --gm3-dropdown-button-text= -label-text-weight: var(--font-weight); --gm3-dropdown-button-text-pressed-= label-text-color: var(--light-text-color); --gm3-dropdown-button-text-press= ed-state-layer-color: var(--light-text-color); --gm3-dropdown-button-text-w= ith-icon-focus-icon-color: var(--light-text-color); --gm3-dropdown-button-t= ext-with-icon-hover-icon-color: var(--light-text-color); --gm3-dropdown-but= ton-text-with-icon-icon-color: var(--light-text-color); --gm3-dropdown-butt= on-text-with-icon-pressed-icon-color: var(--light-text-color); } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingBetwee= nIconAndTextSmall { --gm3-dropdown-button-text-with-icon-icon-label-space: = 4px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingBetwee= nIconAndTextMedium { --gm3-dropdown-button-text-with-icon-icon-label-space:= 8px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingBetwee= nIconAndTextLarge { --gm3-dropdown-button-text-with-icon-icon-label-space: = 16px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingLeftNo= ne { --gm3-dropdown-button-text-leading-space: 0; --gm3-dropdown-button-tex= t-with-leading-icon-leading-space: 0; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingLeftSm= all { --gm3-dropdown-button-text-leading-space: 6px; --gm3-dropdown-button-= text-with-leading-icon-leading-space: 6px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingLeftMe= dium { --gm3-dropdown-button-text-leading-space: 12px; --gm3-dropdown-butto= n-text-with-leading-icon-leading-space: 12px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingRightN= one { --gm3-dropdown-button-text-trailing-space: 0; --gm3-dropdown-button-t= ext-with-leading-icon-trailing-space: 0; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingRightS= mall { --gm3-dropdown-button-text-trailing-space: 6px; --gm3-dropdown-butto= n-text-with-leading-icon-trailing-space: 6px; } .boqAddonscardsrendererCardButtonBorderlessTextDropdownButton.paddingRightM= edium { --gm3-dropdown-button-text-trailing-space: 12px; --gm3-dropdown-but= ton-text-with-leading-icon-trailing-space: 12px; } .boqAddonscardsrendererCardButtonFontIcon { --font-icon-grade: 0; --font-ic= on-weight: 400; align-items: center; color: inherit; } .boqAddonscardsrendererCardButtonFontIcon.customStyle { font-variation-sett= ings: "GRAD" var(--font-icon-grade); font-weight: var(--font-icon-weight); = } .boqAddonscardsrendererCardButtonFullWidthButton { max-width: 100%; width: = 9999px; } .boqAddonscardsrendererCardButtonFilledImageButton { --light-bg-color: init= ial; --light-icon-color: initial; --gm3-icon-button-filled-container-color:= var(--light-bg-color); --gm3-icon-button-filled-focus-icon-color: var(--li= ght-icon-color); --gm3-icon-button-filled-hover-icon-color: var(--light-ico= n-color); --gm3-icon-button-filled-icon-color: var(--light-icon-color); --g= m3-icon-button-filled-pressed-icon-color: var(--light-icon-color); } .boqAddonscardsrendererCardButtonOutlinedImageButton.outlineColorOutlineVar= iant { --gm3-icon-button-outlined-unselected-outline-color: var(--gm3-sys-c= olor-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardButtonShimmerTonalButton { position: relative; o= verflow: hidden; } .boqAddonscardsrendererCardButtonShimmerTonalButton::before { content: ""; = position: absolute; top: 0px; left: -150%; width: 75%; --gm3-button-filled-= tonal-container-height: 100%; background: linear-gradient(100deg, rgba(255,= 255, 255, 0), rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0)); anima= tion: 3s linear 0s infinite normal none running shimmer-animation; } @keyframes shimmer-animation {=20 0% { left: -150%; } 100% { left: 150%; } } .boqAddonscardsrendererCardButtonTimer { --EscQs: 2px; --XJrZW: 2px; --EkrY= wf: 16px; margin-inline-end: 8px; } .boqAddonscardsrendererCardFormattedtextFormattedText { --text-font: Google= Sans Text,Google Sans,Roboto,Arial,sans-serif; --text-line-height: 1.25rem= ; --text-size: 0.875rem; --text-weight: 400; font-family: var(--text-font);= font-size: var(--text-size); font-weight: var(--text-weight); letter-spaci= ng: 0px; line-height: var(--text-line-height); overflow-wrap: break-word; o= verflow: clip; overflow-clip-margin: 2px; width: 100%; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displaySmall { fo= nt: 400 2.25rem / 2.75rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displayMedium { f= ont: 400 2.8125rem / 3.25rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displayLarge { fo= nt: 400 3.5625rem / 4rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineSmall { f= ont: 400 1.5rem / 2rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineMedium { = font: 400 1.75rem / 2.25rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineLarge { f= ont: 400 2rem / 2.5rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodySmall { font:= 400 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-= serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodyMedium { font= : 400 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, = sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodyLarge { font:= 400 1rem / 1.5rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-s= erif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.titleSmall { font= : 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, = sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.titleMedium { fon= t: 500 1rem / 1.5rem "Google Sans Text", "Google Sans", Roboto, Arial, sans= -serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.titleLarge { font= : 400 1.375rem / 1.75rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelSmall { font= : 500 0.6875rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sa= ns-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelMedium { fon= t: 500 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, san= s-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelLarge { font= : 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, = sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodySmallEmphasiz= ed { font: 500 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Ar= ial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodyMediumEmphasi= zed { font: 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Robot= o, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodyLargeEmphasiz= ed { font: 500 1rem / 1.5rem "Google Sans Text", "Google Sans", Roboto, Ari= al, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelSmallEmphasi= zed { font: 700 0.6875rem / 1rem "Google Sans Text", "Google Sans", Roboto,= Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelMediumEmphas= ized { font: 700 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, = Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan.labelLargeEmphasi= zed { font: 700 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Robot= o, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextFormattedTextSpan { --light-color: = initial; font-family: inherit; color: var(--light-color); } .boqAddonscardsrendererCardFormattedtextFormattedTextAlignLeft { text-align= : left; } .boqAddonscardsrendererCardFormattedtextFormattedTextAlignCenter { text-ali= gn: center; } .boqAddonscardsrendererCardFormattedtextFormattedTextAlignRight { text-alig= n: right; } .boqAddonscardsrendererCardFormattedtextFontStyleItalic, .boqAddonscardsren= dererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormattedtex= tFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontStyleItalic {= font-style: italic; } .boqAddonscardsrendererCardFormattedtextFontStyleUnderline, .boqAddonscards= rendererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormatted= textFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontStyleUnder= line { text-decoration: underline; } .boqAddonscardsrendererCardFormattedtextFontStyleStrikethrough, .boqAddonsc= ardsrendererCardFormattedtextFormattedText .boqAddonscardsrendererCardForma= ttedtextFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontStyleS= trikethrough { text-decoration: line-through; } .boqAddonscardsrendererCardFormattedtextFontStyleUppercase, .boqAddonscards= rendererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormatted= textFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontStyleUpper= case { text-transform: uppercase; } .boqAddonscardsrendererCardFormattedtextFontWeightRegular, .boqAddonscardsr= endererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormattedt= extFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontWeightRegul= ar { font-weight: 400; } .boqAddonscardsrendererCardFormattedtextFontWeightLight, .boqAddonscardsren= dererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormattedtex= tFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontWeightLight {= font-weight: 300; } .boqAddonscardsrendererCardFormattedtextFontWeightMedium, .boqAddonscardsre= ndererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormattedte= xtFormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontWeightMedium= { font-weight: 500; } .boqAddonscardsrendererCardFormattedtextFontWeightBold, .boqAddonscardsrend= ererCardFormattedtextFormattedText .boqAddonscardsrendererCardFormattedtext= FormattedTextSpan.boqAddonscardsrendererCardFormattedtextFontWeightBold { f= ont-weight: 700; } .boqAddonscardsrendererCardFormattedtextFontWeightCode { background: var(--= gm3-sys-color-inverse-on-surface,#f2f2f2); border-color: var(--gm3-sys-colo= r-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-surface,#1f1f1f);= font-family: "Roboto Mono", monospace; font-size: 0.8rem; max-width: 100%;= overflow: auto; break-inside: avoid; overflow-wrap: break-word; margin: 0p= x 2px; padding: 1px 4px; display: inline; tab-size: 2; white-space: pre-wra= p; } .boqAddonscardsrendererCardFormattedtextFontWeightCodeBlock { background: v= ar(--gm3-sys-color-inverse-on-surface,#f2f2f2); border-color: var(--gm3-sys= -color-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-surface,#1f1= f1f); font-family: "Roboto Mono", monospace; font-size: 0.8rem; max-width: = 100%; overflow: auto; break-inside: avoid; overflow-wrap: break-word; borde= r-radius: 4px; line-height: 20px; margin: 2px 0px; padding: 4px; text-wrap:= wrap; display: block; tab-size: 2; white-space-collapse: preserve; } .boqAddonscardsrendererCardFormattedtextWrapStyleNoWrap { white-space: nowr= ap; } .boqAddonscardsrendererCardFormattedtextListStyle { padding-left: 30px; } .boqAddonscardsrendererCardFormattedtextListStyle .boqAddonscardsrendererCa= rdFormattedtextFormattedTextSpan { color: var(--gm3-sys-color-inverse-surfa= ce,#303030); } .boqAddonscardsrendererCardFormattedtextBlockquoteStyle { display: block; m= argin-bottom: 1.6em; margin-left: 0px; padding-left: 1em; position: relativ= e; } .boqAddonscardsrendererCardFormattedtextBlockquoteStyleInline { margin-bott= om: 1.6em; margin-left: 0px; position: relative; display: inline; padding-l= eft: 0px; vertical-align: text-bottom; } .boqAddonscardsrendererCardFormattedtextBlockquoteStyleInline::before { col= or: var(--gm3-sys-color-on-surface,#1f1f1f); content: var(--blockquote-pref= ix,">"); margin-right: 5px; top: 0px; left: 0px; position: relative; } .boqAddonscardsrendererCardFormattedtextBlockquoteStyle::before { color: va= r(--gm3-sys-color-on-surface,#1f1f1f); content: var(--blockquote-prefix,">"= ); left: 0.2em; margin-right: 5px; position: absolute; top: 0px; } .boqAddonscardsrendererCardFormattedtextChipContainer { --chip-background-c= olor: initial; --chip-container-height: 20px; --chip-disabled-outline-color= : initial; --chip-focus-indicator-outline-offset: 0px; --chip-focus-indicat= or-thickness: 1px; --chip-focus-label-text-color: initial; --chip-focus-out= line-color: initial; --chip-hover-label-text-color: initial; --chip-hover-s= tate-layer-color: initial; --chip-icon-container-size: 24px; --chip-icon-si= ze: 24px; --chip-label-text-color: initial; --chip-label-text-font-family: = "Google Sans"; --chip-label-text-line-height: 1.25rem; --chip-label-text-si= ze: 0.875rem; --chip-label-text-tracking: inherit; --chip-label-text-weight= : 500; --chip-outline-color: var(--gm3-sys-color-outline,#747775); --chip-o= utline-width: 1px; --chip-pressed-label-text-color: initial; --chip-pressed= -state-layer-color: initial; --chip-shape: 8px; } .boqAddonscardsrendererCardFormattedtextChip { --gm3-chip-shared-container-= height: var(--chip-container-height); --gm3-chip-shared-focus-indicator-out= line-offset: var(--chip-focus-indicator-outline-offset); --gm3-chip-shared-= focus-indicator-thickness: var(--chip-focus-indicator-thickness); --gm3-chi= p-shared-label-text-font: var(--chip-label-text-font-family); --gm3-chip-sh= ared-label-text-line-height: var(--chip-label-text-line-height); --gm3-chip= -shared-label-text-size: var(--chip-label-text-size); --gm3-chip-shared-lab= el-text-tracking: var(--chip-label-text-tracking); --gm3-chip-shared-label-= text-weight: var(--chip-label-text-weight); --gm3-chip-shared-container-sha= pe-start-start: var(--chip-shape); --gm3-chip-shared-container-shape-start-= end: var(--chip-shape); --gm3-chip-shared-container-shape-end-end: var(--ch= ip-shape); --gm3-chip-shared-container-shape-end-start: var(--chip-shape); = --gm3-chip-assist-flat-disabled-outline-color: var(--chip-disabled-outline-= color); --gm3-chip-assist-flat-focus-label-text-color: var(--chip-focus-lab= el-text-color); --gm3-chip-assist-flat-focus-outline-color: var(--chip-focu= s-outline-color); --gm3-chip-assist-flat-hover-label-text-color: var(--chip= -hover-label-text-color); --gm3-chip-assist-flat-hover-state-layer-color: v= ar(--chip-hover-state-layer-color); --gm3-chip-assist-flat-label-text-color= : var(--chip-label-text-color); --gm3-chip-assist-flat-outline-color: var(-= -chip-outline-color); --gm3-chip-assist-flat-outline-width: var(--chip-outl= ine-width); --gm3-chip-assist-flat-pressed-label-text-color: var(--chip-pre= ssed-label-text-color); --gm3-chip-assist-flat-pressed-state-layer-color: v= ar(--chip-pressed-state-layer-color); background: var(--chip-background-col= or); vertical-align: middle; } .boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIco= nIcon { height: var(--chip-icon-size); width: var(--chip-icon-size); } .boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIco= nImageContainer { vertical-align: baseline; width: var(--chip-icon-size); } .boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIco= nFontIcon.customStyle { font-size: var(--chip-icon-size); } .boqAddonscardsrendererCardFormattedtextChipIcon { display: flex; height: v= ar(--chip-icon-container-size); place-items: center; width: var(--chip-icon= -container-size); } .boqAddonscardsrendererCardFormattedtextDisabledChipIcon { opacity: 0.38; c= olor: var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardFormattedtextInlineIcon.displaySmall { font: 400= 2.25rem / 2.75rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.displayMedium { font: 40= 0 2.8125rem / 3.25rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.displayLarge { font: 400= 3.5625rem / 4rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.headlineSmall { font: 40= 0 1.5rem / 2rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.headlineMedium { font: 4= 00 1.75rem / 2.25rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.headlineLarge { font: 40= 0 2rem / 2.5rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodySmall { font: 400 0.= 75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; = } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodyMedium { font: 400 0= .875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-se= rif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodyLarge { font: 400 1r= em / 1.5rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.titleSmall { font: 500 0= .875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-se= rif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.titleMedium { font: 500 = 1rem / 1.5rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;= } .boqAddonscardsrendererCardFormattedtextInlineIcon.titleLarge { font: 400 1= .375rem / 1.75rem "Google Sans", Roboto, Arial, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelSmall { font: 500 0= .6875rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-seri= f; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelMedium { font: 500 = 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif= ; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelLarge { font: 500 0= .875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-se= rif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodySmallEmphasized { fo= nt: 500 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sa= ns-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodyMediumEmphasized { f= ont: 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Aria= l, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.bodyLargeEmphasized { fo= nt: 500 1rem / 1.5rem "Google Sans Text", "Google Sans", Roboto, Arial, san= s-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelSmallEmphasized { f= ont: 700 0.6875rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial,= sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelMediumEmphasized { = font: 700 0.75rem / 1rem "Google Sans Text", "Google Sans", Roboto, Arial, = sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon.labelLargeEmphasized { f= ont: 700 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Aria= l, sans-serif; } .boqAddonscardsrendererCardFormattedtextInlineIcon .boqAddonscardsrendererC= ardIconIcon { height: 1em; width: 1em; } .boqAddonscardsrendererCardFormattedtextInlineIcon .boqAddonscardsrendererC= ardIconImageContainer { vertical-align: baseline; width: 1em; } .boqAddonscardsrendererCardFormattedtextInlineIcon .boqAddonscardsrendererC= ardIconFontIcon.customStyle { font-size: 1em; } .boqAddonscardsrendererCardFormattedtextInlineIcon { display: inline-flex; = transform: translateY(-1px); vertical-align: middle; } .boqAddonscardsrendererCardIconIcon { align-items: center; display: flex; h= eight: 24px; justify-content: center; width: 24px; } .boqAddonscardsrendererCardIconIcon.top { align-self: flex-start; } .boqAddonscardsrendererCardIconIcon.bottom { align-self: flex-end; } .boqAddonscardsrendererCardIconIcon.inline { display: inline-flex; vertical= -align: middle; } .boqAddonscardsrendererCardIconImageContainer { width: 24px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .boqAddonscardsrendererCardIconImageContainer.isKnownIcon { filter: brigh= tness(0) invert(100%); } } .boqAddonscardsrendererCardIconFontIcon { --font-icon-grade: 0; --font-icon= -weight: 400; color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardIconFontIcon.customStyle { font-variation-settin= gs: "GRAD" var(--font-icon-grade); font-weight: var(--font-icon-weight); } .addonscardsrendererCardImagecropstyleSquare { aspect-ratio: 1 / 1; } .addonscardsrendererCardImagecropstyleCircle { border-radius: 50%; } .addonscardsrendererCardImagecropstyleRectangle { aspect-ratio: 4 / 3; } .boqAddonscardsrendererCardStylesGm3ColorTokenBackground { color: var(--gm3= -sys-color-background,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenBackgroundBg { background-col= or: var(--gm3-sys-color-background,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenError { color: var(--gm3-sys-= color-error,#b3261e); } .boqAddonscardsrendererCardStylesGm3ColorTokenErrorBg { background-color: v= ar(--gm3-sys-color-error,#b3261e); } .boqAddonscardsrendererCardStylesGm3ColorTokenErrorContainer { color: var(-= -gm3-sys-color-error-container,#f9dedc); } .boqAddonscardsrendererCardStylesGm3ColorTokenErrorContainerBg { background= -color: var(--gm3-sys-color-error-container,#f9dedc); } .boqAddonscardsrendererCardStylesGm3ColorTokenInverseOnSurface { color: var= (--gm3-sys-color-inverse-on-surface,#f2f2f2); } .boqAddonscardsrendererCardStylesGm3ColorTokenInverseOnSurfaceBg { backgrou= nd-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); } .boqAddonscardsrendererCardStylesGm3ColorTokenInversePrimary { color: var(-= -gm3-sys-color-inverse-primary,#a8c7fa); } .boqAddonscardsrendererCardStylesGm3ColorTokenInversePrimaryBg { background= -color: var(--gm3-sys-color-inverse-primary,#a8c7fa); } .boqAddonscardsrendererCardStylesGm3ColorTokenInverseSurface { color: var(-= -gm3-sys-color-inverse-surface,#303030); } .boqAddonscardsrendererCardStylesGm3ColorTokenInverseSurfaceBg { background= -color: var(--gm3-sys-color-inverse-surface,#303030); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnBackground { color: var(--g= m3-sys-color-on-background,#1f1f1f); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnBackgroundBg { background-c= olor: var(--gm3-sys-color-on-background,#1f1f1f); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnError { color: var(--gm3-sy= s-color-on-error,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnErrorBg { background-color:= var(--gm3-sys-color-on-error,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnErrorContainer { color: var= (--gm3-sys-color-on-error-container,#8c1d18); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnErrorContainerBg { backgrou= nd-color: var(--gm3-sys-color-on-error-container,#8c1d18); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimary { color: var(--gm3-= sys-color-on-primary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryBg { background-colo= r: var(--gm3-sys-color-on-primary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryContainer { color: v= ar(--gm3-sys-color-on-primary-container,#0842a0); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryContainerBg { backgr= ound-color: var(--gm3-sys-color-on-primary-container,#0842a0); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryFixed { color: var(-= -gm3-sys-color-on-primary-fixed,#041e49); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryFixedBg { background= -color: var(--gm3-sys-color-on-primary-fixed,#041e49); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryFixedVariant { color= : var(--gm3-sys-color-on-primary-fixed-variant,#0842a0); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnPrimaryFixedVariantBg { bac= kground-color: var(--gm3-sys-color-on-primary-fixed-variant,#0842a0); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondary { color: var(--gm= 3-sys-color-on-secondary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryBg { background-co= lor: var(--gm3-sys-color-on-secondary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryContainer { color:= var(--gm3-sys-color-on-secondary-container,#004a77); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryContainerBg { back= ground-color: var(--gm3-sys-color-on-secondary-container,#004a77); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryFixed { color: var= (--gm3-sys-color-on-secondary-fixed,#001d35); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryFixedBg { backgrou= nd-color: var(--gm3-sys-color-on-secondary-fixed,#001d35); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryFixedVariant { col= or: var(--gm3-sys-color-on-secondary-fixed-variant,#004a77); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSecondaryFixedVariantBg { b= ackground-color: var(--gm3-sys-color-on-secondary-fixed-variant,#004a77); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSurface { color: var(--gm3-= sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSurfaceBg { background-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSurfaceVariant { color: var= (--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnSurfaceVariantBg { backgrou= nd-color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiary { color: var(--gm3= -sys-color-on-tertiary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryBg { background-col= or: var(--gm3-sys-color-on-tertiary,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryContainer { color: = var(--gm3-sys-color-on-tertiary-container,#0f5223); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryContainerBg { backg= round-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryFixed { color: var(= --gm3-sys-color-on-tertiary-fixed,#072711); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryFixedBg { backgroun= d-color: var(--gm3-sys-color-on-tertiary-fixed,#072711); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryFixedVariant { colo= r: var(--gm3-sys-color-on-tertiary-fixed-variant,#0f5223); } .boqAddonscardsrendererCardStylesGm3ColorTokenOnTertiaryFixedVariantBg { ba= ckground-color: var(--gm3-sys-color-on-tertiary-fixed-variant,#0f5223); } .boqAddonscardsrendererCardStylesGm3ColorTokenOutline { color: var(--gm3-sy= s-color-outline,#747775); } .boqAddonscardsrendererCardStylesGm3ColorTokenOutlineBg { background-color:= var(--gm3-sys-color-outline,#747775); } .boqAddonscardsrendererCardStylesGm3ColorTokenOutlineVariant { color: var(-= -gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardStylesGm3ColorTokenOutlineVariantBg { background= -color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimary { color: var(--gm3-sy= s-color-primary,#0b57d0); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryBg { background-color:= var(--gm3-sys-color-primary,#0b57d0); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryContainer { color: var= (--gm3-sys-color-primary-container,#d3e3fd); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryContainerBg { backgrou= nd-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryFixed { color: var(--g= m3-sys-color-primary-fixed,#d3e3fd); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryFixedBg { background-c= olor: var(--gm3-sys-color-primary-fixed,#d3e3fd); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryFixedDim { color: var(= --gm3-sys-color-primary-fixed-dim,#a8c7fa); } .boqAddonscardsrendererCardStylesGm3ColorTokenPrimaryFixedDimBg { backgroun= d-color: var(--gm3-sys-color-primary-fixed-dim,#a8c7fa); } .boqAddonscardsrendererCardStylesGm3ColorTokenScrim { color: var(--gm3-sys-= color-scrim,#000); } .boqAddonscardsrendererCardStylesGm3ColorTokenScrimBg { background-color: v= ar(--gm3-sys-color-scrim,#000); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondary { color: var(--gm3-= sys-color-secondary,#00639b); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryBg { background-colo= r: var(--gm3-sys-color-secondary,#00639b); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryContainer { color: v= ar(--gm3-sys-color-secondary-container,#c2e7ff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryContainerBg { backgr= ound-color: var(--gm3-sys-color-secondary-container,#c2e7ff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryFixed { color: var(-= -gm3-sys-color-secondary-fixed,#c2e7ff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryFixedBg { background= -color: var(--gm3-sys-color-secondary-fixed,#c2e7ff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryFixedDim { color: va= r(--gm3-sys-color-secondary-fixed-dim,#7fcfff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSecondaryFixedDimBg { backgro= und-color: var(--gm3-sys-color-secondary-fixed-dim,#7fcfff); } .boqAddonscardsrendererCardStylesGm3ColorTokenShadow { color: var(--gm3-sys= -color-shadow,#000); } .boqAddonscardsrendererCardStylesGm3ColorTokenShadowBg { background-color: = var(--gm3-sys-color-shadow,#000); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurface { color: var(--gm3-sy= s-color-surface,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceBg { background-color:= var(--gm3-sys-color-surface,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceBright { color: var(--= gm3-sys-color-surface-bright,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceBrightBg { background-= color: var(--gm3-sys-color-surface-bright,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainer { color: var= (--gm3-sys-color-surface-container,#f0f4f9); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerBg { backgrou= nd-color: var(--gm3-sys-color-surface-container,#f0f4f9); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerHigh { color:= var(--gm3-sys-color-surface-container-high,#e9eef6); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerHighBg { back= ground-color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerHighest { col= or: var(--gm3-sys-color-surface-container-highest,#dde3ea); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerHighestBg { b= ackground-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerLow { color: = var(--gm3-sys-color-surface-container-low,#f8fafd); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerLowBg { backg= round-color: var(--gm3-sys-color-surface-container-low,#f8fafd); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerLowest { colo= r: var(--gm3-sys-color-surface-container-lowest,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceContainerLowestBg { ba= ckground-color: var(--gm3-sys-color-surface-container-lowest,#fff); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceDim { color: var(--gm3= -sys-color-surface-dim,#d3dbe5); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceDimBg { background-col= or: var(--gm3-sys-color-surface-dim,#d3dbe5); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceTint { color: var(--gm= 3-sys-color-surface-tint,#6991d6); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceTintBg { background-co= lor: var(--gm3-sys-color-surface-tint,#6991d6); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceVariant { color: var(-= -gm3-sys-color-surface-variant,#e1e3e1); } .boqAddonscardsrendererCardStylesGm3ColorTokenSurfaceVariantBg { background= -color: var(--gm3-sys-color-surface-variant,#e1e3e1); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiary { color: var(--gm3-s= ys-color-tertiary,#146c2e); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryBg { background-color= : var(--gm3-sys-color-tertiary,#146c2e); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryContainer { color: va= r(--gm3-sys-color-tertiary-container,#c4eed0); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryContainerBg { backgro= und-color: var(--gm3-sys-color-tertiary-container,#c4eed0); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryFixed { color: var(--= gm3-sys-color-tertiary-fixed,#c4eed0); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryFixedBg { background-= color: var(--gm3-sys-color-tertiary-fixed,#c4eed0); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryFixedDim { color: var= (--gm3-sys-color-tertiary-fixed-dim,#6dd58c); } .boqAddonscardsrendererCardStylesGm3ColorTokenTertiaryFixedDimBg { backgrou= nd-color: var(--gm3-sys-color-tertiary-fixed-dim,#6dd58c); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-assist-flat-wi= th-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__icon--primary { color: var(--gm3-chip-assist-flat-with-icon-disabled-ic= on-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3Wiz= ChipShared-chip__icon--primary { color: var(--gm3-chip-assist-flat-with-ico= n-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3Wiz= ChipShared-chip__icon--primary { color: var(--gm3-chip-assist-flat-with-ico= n-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:active .javascriptMaterialdesignGm3Wi= zChipShared-chip__icon--primary { color: var(--gm3-chip-assist-flat-with-ic= on-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__icon--primary:has(svg, img) { opacity: var(--gm3-chip-assist-flat-with-= icon-disabled-icon-opacity,.38); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__text-label { color: var(--gm3-chip-assist-flat-label-text-color,v= ar(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3Wiz= ChipShared-chip__text-label { color: var(--gm3-chip-assist-flat-hover-label= -text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3Wiz= ChipShared-chip__text-label { color: var(--gm3-chip-assist-flat-focus-label= -text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:active .javascriptMaterialdesignGm3Wi= zChipShared-chip__text-label { color: var(--gm3-chip-assist-flat-pressed-la= bel-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl { --sbadab: var(--gm3-chi= p-assist-flat-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1= f)); --hSHBee: var(--gm3-chip-assist-flat-hover-state-layer-opacity,0.08); = --F1tVH: var(--gm3-chip-assist-flat-pressed-state-layer-color,var(--gm3-sys= -color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-chip-assist-flat-pressed-s= tate-layer-opacity,0.1); } } .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesignGm= 3WizChipShared-chip__action--primary::before { border-width: var(--gm3-chip= -assist-flat-outline-width,1px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__action--primary::before { border-color: var(--gm3-ch= ip-assist-flat-outline-color,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__action--primary-interactive:focus::before { border-c= olor: var(--gm3-chip-assist-flat-focus-outline-color,var(--gm3-sys-color-on= -surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__action--primary::before { border-color: var(--gm3-chip-assist-flat-disa= bled-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12));= } } .javascriptMaterialdesignGm3WizButtonFilled-button { display: inline-flex; = position: relative; align-items: center; box-sizing: border-box; border-wid= th: medium; border-style: none; border-color: currentcolor; border-image: n= one; border-start-start-radius: min(var(--gm3-button-filled-container-shape= -start-start,9999px),var(--gm3-button-filled-container-height,40px)/2); bor= der-start-end-radius: min(var(--gm3-button-filled-container-shape-start-end= ,9999px),var(--gm3-button-filled-container-height,40px)/2); border-end-star= t-radius: min(var(--gm3-button-filled-container-shape-end-start,9999px),var= (--gm3-button-filled-container-height,40px)/2); border-end-end-radius: min(= var(--gm3-button-filled-container-shape-end-end,9999px),var(--gm3-button-fi= lled-container-height,40px)/2); outline: none; background: transparent; app= earance: none; line-height: inherit; text-rendering: inherit; user-select: = none; vertical-align: middle; cursor: pointer; justify-content: var(--gm3-b= utton-filled-container-justify-content,center); min-inline-size: var(--gm3-= button-filled-container-min-width,64px); padding-block: 0px; padding-inline= : var(--gm3-button-filled-leading-space,24px) var(--gm3-button-filled-trail= ing-space,24px); block-size: var(--gm3-button-filled-container-height,40px)= ; --sbadab: var(--gm3-button-filled-hover-state-layer-color,var(--gm3-sys-c= olor-on-primary,#fff)); --hSHBee: var(--gm3-button-filled-hover-state-layer= -opacity,0.08); --F1tVH: var(--gm3-button-filled-pressed-state-layer-color,= var(--gm3-sys-color-on-primary,#fff)); --kDWEsd: var(--gm3-button-filled-pr= essed-state-layer-opacity,0.1); --vTiv8c: min(var(--gm3-button-filled-conta= iner-shape-start-start,9999px),var(--gm3-button-filled-container-height,40p= x)/2); --UtHrue: min(var(--gm3-button-filled-container-shape-start-end,9999= px),var(--gm3-button-filled-container-height,40px)/2); --C8LWjb: min(var(--= gm3-button-filled-container-shape-end-start,9999px),var(--gm3-button-filled= -container-height,40px)/2); --uHecC: min(var(--gm3-button-filled-container-= shape-end-end,9999px),var(--gm3-button-filled-container-height,40px)/2); --= jF0a9c: var(--gm3-button-filled-focus-indicator-color,var(--gm3-sys-color-s= econdary,#00639b)); --hK0TOb: var(--gm3-button-filled-focus-indicator-outli= ne-offset,2px); --SGGi: var(--gm3-button-filled-focus-indicator-thickness,3= px); } .javascriptMaterialdesignGm3WizButtonFilled-button, .javascriptMaterialdesi= gnGm3WizButtonFilled-button__focusring { transition: border-radius var(--gm= 3-button-filled-container-shape-transition-duration,.35s) var(--gm3-button-= filled-container-shape-transition-easing-function,cubic-bezier(.4,.1,.5,1.4= )); } .javascriptMaterialdesignGm3WizButtonFilled-button__link:focus-visible { ou= tline: none; } .javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible, .javascri= ptMaterialdesignGm3WizButtonFilled-button__link:focus-visible ~ .javascript= MaterialdesignGm3WizButtonFilled-button__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonFilled-button:not(:disabled):active { = border-start-start-radius: min(var(--gm3-button-filled-pressed-container-sh= ape-start-start,9999px),var(--gm3-button-filled-container-height,40px)/2); = border-end-end-radius: min(var(--gm3-button-filled-pressed-container-shape-= end-end,9999px),var(--gm3-button-filled-container-height,40px)/2); border-s= tart-end-radius: min(var(--gm3-button-filled-pressed-container-shape-start-= end,9999px),var(--gm3-button-filled-container-height,40px)/2); border-end-s= tart-radius: min(var(--gm3-button-filled-pressed-container-shape-end-start,= 9999px),var(--gm3-button-filled-container-height,40px)/2); --vTiv8c: min(va= r(--gm3-button-filled-pressed-container-shape-start-start,9999px),var(--gm3= -button-filled-container-height,40px)/2); --UtHrue: min(var(--gm3-button-fi= lled-pressed-container-shape-start-end,9999px),var(--gm3-button-filled-cont= ainer-height,40px)/2); --C8LWjb: min(var(--gm3-button-filled-pressed-contai= ner-shape-end-start,9999px),var(--gm3-button-filled-container-height,40px)/= 2); --uHecC: min(var(--gm3-button-filled-pressed-container-shape-end-end,99= 99px),var(--gm3-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizButtonFilled-button--use-intrinsic-height { = border-start-start-radius: var(--gm3-button-filled-container-shape-start-st= art,9999px); border-start-end-radius: var(--gm3-button-filled-container-sha= pe-start-end,9999px); border-end-start-radius: var(--gm3-button-filled-cont= ainer-shape-end-start,9999px); border-end-end-radius: var(--gm3-button-fill= ed-container-shape-end-end,9999px); --vTiv8c: var(--gm3-button-filled-conta= iner-shape-start-start,9999px); --UtHrue: var(--gm3-button-filled-container= -shape-start-end,9999px); --C8LWjb: var(--gm3-button-filled-container-shape= -end-start,9999px); --uHecC: var(--gm3-button-filled-container-shape-end-en= d,9999px); } .javascriptMaterialdesignGm3WizButtonFilled-button--use-intrinsic-height:no= t(:disabled):active { border-start-start-radius: var(--gm3-button-filled-pr= essed-container-shape-start-start,9999px); border-end-end-radius: var(--gm3= -button-filled-pressed-container-shape-end-end,9999px); border-start-end-ra= dius: var(--gm3-button-filled-pressed-container-shape-start-end,9999px); bo= rder-end-start-radius: var(--gm3-button-filled-pressed-container-shape-end-= start,9999px); --vTiv8c: var(--gm3-button-filled-pressed-container-shape-st= art-start,9999px); --UtHrue: var(--gm3-button-filled-pressed-container-shap= e-start-end,9999px); --C8LWjb: var(--gm3-button-filled-pressed-container-sh= ape-end-start,9999px); --uHecC: var(--gm3-button-filled-pressed-container-s= hape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonFilled-button:disabled { cursor: defau= lt; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonFilled-button--with-tooltip:disabled {= pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonFilled-button[hidden] { display: none;= } .javascriptMaterialdesignGm3WizButtonFilled-button__label { position: relat= ive; text-align: center; color: var(--gm3-button-filled-label-text-color,va= r(--gm3-sys-color-on-primary,#fff)); font-size: var(--gm3-button-filled-lab= el-text-size,.875rem); font-family: var(--gm3-button-filled-label-text-font= ,"Google Sans",Roboto,Arial,sans-serif); font-weight: var(--gm3-button-fill= ed-label-text-weight,500); letter-spacing: var(--gm3-button-filled-label-te= xt-tracking,0); text-decoration: var(--gm3-button-filled-label-text-decorat= ion,none); font-variation-settings: var(--gm3-button-filled-label-text-font= -variation-settings,initial); } .javascriptMaterialdesignGm3WizButtonFilled-button__use-updated-font-styles= .javascriptMaterialdesignGm3WizButtonFilled-button__label { font-family: v= ar(--gm3-button-filled-label-text-font,"Google Sans Flex","Google Sans Text= ","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonFilled-button:hover .javascriptMateria= ldesignGm3WizButtonFilled-button__label { color: var(--gm3-button-filled-ho= ver-label-text-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible .javascrip= tMaterialdesignGm3WizButtonFilled-button__label { color: var(--gm3-button-f= illed-focus-label-text-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button:active .javascriptMateri= aldesignGm3WizButtonFilled-button__label { color: var(--gm3-button-filled-p= ressed-label-text-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button.javascriptMaterialdesign= Gm3WizButtonFilled-button:disabled .javascriptMaterialdesignGm3WizButtonFil= led-button__label { color: var(--gm3-button-filled-disabled-label-text-colo= r,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonFilled-button--ellipsis .javascriptMat= erialdesignGm3WizButtonFilled-button__label { white-space: nowrap; text-ove= rflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading { padding-= inline: var(--gm3-button-filled-with-leading-icon-leading-space,16px) var(-= -gm3-button-filled-with-leading-icon-trailing-space,24px); } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascrip= tMaterialdesignGm3WizButtonFilled-button__icon-slot i, .javascriptMateriald= esignGm3WizButtonFilled-button--icon-leading .javascriptMaterialdesignGm3Wi= zButtonFilled-button__icon-slot img, .javascriptMaterialdesignGm3WizButtonF= illed-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilled-butt= on__icon-slot svg { margin-inline-end: var(--gm3-button-filled-with-icon-ic= on-label-space,8px); } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascrip= tMaterialdesignGm3WizButtonFilled-button__icon-slot--custom-spacing { paddi= ng-inline-end: var(--gm3-button-filled-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing { padding= -inline: var(--gm3-button-filled-with-trailing-icon-leading-space,24px) var= (--gm3-button-filled-with-trailing-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascri= ptMaterialdesignGm3WizButtonFilled-button__icon-slot i, .javascriptMaterial= designGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdesignGm3= WizButtonFilled-button__icon-slot img, .javascriptMaterialdesignGm3WizButto= nFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilled-b= utton__icon-slot svg { margin-inline-start: var(--gm3-button-filled-with-ic= on-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascri= ptMaterialdesignGm3WizButtonFilled-button__icon-slot--custom-spacing { padd= ing-inline-start: var(--gm3-button-filled-with-icon-icon-label-space,8px); = } .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot { display: no= ne; position: relative; line-height: 0; color: var(--gm3-button-filled-with= -icon-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot i, .javascrip= tMaterialdesignGm3WizButtonFilled-button__icon-slot img, .javascriptMateria= ldesignGm3WizButtonFilled-button__icon-slot svg { display: inline-flex; pos= ition: relative; direction: inherit; color: inherit; font-size: var(--gm3-b= utton-filled-with-icon-icon-size,18px); inline-size: var(--gm3-button-fille= d-with-icon-icon-size,18px); block-size: var(--gm3-button-filled-with-icon-= icon-size,18px); } .javascriptMaterialdesignGm3WizButtonFilled-button:hover .javascriptMateria= ldesignGm3WizButtonFilled-button__icon-slot { color: var(--gm3-button-fille= d-with-icon-hover-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible .javascrip= tMaterialdesignGm3WizButtonFilled-button__icon-slot { color: var(--gm3-butt= on-filled-with-icon-focus-icon-color,var(--gm3-sys-color-on-primary,#fff));= } .javascriptMaterialdesignGm3WizButtonFilled-button:active .javascriptMateri= aldesignGm3WizButtonFilled-button__icon-slot { color: var(--gm3-button-fill= ed-with-icon-pressed-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonFilled-button.javascriptMaterialdesign= Gm3WizButtonFilled-button:disabled .javascriptMaterialdesignGm3WizButtonFil= led-button__icon-slot { color: var(--gm3-button-filled-with-icon-disabled-i= con-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonFilled-button--flip-icon .javascriptMa= terialdesignGm3WizButtonFilled-button__icon-slot[dir=3D"rtl"], [dir=3D"rtl"= ] .javascriptMaterialdesignGm3WizButtonFilled-button--flip-icon .javascript= MaterialdesignGm3WizButtonFilled-button__icon-slot { transform: scaleX(-1);= } .javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascrip= tMaterialdesignGm3WizButtonFilled-button__icon-slot--leading, .javascriptMa= terialdesignGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdes= ignGm3WizButtonFilled-button__icon-slot--trailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonFilled-button__link { position: absolu= te; inset: 0px; } .javascriptMaterialdesignGm3WizButtonFilled-button--touch { margin-block: m= ax((48px - var(--gm3-button-filled-container-height,40px))/2,0px); } .javascriptMaterialdesignGm3WizButtonFilled-button__touch { position: absol= ute; inline-size: max(48px, 100%); block-size: max(48px, 100%); right: unse= t; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizButtonFilled-button { background-color: var(= --gm3-button-filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); = --yXuigc: var(--gm3-button-filled-container-elevation,0); --Fe5l0b: var(--g= m3-button-filled-container-shadow-color,var(--gm3-sys-color-shadow,#000)); = } .javascriptMaterialdesignGm3WizButtonFilled-button:hover { --yXuigc: var(--= gm3-button-filled-hover-container-elevation,1); } .javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible { --yXuigc= : var(--gm3-button-filled-focus-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilled-button:active { --yXuigc: var(-= -gm3-button-filled-pressed-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilled-button:disabled { background-co= lor: var(--gm3-button-filled-disabled-container-color,rgba(var(--gm3-sys-co= lor-on-surface-rgb,31,31,31),.12)); --yXuigc: var(--gm3-button-filled-disab= led-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilled-button::before { content: ""; p= ointer-events: none; position: absolute; inset: 0px; border-radius: inherit= ; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilled-button:has(.javascriptMateria= ldesignGm3WizButtonFilled-button__link)::before { border-color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilled-button:has(.javascriptMateria= ldesignGm3WizButtonFilled-button__link) .javascriptMaterialdesignGm3WizButt= onFilled-button__icon-slot, .javascriptMaterialdesignGm3WizButtonFilled-but= ton:has(.javascriptMaterialdesignGm3WizButtonFilled-button__link) .javascri= ptMaterialdesignGm3WizButtonFilled-button__label { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilled-button:disabled::before { bor= der-color: graytext; } } .javascriptMaterialdesignGm3WizButtonFilled-button__use-deprecated-will-cha= nge { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilled-deprecated-hcm-border::before= { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonOutlined-button { display: inline-flex= ; position: relative; align-items: center; box-sizing: border-box; border-w= idth: medium; border-style: none; border-color: currentcolor; border-image:= none; border-start-start-radius: min(var(--gm3-button-outlined-container-s= hape-start-start,9999px),var(--gm3-button-outlined-container-height,40px)/2= ); border-start-end-radius: min(var(--gm3-button-outlined-container-shape-s= tart-end,9999px),var(--gm3-button-outlined-container-height,40px)/2); borde= r-end-start-radius: min(var(--gm3-button-outlined-container-shape-end-start= ,9999px),var(--gm3-button-outlined-container-height,40px)/2); border-end-en= d-radius: min(var(--gm3-button-outlined-container-shape-end-end,9999px),var= (--gm3-button-outlined-container-height,40px)/2); outline: none; background= : transparent; appearance: none; line-height: inherit; text-rendering: inhe= rit; user-select: none; vertical-align: middle; cursor: pointer; justify-co= ntent: var(--gm3-button-outlined-container-justify-content,center); min-inl= ine-size: var(--gm3-button-outlined-container-min-width,64px); padding-bloc= k: 0px; padding-inline: var(--gm3-button-outlined-leading-space,24px) var(-= -gm3-button-outlined-trailing-space,24px); block-size: var(--gm3-button-out= lined-container-height,40px); --sbadab: var(--gm3-button-outlined-hover-sta= te-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-b= utton-outlined-hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-button-o= utlined-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --= kDWEsd: var(--gm3-button-outlined-pressed-state-layer-opacity,0.1); --vTiv8= c: min(var(--gm3-button-outlined-container-shape-start-start,9999px),var(--= gm3-button-outlined-container-height,40px)/2); --UtHrue: min(var(--gm3-butt= on-outlined-container-shape-start-end,9999px),var(--gm3-button-outlined-con= tainer-height,40px)/2); --C8LWjb: min(var(--gm3-button-outlined-container-s= hape-end-start,9999px),var(--gm3-button-outlined-container-height,40px)/2);= --uHecC: min(var(--gm3-button-outlined-container-shape-end-end,9999px),var= (--gm3-button-outlined-container-height,40px)/2); --jF0a9c: var(--gm3-butto= n-outlined-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b)); -= -hK0TOb: var(--gm3-button-outlined-focus-indicator-outline-offset,2px); --S= GGi: var(--gm3-button-outlined-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonOutlined-button, .javascriptMaterialde= signGm3WizButtonOutlined-button__focusring { transition: border-radius var(= --gm3-button-outlined-container-shape-transition-duration,.35s) var(--gm3-b= utton-outlined-container-shape-transition-easing-function,cubic-bezier(.4,.= 1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonOutlined-button__link:focus-visible { = outline: none; } .javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible, .javasc= riptMaterialdesignGm3WizButtonOutlined-button__link:focus-visible ~ .javasc= riptMaterialdesignGm3WizButtonOutlined-button__focusring { --H6apye: block;= } .javascriptMaterialdesignGm3WizButtonOutlined-button:not(:disabled):active = { border-start-start-radius: min(var(--gm3-button-outlined-pressed-containe= r-shape-start-start,9999px),var(--gm3-button-outlined-container-height,40px= )/2); border-end-end-radius: min(var(--gm3-button-outlined-pressed-containe= r-shape-end-end,9999px),var(--gm3-button-outlined-container-height,40px)/2)= ; border-start-end-radius: min(var(--gm3-button-outlined-pressed-container-= shape-start-end,9999px),var(--gm3-button-outlined-container-height,40px)/2)= ; border-end-start-radius: min(var(--gm3-button-outlined-pressed-container-= shape-end-start,9999px),var(--gm3-button-outlined-container-height,40px)/2)= ; --vTiv8c: min(var(--gm3-button-outlined-pressed-container-shape-start-sta= rt,9999px),var(--gm3-button-outlined-container-height,40px)/2); --UtHrue: m= in(var(--gm3-button-outlined-pressed-container-shape-start-end,9999px),var(= --gm3-button-outlined-container-height,40px)/2); --C8LWjb: min(var(--gm3-bu= tton-outlined-pressed-container-shape-end-start,9999px),var(--gm3-button-ou= tlined-container-height,40px)/2); --uHecC: min(var(--gm3-button-outlined-pr= essed-container-shape-end-end,9999px),var(--gm3-button-outlined-container-h= eight,40px)/2); } .javascriptMaterialdesignGm3WizButtonOutlined-button--use-intrinsic-height = { border-start-start-radius: var(--gm3-button-outlined-container-shape-star= t-start,9999px); border-start-end-radius: var(--gm3-button-outlined-contain= er-shape-start-end,9999px); border-end-start-radius: var(--gm3-button-outli= ned-container-shape-end-start,9999px); border-end-end-radius: var(--gm3-but= ton-outlined-container-shape-end-end,9999px); --vTiv8c: var(--gm3-button-ou= tlined-container-shape-start-start,9999px); --UtHrue: var(--gm3-button-outl= ined-container-shape-start-end,9999px); --C8LWjb: var(--gm3-button-outlined= -container-shape-end-start,9999px); --uHecC: var(--gm3-button-outlined-cont= ainer-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonOutlined-button--use-intrinsic-height:= not(:disabled):active { border-start-start-radius: var(--gm3-button-outline= d-pressed-container-shape-start-start,9999px); border-end-end-radius: var(-= -gm3-button-outlined-pressed-container-shape-end-end,9999px); border-start-= end-radius: var(--gm3-button-outlined-pressed-container-shape-start-end,999= 9px); border-end-start-radius: var(--gm3-button-outlined-pressed-container-= shape-end-start,9999px); --vTiv8c: var(--gm3-button-outlined-pressed-contai= ner-shape-start-start,9999px); --UtHrue: var(--gm3-button-outlined-pressed-= container-shape-start-end,9999px); --C8LWjb: var(--gm3-button-outlined-pres= sed-container-shape-end-start,9999px); --uHecC: var(--gm3-button-outlined-p= ressed-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonOutlined-button:disabled { cursor: def= ault; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonOutlined-button--with-tooltip:disabled= { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonOutlined-button[hidden] { display: non= e; } .javascriptMaterialdesignGm3WizButtonOutlined-button__label { position: rel= ative; text-align: center; color: var(--gm3-button-outlined-label-text-colo= r,var(--gm3-sys-color-primary,#0b57d0)); font-size: var(--gm3-button-outlin= ed-label-text-size,.875rem); font-family: var(--gm3-button-outlined-label-t= ext-font,"Google Sans",Roboto,Arial,sans-serif); font-weight: var(--gm3-but= ton-outlined-label-text-weight,500); letter-spacing: var(--gm3-button-outli= ned-label-text-tracking,0); text-decoration: var(--gm3-button-outlined-labe= l-text-decoration,none); font-variation-settings: var(--gm3-button-outlined= -label-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizButtonOutlined-button__use-updated-font-styl= es .javascriptMaterialdesignGm3WizButtonOutlined-button__label { font-famil= y: var(--gm3-button-outlined-label-text-font,"Google Sans Flex","Google San= s Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonOutlined-button:hover .javascriptMater= ialdesignGm3WizButtonOutlined-button__label { color: var(--gm3-button-outli= ned-hover-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible .javascr= iptMaterialdesignGm3WizButtonOutlined-button__label { color: var(--gm3-butt= on-outlined-focus-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:active .javascriptMate= rialdesignGm3WizButtonOutlined-button__label { color: var(--gm3-button-outl= ined-pressed-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button.javascriptMaterialdesi= gnGm3WizButtonOutlined-button:disabled .javascriptMaterialdesignGm3WizButto= nOutlined-button__label { color: var(--gm3-button-outlined-disabled-label-t= ext-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonOutlined-button--ellipsis .javascriptM= aterialdesignGm3WizButtonOutlined-button__label { white-space: nowrap; text= -overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading { paddin= g-inline: var(--gm3-button-outlined-with-leading-icon-leading-space,16px) v= ar(--gm3-button-outlined-with-leading-icon-trailing-space,24px); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascr= iptMaterialdesignGm3WizButtonOutlined-button__icon-slot i, .javascriptMater= ialdesignGm3WizButtonOutlined-button--icon-leading .javascriptMaterialdesig= nGm3WizButtonOutlined-button__icon-slot img, .javascriptMaterialdesignGm3Wi= zButtonOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonO= utlined-button__icon-slot svg { margin-inline-end: var(--gm3-button-outline= d-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascr= iptMaterialdesignGm3WizButtonOutlined-button__icon-slot--custom-spacing { p= adding-inline-end: var(--gm3-button-outlined-with-icon-icon-label-space,8px= ); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing { paddi= ng-inline: var(--gm3-button-outlined-with-trailing-icon-leading-space,24px)= var(--gm3-button-outlined-with-trailing-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javasc= riptMaterialdesignGm3WizButtonOutlined-button__icon-slot i, .javascriptMate= rialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMaterialdes= ignGm3WizButtonOutlined-button__icon-slot img, .javascriptMaterialdesignGm3= WizButtonOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButt= onOutlined-button__icon-slot svg { margin-inline-start: var(--gm3-button-ou= tlined-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javasc= riptMaterialdesignGm3WizButtonOutlined-button__icon-slot--custom-spacing { = padding-inline-start: var(--gm3-button-outlined-with-icon-icon-label-space,= 8px); } .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot { display: = none; position: relative; line-height: 0; color: var(--gm3-button-outlined-= with-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot i, .javascr= iptMaterialdesignGm3WizButtonOutlined-button__icon-slot img, .javascriptMat= erialdesignGm3WizButtonOutlined-button__icon-slot svg { display: inline-fle= x; position: relative; direction: inherit; color: inherit; font-size: var(-= -gm3-button-outlined-with-icon-icon-size,18px); inline-size: var(--gm3-butt= on-outlined-with-icon-icon-size,18px); block-size: var(--gm3-button-outline= d-with-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonOutlined-button:hover .javascriptMater= ialdesignGm3WizButtonOutlined-button__icon-slot { color: var(--gm3-button-o= utlined-with-icon-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible .javascr= iptMaterialdesignGm3WizButtonOutlined-button__icon-slot { color: var(--gm3-= button-outlined-with-icon-focus-icon-color,var(--gm3-sys-color-primary,#0b5= 7d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:active .javascriptMate= rialdesignGm3WizButtonOutlined-button__icon-slot { color: var(--gm3-button-= outlined-with-icon-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0))= ; } .javascriptMaterialdesignGm3WizButtonOutlined-button.javascriptMaterialdesi= gnGm3WizButtonOutlined-button:disabled .javascriptMaterialdesignGm3WizButto= nOutlined-button__icon-slot { color: var(--gm3-button-outlined-with-icon-di= sabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); = } .javascriptMaterialdesignGm3WizButtonOutlined-button--flip-icon .javascript= MaterialdesignGm3WizButtonOutlined-button__icon-slot[dir=3D"rtl"], [dir=3D"= rtl"] .javascriptMaterialdesignGm3WizButtonOutlined-button--flip-icon .java= scriptMaterialdesignGm3WizButtonOutlined-button__icon-slot { transform: sca= leX(-1); } .javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascr= iptMaterialdesignGm3WizButtonOutlined-button__icon-slot--leading, .javascri= ptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMater= ialdesignGm3WizButtonOutlined-button__icon-slot--trailing { display: inline= -flex; } .javascriptMaterialdesignGm3WizButtonOutlined-button__link { position: abso= lute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonOutlined-button--touch { margin-block:= max((48px - var(--gm3-button-outlined-container-height,40px))/2,0px); } .javascriptMaterialdesignGm3WizButtonOutlined-button__touch { position: abs= olute; inline-size: max(48px, 100%); block-size: max(48px, 100%); right: un= set; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); = } .javascriptMaterialdesignGm3WizButtonOutlined-button { border-style: solid;= border-width: var(--gm3-button-outlined-outline-width,1px); border-color: = var(--gm3-button-outlined-outline-color,var(--gm3-sys-color-outline,#747775= )); --vTiv8c: calc(var(--gm3-button-outlined-container-shape-start-start, 9= 999px) - var(--gm3-button-outlined-outline-width, 1px)); --UtHrue: calc(var= (--gm3-button-outlined-container-shape-start-end, 9999px) - var(--gm3-butto= n-outlined-outline-width, 1px)); --C8LWjb: calc(var(--gm3-button-outlined-c= ontainer-shape-end-start, 9999px) - var(--gm3-button-outlined-outline-width= , 1px)); --uHecC: calc(var(--gm3-button-outlined-container-shape-end-end, 9= 999px) - var(--gm3-button-outlined-outline-width, 1px)); --hK0TOb: calc(var= (--gm3-button-outlined-focus-indicator-outline-offset, 2px) + var(--gm3-but= ton-outlined-outline-width, 1px)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonOutlined-button:has(.javascriptMater= ialdesignGm3WizButtonOutlined-button__link) { border-color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonOutlined-button:has(.javascriptMater= ialdesignGm3WizButtonOutlined-button__link) .javascriptMaterialdesignGm3Wiz= ButtonOutlined-button__icon-slot, .javascriptMaterialdesignGm3WizButtonOutl= ined-button:has(.javascriptMaterialdesignGm3WizButtonOutlined-button__link)= .javascriptMaterialdesignGm3WizButtonOutlined-button__label { color: linkt= ext; } } .javascriptMaterialdesignGm3WizButtonOutlined-button:hover { border-color: = var(--gm3-button-outlined-hover-outline-color,var(--gm3-sys-color-outline,#= 747775)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible { border= -color: var(--gm3-button-outlined-focus-outline-color,var(--gm3-sys-color-p= rimary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:active { border-color:= var(--gm3-button-outlined-pressed-outline-color,var(--gm3-sys-color-outlin= e,#747775)); } .javascriptMaterialdesignGm3WizButtonOutlined-button:disabled { border-colo= r: var(--gm3-button-outlined-disabled-outline-color,rgba(var(--gm3-sys-colo= r-on-surface-rgb,31,31,31),.12)); background-color: var(--gm3-button-outlin= ed-disabled-container-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,3= 1),0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonOutlined-button:disabled { border-co= lor: graytext; } } .javascriptMaterialdesignGm3WizButtonOutlined-button__touch { inline-size: = max(48px,100% + var(--gm3-button-outlined-outline-width,1px) * 2); } .javascriptMaterialdesignGm3WizButtonText-button { display: inline-flex; po= sition: relative; align-items: center; box-sizing: border-box; border-width= : medium; border-style: none; border-color: currentcolor; border-image: non= e; border-start-start-radius: min(var(--gm3-button-text-container-shape-sta= rt-start,9999px),var(--gm3-button-text-container-height,40px)/2); border-st= art-end-radius: min(var(--gm3-button-text-container-shape-start-end,9999px)= ,var(--gm3-button-text-container-height,40px)/2); border-end-start-radius: = min(var(--gm3-button-text-container-shape-end-start,9999px),var(--gm3-butto= n-text-container-height,40px)/2); border-end-end-radius: min(var(--gm3-butt= on-text-container-shape-end-end,9999px),var(--gm3-button-text-container-hei= ght,40px)/2); outline: none; background: transparent; appearance: none; lin= e-height: inherit; text-rendering: inherit; user-select: none; vertical-ali= gn: middle; cursor: pointer; justify-content: var(--gm3-button-text-contain= er-justify-content,center); min-inline-size: var(--gm3-button-text-containe= r-min-width,64px); padding-block: 0px; padding-inline: var(--gm3-button-tex= t-leading-space,12px) var(--gm3-button-text-trailing-space,12px); block-siz= e: var(--gm3-button-text-container-height,40px); --sbadab: var(--gm3-button= -text-hover-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --hSHB= ee: var(--gm3-button-text-hover-state-layer-opacity,0.08); --F1tVH: var(--g= m3-button-text-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b57d= 0)); --kDWEsd: var(--gm3-button-text-pressed-state-layer-opacity,0.1); --vT= iv8c: min(var(--gm3-button-text-container-shape-start-start,9999px),var(--g= m3-button-text-container-height,40px)/2); --UtHrue: min(var(--gm3-button-te= xt-container-shape-start-end,9999px),var(--gm3-button-text-container-height= ,40px)/2); --C8LWjb: min(var(--gm3-button-text-container-shape-end-start,99= 99px),var(--gm3-button-text-container-height,40px)/2); --uHecC: min(var(--g= m3-button-text-container-shape-end-end,9999px),var(--gm3-button-text-contai= ner-height,40px)/2); --jF0a9c: var(--gm3-button-text-focus-indicator-color,= var(--gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-button-text-fo= cus-indicator-outline-offset,2px); --SGGi: var(--gm3-button-text-focus-indi= cator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonText-button, .javascriptMaterialdesign= Gm3WizButtonText-button__focusring { transition: border-radius var(--gm3-bu= tton-text-container-shape-transition-duration,.35s) var(--gm3-button-text-c= ontainer-shape-transition-easing-function,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonText-button__link:focus-visible { outl= ine: none; } .javascriptMaterialdesignGm3WizButtonText-button:focus-visible, .javascript= MaterialdesignGm3WizButtonText-button__link:focus-visible ~ .javascriptMate= rialdesignGm3WizButtonText-button__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonText-button:not(:disabled):active { bo= rder-start-start-radius: min(var(--gm3-button-text-pressed-container-shape-= start-start,9999px),var(--gm3-button-text-container-height,40px)/2); border= -end-end-radius: min(var(--gm3-button-text-pressed-container-shape-end-end,= 9999px),var(--gm3-button-text-container-height,40px)/2); border-start-end-r= adius: min(var(--gm3-button-text-pressed-container-shape-start-end,9999px),= var(--gm3-button-text-container-height,40px)/2); border-end-start-radius: m= in(var(--gm3-button-text-pressed-container-shape-end-start,9999px),var(--gm= 3-button-text-container-height,40px)/2); --vTiv8c: min(var(--gm3-button-tex= t-pressed-container-shape-start-start,9999px),var(--gm3-button-text-contain= er-height,40px)/2); --UtHrue: min(var(--gm3-button-text-pressed-container-s= hape-start-end,9999px),var(--gm3-button-text-container-height,40px)/2); --C= 8LWjb: min(var(--gm3-button-text-pressed-container-shape-end-start,9999px),= var(--gm3-button-text-container-height,40px)/2); --uHecC: min(var(--gm3-but= ton-text-pressed-container-shape-end-end,9999px),var(--gm3-button-text-cont= ainer-height,40px)/2); } .javascriptMaterialdesignGm3WizButtonText-button--use-intrinsic-height { bo= rder-start-start-radius: var(--gm3-button-text-container-shape-start-start,= 9999px); border-start-end-radius: var(--gm3-button-text-container-shape-sta= rt-end,9999px); border-end-start-radius: var(--gm3-button-text-container-sh= ape-end-start,9999px); border-end-end-radius: var(--gm3-button-text-contain= er-shape-end-end,9999px); --vTiv8c: var(--gm3-button-text-container-shape-s= tart-start,9999px); --UtHrue: var(--gm3-button-text-container-shape-start-e= nd,9999px); --C8LWjb: var(--gm3-button-text-container-shape-end-start,9999p= x); --uHecC: var(--gm3-button-text-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonText-button--use-intrinsic-height:not(= :disabled):active { border-start-start-radius: var(--gm3-button-text-presse= d-container-shape-start-start,9999px); border-end-end-radius: var(--gm3-but= ton-text-pressed-container-shape-end-end,9999px); border-start-end-radius: = var(--gm3-button-text-pressed-container-shape-start-end,9999px); border-end= -start-radius: var(--gm3-button-text-pressed-container-shape-end-start,9999= px); --vTiv8c: var(--gm3-button-text-pressed-container-shape-start-start,99= 99px); --UtHrue: var(--gm3-button-text-pressed-container-shape-start-end,99= 99px); --C8LWjb: var(--gm3-button-text-pressed-container-shape-end-start,99= 99px); --uHecC: var(--gm3-button-text-pressed-container-shape-end-end,9999p= x); } .javascriptMaterialdesignGm3WizButtonText-button:disabled { cursor: default= ; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonText-button--with-tooltip:disabled { p= ointer-events: auto; } .javascriptMaterialdesignGm3WizButtonText-button[hidden] { display: none; } .javascriptMaterialdesignGm3WizButtonText-button__label { position: relativ= e; text-align: center; color: var(--gm3-button-text-label-text-color,var(--= gm3-sys-color-primary,#0b57d0)); font-size: var(--gm3-button-text-label-tex= t-size,.875rem); font-family: var(--gm3-button-text-label-text-font,"Google= Sans",Roboto,Arial,sans-serif); font-weight: var(--gm3-button-text-label-t= ext-weight,500); letter-spacing: var(--gm3-button-text-label-text-tracking,= 0); text-decoration: var(--gm3-button-text-label-text-decoration,none); fon= t-variation-settings: var(--gm3-button-text-label-text-font-variation-setti= ngs,initial); } .javascriptMaterialdesignGm3WizButtonText-button__use-updated-font-styles .= javascriptMaterialdesignGm3WizButtonText-button__label { font-family: var(-= -gm3-button-text-label-text-font,"Google Sans Flex","Google Sans Text","Goo= gle Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonText-button:hover .javascriptMateriald= esignGm3WizButtonText-button__label { color: var(--gm3-button-text-hover-la= bel-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button:focus-visible .javascriptM= aterialdesignGm3WizButtonText-button__label { color: var(--gm3-button-text-= focus-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button:active .javascriptMaterial= designGm3WizButtonText-button__label { color: var(--gm3-button-text-pressed= -label-text-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button.javascriptMaterialdesignGm= 3WizButtonText-button:disabled .javascriptMaterialdesignGm3WizButtonText-bu= tton__label { color: var(--gm3-button-text-disabled-label-text-color,rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonText-button--ellipsis .javascriptMater= ialdesignGm3WizButtonText-button__label { white-space: nowrap; text-overflo= w: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonText-button--icon-leading { padding-in= line: var(--gm3-button-text-with-leading-icon-leading-space,12px) var(--gm3= -button-text-with-leading-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptM= aterialdesignGm3WizButtonText-button__icon-slot i, .javascriptMaterialdesig= nGm3WizButtonText-button--icon-leading .javascriptMaterialdesignGm3WizButto= nText-button__icon-slot img, .javascriptMaterialdesignGm3WizButtonText-butt= on--icon-leading .javascriptMaterialdesignGm3WizButtonText-button__icon-slo= t svg { margin-inline-end: var(--gm3-button-text-with-icon-icon-label-space= ,8px); } .javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptM= aterialdesignGm3WizButtonText-button__icon-slot--custom-spacing { padding-i= nline-end: var(--gm3-button-text-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonText-button--icon-trailing { padding-i= nline: var(--gm3-button-text-with-trailing-icon-leading-space,16px) var(--g= m3-button-text-with-trailing-icon-trailing-space,12px); } .javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascript= MaterialdesignGm3WizButtonText-button__icon-slot i, .javascriptMaterialdesi= gnGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3WizBut= tonText-button__icon-slot img, .javascriptMaterialdesignGm3WizButtonText-bu= tton--icon-trailing .javascriptMaterialdesignGm3WizButtonText-button__icon-= slot svg { margin-inline-start: var(--gm3-button-text-with-icon-icon-label-= space,8px); } .javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascript= MaterialdesignGm3WizButtonText-button__icon-slot--custom-spacing { padding-= inline-start: var(--gm3-button-text-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonText-button__icon-slot { display: none= ; position: relative; line-height: 0; color: var(--gm3-button-text-with-ico= n-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button__icon-slot i, .javascriptM= aterialdesignGm3WizButtonText-button__icon-slot img, .javascriptMaterialdes= ignGm3WizButtonText-button__icon-slot svg { display: inline-flex; position:= relative; direction: inherit; color: inherit; font-size: var(--gm3-button-= text-with-icon-icon-size,18px); inline-size: var(--gm3-button-text-with-ico= n-icon-size,18px); block-size: var(--gm3-button-text-with-icon-icon-size,18= px); } .javascriptMaterialdesignGm3WizButtonText-button:hover .javascriptMateriald= esignGm3WizButtonText-button__icon-slot { color: var(--gm3-button-text-with= -icon-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button:focus-visible .javascriptM= aterialdesignGm3WizButtonText-button__icon-slot { color: var(--gm3-button-t= ext-with-icon-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button:active .javascriptMaterial= designGm3WizButtonText-button__icon-slot { color: var(--gm3-button-text-wit= h-icon-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonText-button.javascriptMaterialdesignGm= 3WizButtonText-button:disabled .javascriptMaterialdesignGm3WizButtonText-bu= tton__icon-slot { color: var(--gm3-button-text-with-icon-disabled-icon-colo= r,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonText-button--flip-icon .javascriptMate= rialdesignGm3WizButtonText-button__icon-slot[dir=3D"rtl"], [dir=3D"rtl"] .j= avascriptMaterialdesignGm3WizButtonText-button--flip-icon .javascriptMateri= aldesignGm3WizButtonText-button__icon-slot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptM= aterialdesignGm3WizButtonText-button__icon-slot--leading, .javascriptMateri= aldesignGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3= WizButtonText-button__icon-slot--trailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonText-button__link { position: absolute= ; inset: 0px; } .javascriptMaterialdesignGm3WizButtonText-button--touch { margin-block: max= ((48px - var(--gm3-button-text-container-height,40px))/2,0px); } .javascriptMaterialdesignGm3WizButtonText-button__touch { position: absolut= e; inline-size: max(48px, 100%); block-size: max(48px, 100%); right: unset;= bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizButtonText-button::before { content: ""; poi= nter-events: none; position: absolute; inset: 0px; border-radius: inherit; = border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonText-button:has(.javascriptMateriald= esignGm3WizButtonText-button__link)::before { border-color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonText-button:has(.javascriptMateriald= esignGm3WizButtonText-button__link) .javascriptMaterialdesignGm3WizButtonTe= xt-button__icon-slot, .javascriptMaterialdesignGm3WizButtonText-button:has(= .javascriptMaterialdesignGm3WizButtonText-button__link) .javascriptMaterial= designGm3WizButtonText-button__label { color: linktext; } } .javascriptMaterialdesignGm3WizButtonText-button:disabled::before { backgro= und-color: var(--gm3-button-text-disabled-container-color,rgba(var(--gm3-sy= s-color-on-surface-rgb,31,31,31),0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonText-button:disabled::before { borde= r-color: graytext; } } .javascriptMaterialdesignGm3WizButtonText-button__use-deprecated-will-chang= e { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonText-deprecated-hcm-border::before {= border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonFilledTonalOldTokens { --upgradeable-g= m3-button-filled-tonal-focus-label-text-color: var(--gm3-button-filled-tona= l-focus-label-text-color,var(--gm3-sys-color-on-secondary-container,#001d35= )); --upgradeable-gm3-button-filled-tonal-hover-label-text-color: var(--gm3= -button-filled-tonal-hover-label-text-color,var(--gm3-sys-color-on-secondar= y-container,#001d35)); --upgradeable-gm3-button-filled-tonal-hover-state-la= yer-color: var(--gm3-button-filled-tonal-hover-state-layer-color,var(--gm3-= sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-button-filled= -tonal-label-text-color: var(--gm3-button-filled-tonal-label-text-color,var= (--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-button= -filled-tonal-pressed-label-text-color: var(--gm3-button-filled-tonal-press= ed-label-text-color,var(--gm3-sys-color-on-secondary-container,#001d35)); -= -upgradeable-gm3-button-filled-tonal-pressed-state-layer-color: var(--gm3-b= utton-filled-tonal-pressed-state-layer-color,var(--gm3-sys-color-on-seconda= ry-container,#001d35)); --upgradeable-gm3-button-filled-tonal-with-icon-foc= us-icon-color: var(--gm3-button-filled-tonal-with-icon-focus-icon-color,var= (--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-button= -filled-tonal-with-icon-hover-icon-color: var(--gm3-button-filled-tonal-wit= h-icon-hover-icon-color,var(--gm3-sys-color-on-secondary-container,#001d35)= ); --upgradeable-gm3-button-filled-tonal-with-icon-icon-color: var(--gm3-bu= tton-filled-tonal-with-icon-icon-color,var(--gm3-sys-color-on-secondary-con= tainer,#001d35)); --upgradeable-gm3-button-filled-tonal-with-icon-pressed-i= con-color: var(--gm3-button-filled-tonal-with-icon-pressed-icon-color,var(-= -gm3-sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button { display: inline-f= lex; position: relative; align-items: center; box-sizing: border-box; borde= r-width: medium; border-style: none; border-color: currentcolor; border-ima= ge: none; border-start-start-radius: min(var(--gm3-button-filled-tonal-cont= ainer-shape-start-start,9999px),var(--gm3-button-filled-tonal-container-hei= ght,40px)/2); border-start-end-radius: min(var(--gm3-button-filled-tonal-co= ntainer-shape-start-end,9999px),var(--gm3-button-filled-tonal-container-hei= ght,40px)/2); border-end-start-radius: min(var(--gm3-button-filled-tonal-co= ntainer-shape-end-start,9999px),var(--gm3-button-filled-tonal-container-hei= ght,40px)/2); border-end-end-radius: min(var(--gm3-button-filled-tonal-cont= ainer-shape-end-end,9999px),var(--gm3-button-filled-tonal-container-height,= 40px)/2); outline: none; background: transparent; appearance: none; line-he= ight: inherit; text-rendering: inherit; user-select: none; vertical-align: = middle; cursor: pointer; justify-content: var(--gm3-button-filled-tonal-con= tainer-justify-content,center); min-inline-size: var(--gm3-button-filled-to= nal-container-min-width,64px); padding-block: 0px; padding-inline: var(--gm= 3-button-filled-tonal-leading-space,24px) var(--gm3-button-filled-tonal-tra= iling-space,24px); block-size: var(--gm3-button-filled-tonal-container-heig= ht,40px); --sbadab: var(--upgradeable-gm3-button-filled-tonal-hover-state-l= ayer-color,var(--gm3-button-filled-tonal-hover-state-layer-color,var(--gm3-= sys-color-on-secondary-container,#004a77))); --hSHBee: var(--gm3-button-fil= led-tonal-hover-state-layer-opacity,0.08); --F1tVH: var(--upgradeable-gm3-b= utton-filled-tonal-pressed-state-layer-color,var(--gm3-button-filled-tonal-= pressed-state-layer-color,var(--gm3-sys-color-on-secondary-container,#004a7= 7))); --kDWEsd: var(--gm3-button-filled-tonal-pressed-state-layer-opacity,0= .1); --vTiv8c: min(var(--gm3-button-filled-tonal-container-shape-start-star= t,9999px),var(--gm3-button-filled-tonal-container-height,40px)/2); --UtHrue= : min(var(--gm3-button-filled-tonal-container-shape-start-end,9999px),var(-= -gm3-button-filled-tonal-container-height,40px)/2); --C8LWjb: min(var(--gm3= -button-filled-tonal-container-shape-end-start,9999px),var(--gm3-button-fil= led-tonal-container-height,40px)/2); --uHecC: min(var(--gm3-button-filled-t= onal-container-shape-end-end,9999px),var(--gm3-button-filled-tonal-containe= r-height,40px)/2); --jF0a9c: var(--gm3-button-filled-tonal-focus-indicator-= color,var(--gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-button-f= illed-tonal-focus-indicator-outline-offset,2px); --SGGi: var(--gm3-button-f= illed-tonal-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button, .javascriptMateria= ldesignGm3WizButtonFilledTonal-button__focusring { transition: border-radiu= s var(--gm3-button-filled-tonal-container-shape-transition-duration,.35s) v= ar(--gm3-button-filled-tonal-container-shape-transition-easing-function,cub= ic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__link:focus-visible= { outline: none; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible, .jav= ascriptMaterialdesignGm3WizButtonFilledTonal-button__link:focus-visible ~ .= javascriptMaterialdesignGm3WizButtonFilledTonal-button__focusring { --H6apy= e: block; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:not(:disabled):acti= ve { border-start-start-radius: min(var(--gm3-button-filled-tonal-pressed-c= ontainer-shape-start-start,9999px),var(--gm3-button-filled-tonal-container-= height,40px)/2); border-end-end-radius: min(var(--gm3-button-filled-tonal-p= ressed-container-shape-end-end,9999px),var(--gm3-button-filled-tonal-contai= ner-height,40px)/2); border-start-end-radius: min(var(--gm3-button-filled-t= onal-pressed-container-shape-start-end,9999px),var(--gm3-button-filled-tona= l-container-height,40px)/2); border-end-start-radius: min(var(--gm3-button-= filled-tonal-pressed-container-shape-end-start,9999px),var(--gm3-button-fil= led-tonal-container-height,40px)/2); --vTiv8c: min(var(--gm3-button-filled-= tonal-pressed-container-shape-start-start,9999px),var(--gm3-button-filled-t= onal-container-height,40px)/2); --UtHrue: min(var(--gm3-button-filled-tonal= -pressed-container-shape-start-end,9999px),var(--gm3-button-filled-tonal-co= ntainer-height,40px)/2); --C8LWjb: min(var(--gm3-button-filled-tonal-presse= d-container-shape-end-start,9999px),var(--gm3-button-filled-tonal-container= -height,40px)/2); --uHecC: min(var(--gm3-button-filled-tonal-pressed-contai= ner-shape-end-end,9999px),var(--gm3-button-filled-tonal-container-height,40= px)/2); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--use-intrinsic-heig= ht { border-start-start-radius: var(--gm3-button-filled-tonal-container-sha= pe-start-start,9999px); border-start-end-radius: var(--gm3-button-filled-to= nal-container-shape-start-end,9999px); border-end-start-radius: var(--gm3-b= utton-filled-tonal-container-shape-end-start,9999px); border-end-end-radius= : var(--gm3-button-filled-tonal-container-shape-end-end,9999px); --vTiv8c: = var(--gm3-button-filled-tonal-container-shape-start-start,9999px); --UtHrue= : var(--gm3-button-filled-tonal-container-shape-start-end,9999px); --C8LWjb= : var(--gm3-button-filled-tonal-container-shape-end-start,9999px); --uHecC:= var(--gm3-button-filled-tonal-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--use-intrinsic-heig= ht:not(:disabled):active { border-start-start-radius: var(--gm3-button-fill= ed-tonal-pressed-container-shape-start-start,9999px); border-end-end-radius= : var(--gm3-button-filled-tonal-pressed-container-shape-end-end,9999px); bo= rder-start-end-radius: var(--gm3-button-filled-tonal-pressed-container-shap= e-start-end,9999px); border-end-start-radius: var(--gm3-button-filled-tonal= -pressed-container-shape-end-start,9999px); --vTiv8c: var(--gm3-button-fill= ed-tonal-pressed-container-shape-start-start,9999px); --UtHrue: var(--gm3-b= utton-filled-tonal-pressed-container-shape-start-end,9999px); --C8LWjb: var= (--gm3-button-filled-tonal-pressed-container-shape-end-start,9999px); --uHe= cC: var(--gm3-button-filled-tonal-pressed-container-shape-end-end,9999px); = } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled { cursor: = default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--with-tooltip:disab= led { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button[hidden] { display: = none; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label { position: = relative; text-align: center; color: var(--upgradeable-gm3-button-filled-to= nal-label-text-color,var(--gm3-button-filled-tonal-label-text-color,var(--g= m3-sys-color-on-secondary-container,#004a77))); font-size: var(--gm3-button= -filled-tonal-label-text-size,.875rem); font-family: var(--gm3-button-fille= d-tonal-label-text-font,"Google Sans",Roboto,Arial,sans-serif); font-weight= : var(--gm3-button-filled-tonal-label-text-weight,500); letter-spacing: var= (--gm3-button-filled-tonal-label-text-tracking,0); text-decoration: var(--g= m3-button-filled-tonal-label-text-decoration,none); font-variation-settings= : var(--gm3-button-filled-tonal-label-text-font-variation-settings,initial)= ; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__use-updated-font-s= tyles .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label { font= -family: var(--gm3-button-filled-tonal-label-text-font,"Google Sans Flex","= Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover .javascriptMa= terialdesignGm3WizButtonFilledTonal-button__label { color: var(--upgradeabl= e-gm3-button-filled-tonal-hover-label-text-color,var(--gm3-button-filled-to= nal-hover-label-text-color,var(--gm3-sys-color-on-secondary-container,#004a= 77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__label { color: var(--up= gradeable-gm3-button-filled-tonal-focus-label-text-color,var(--gm3-button-f= illed-tonal-focus-label-text-color,var(--gm3-sys-color-on-secondary-contain= er,#004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:active .javascriptM= aterialdesignGm3WizButtonFilledTonal-button__label { color: var(--upgradeab= le-gm3-button-filled-tonal-pressed-label-text-color,var(--gm3-button-filled= -tonal-pressed-label-text-color,var(--gm3-sys-color-on-secondary-container,= #004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button.javascriptMateriald= esignGm3WizButtonFilledTonal-button:disabled .javascriptMaterialdesignGm3Wi= zButtonFilledTonal-button__label { color: var(--gm3-button-filled-tonal-dis= abled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.3= 8)); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--ellipsis .javascri= ptMaterialdesignGm3WizButtonFilledTonal-button__label { white-space: nowrap= ; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading { pad= ding-inline: var(--gm3-button-filled-tonal-with-leading-icon-leading-space,= 16px) var(--gm3-button-filled-tonal-with-leading-icon-trailing-space,24px);= } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i, .javascrip= tMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMate= rialdesignGm3WizButtonFilledTonal-button__icon-slot img, .javascriptMateria= ldesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMaterialdesi= gnGm3WizButtonFilledTonal-button__icon-slot svg { margin-inline-end: var(--= gm3-button-filled-tonal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--custom-spaci= ng { padding-inline-end: var(--gm3-button-filled-tonal-with-icon-icon-label= -space,8px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing { pa= dding-inline: var(--gm3-button-filled-tonal-with-trailing-icon-leading-spac= e,24px) var(--gm3-button-filled-tonal-with-trailing-icon-trailing-space,16p= x); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .jav= ascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i, .javascri= ptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMa= terialdesignGm3WizButtonFilledTonal-button__icon-slot img, .javascriptMater= ialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMateriald= esignGm3WizButtonFilledTonal-button__icon-slot svg { margin-inline-start: v= ar(--gm3-button-filled-tonal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .jav= ascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--custom-spac= ing { padding-inline-start: var(--gm3-button-filled-tonal-with-icon-icon-la= bel-space,8px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot { displa= y: none; position: relative; line-height: 0; color: var(--upgradeable-gm3-b= utton-filled-tonal-with-icon-icon-color,var(--gm3-button-filled-tonal-with-= icon-icon-color,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i, .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot img, .javascr= iptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot svg { display: i= nline-flex; position: relative; direction: inherit; color: inherit; font-si= ze: var(--gm3-button-filled-tonal-with-icon-icon-size,18px); inline-size: v= ar(--gm3-button-filled-tonal-with-icon-icon-size,18px); block-size: var(--g= m3-button-filled-tonal-with-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover .javascriptMa= terialdesignGm3WizButtonFilledTonal-button__icon-slot { color: var(--upgrad= eable-gm3-button-filled-tonal-with-icon-hover-icon-color,var(--gm3-button-f= illed-tonal-with-icon-hover-icon-color,var(--gm3-sys-color-on-secondary-con= tainer,#004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot { color: var(= --upgradeable-gm3-button-filled-tonal-with-icon-focus-icon-color,var(--gm3-= button-filled-tonal-with-icon-focus-icon-color,var(--gm3-sys-color-on-secon= dary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:active .javascriptM= aterialdesignGm3WizButtonFilledTonal-button__icon-slot { color: var(--upgra= deable-gm3-button-filled-tonal-with-icon-pressed-icon-color,var(--gm3-butto= n-filled-tonal-with-icon-pressed-icon-color,var(--gm3-sys-color-on-secondar= y-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button.javascriptMateriald= esignGm3WizButtonFilledTonal-button:disabled .javascriptMaterialdesignGm3Wi= zButtonFilledTonal-button__icon-slot { color: var(--gm3-button-filled-tonal= -with-icon-disabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,3= 1,31),.38)); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--flip-icon .javascr= iptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot[dir=3D"rtl"], [d= ir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonFilledTonal-button--flip-i= con .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot { tr= ansform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .java= scriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--leading, .ja= vascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javasc= riptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--trailing { dis= play: inline-flex; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__link { position: a= bsolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonFilledTonal-button--touch { margin-blo= ck: max((48px - var(--gm3-button-filled-tonal-container-height,40px))/2,0px= ); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__touch { position: = absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); right:= unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -50%= ); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button { background-color:= var(--gm3-button-filled-tonal-container-color,var(--gm3-sys-color-secondar= y-container,#c2e7ff)); --yXuigc: var(--gm3-button-filled-tonal-container-el= evation,0); --Fe5l0b: var(--gm3-button-filled-tonal-container-shadow-color,= var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover { --yXuigc: v= ar(--gm3-button-filled-tonal-hover-container-elevation,1); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible { --y= Xuigc: var(--gm3-button-filled-tonal-focus-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:active { --yXuigc: = var(--gm3-button-filled-tonal-pressed-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled { backgrou= nd-color: var(--gm3-button-filled-tonal-disabled-container-color,rgba(var(-= -gm3-sys-color-on-surface-rgb,31,31,31),.12)); --yXuigc: var(--gm3-button-f= illed-tonal-disabled-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonFilledTonal-button::before { content: = ""; pointer-events: none; position: absolute; inset: 0px; border-radius: in= herit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilledTonal-button:has(.javascriptMa= terialdesignGm3WizButtonFilledTonal-button__link)::before { border-color: l= inktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilledTonal-button:has(.javascriptMa= terialdesignGm3WizButtonFilledTonal-button__link) .javascriptMaterialdesign= Gm3WizButtonFilledTonal-button__icon-slot, .javascriptMaterialdesignGm3WizB= uttonFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonFilledTona= l-button__link) .javascriptMaterialdesignGm3WizButtonFilledTonal-button__la= bel { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled::before = { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonFilledTonal-button__use-deprecated-wil= l-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonFilledTonal-deprecated-hcm-border::b= efore { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button { display: inlin= e-flex; position: relative; align-items: center; box-sizing: border-box; bo= rder-width: medium; border-style: none; border-color: currentcolor; border-= image: none; border-start-start-radius: min(var(--gm3-dropdown-button-fille= d-container-shape-start-start,9999px),var(--gm3-dropdown-button-filled-cont= ainer-height,40px)/2); border-start-end-radius: min(var(--gm3-dropdown-butt= on-filled-container-shape-start-end,9999px),var(--gm3-dropdown-button-fille= d-container-height,40px)/2); border-end-start-radius: min(var(--gm3-dropdow= n-button-filled-container-shape-end-start,9999px),var(--gm3-dropdown-button= -filled-container-height,40px)/2); border-end-end-radius: min(var(--gm3-dro= pdown-button-filled-container-shape-end-end,9999px),var(--gm3-dropdown-butt= on-filled-container-height,40px)/2); outline: none; background: transparent= ; appearance: none; line-height: inherit; text-rendering: inherit; user-sel= ect: none; vertical-align: middle; cursor: pointer; justify-content: var(--= gm3-dropdown-button-filled-container-justify-content,center); min-inline-si= ze: var(--gm3-dropdown-button-filled-container-min-width,64px); padding-blo= ck: 0px; padding-inline: var(--gm3-dropdown-button-filled-leading-space,24p= x) var(--gm3-dropdown-button-filled-trailing-space,24px); block-size: var(-= -gm3-dropdown-button-filled-container-height,40px); --sbadab: var(--gm3-dro= pdown-button-filled-hover-state-layer-color,var(--gm3-sys-color-on-primary,= #fff)); --hSHBee: var(--gm3-dropdown-button-filled-hover-state-layer-opacit= y,0.08); --F1tVH: var(--gm3-dropdown-button-filled-pressed-state-layer-colo= r,var(--gm3-sys-color-on-primary,#fff)); --kDWEsd: var(--gm3-dropdown-butto= n-filled-pressed-state-layer-opacity,0.1); --vTiv8c: min(var(--gm3-dropdown= -button-filled-container-shape-start-start,9999px),var(--gm3-dropdown-butto= n-filled-container-height,40px)/2); --UtHrue: min(var(--gm3-dropdown-button= -filled-container-shape-start-end,9999px),var(--gm3-dropdown-button-filled-= container-height,40px)/2); --C8LWjb: min(var(--gm3-dropdown-button-filled-c= ontainer-shape-end-start,9999px),var(--gm3-dropdown-button-filled-container= -height,40px)/2); --uHecC: min(var(--gm3-dropdown-button-filled-container-s= hape-end-end,9999px),var(--gm3-dropdown-button-filled-container-height,40px= )/2); --jF0a9c: var(--gm3-dropdown-button-filled-focus-indicator-color,var(= --gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-dropdown-button-fi= lled-focus-indicator-outline-offset,2px); --SGGi: var(--gm3-dropdown-button= -filled-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button, .javascriptMate= rialdesignGm3WizButtonDropdownFilled-button__focusring { transition: border= -radius var(--gm3-dropdown-button-filled-container-shape-transition-duratio= n,.35s) var(--gm3-dropdown-button-filled-container-shape-transition-easing-= function,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link:focus-visi= ble { outline: none; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible, .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link:focus-visib= le ~ .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__focusring = { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:not(:disabled):a= ctive { border-start-start-radius: min(var(--gm3-dropdown-button-filled-pre= ssed-container-shape-start-start,9999px),var(--gm3-dropdown-button-filled-c= ontainer-height,40px)/2); border-end-end-radius: min(var(--gm3-dropdown-but= ton-filled-pressed-container-shape-end-end,9999px),var(--gm3-dropdown-butto= n-filled-container-height,40px)/2); border-start-end-radius: min(var(--gm3-= dropdown-button-filled-pressed-container-shape-start-end,9999px),var(--gm3-= dropdown-button-filled-container-height,40px)/2); border-end-start-radius: = min(var(--gm3-dropdown-button-filled-pressed-container-shape-end-start,9999= px),var(--gm3-dropdown-button-filled-container-height,40px)/2); --vTiv8c: m= in(var(--gm3-dropdown-button-filled-pressed-container-shape-start-start,999= 9px),var(--gm3-dropdown-button-filled-container-height,40px)/2); --UtHrue: = min(var(--gm3-dropdown-button-filled-pressed-container-shape-start-end,9999= px),var(--gm3-dropdown-button-filled-container-height,40px)/2); --C8LWjb: m= in(var(--gm3-dropdown-button-filled-pressed-container-shape-end-start,9999p= x),var(--gm3-dropdown-button-filled-container-height,40px)/2); --uHecC: min= (var(--gm3-dropdown-button-filled-pressed-container-shape-end-end,9999px),v= ar(--gm3-dropdown-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--use-intrinsic-h= eight { border-start-start-radius: var(--gm3-dropdown-button-filled-contain= er-shape-start-start,9999px); border-start-end-radius: var(--gm3-dropdown-b= utton-filled-container-shape-start-end,9999px); border-end-start-radius: va= r(--gm3-dropdown-button-filled-container-shape-end-start,9999px); border-en= d-end-radius: var(--gm3-dropdown-button-filled-container-shape-end-end,9999= px); --vTiv8c: var(--gm3-dropdown-button-filled-container-shape-start-start= ,9999px); --UtHrue: var(--gm3-dropdown-button-filled-container-shape-start-= end,9999px); --C8LWjb: var(--gm3-dropdown-button-filled-container-shape-end= -start,9999px); --uHecC: var(--gm3-dropdown-button-filled-container-shape-e= nd-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--use-intrinsic-h= eight:not(:disabled):active { border-start-start-radius: var(--gm3-dropdown= -button-filled-pressed-container-shape-start-start,9999px); border-end-end-= radius: var(--gm3-dropdown-button-filled-pressed-container-shape-end-end,99= 99px); border-start-end-radius: var(--gm3-dropdown-button-filled-pressed-co= ntainer-shape-start-end,9999px); border-end-start-radius: var(--gm3-dropdow= n-button-filled-pressed-container-shape-end-start,9999px); --vTiv8c: var(--= gm3-dropdown-button-filled-pressed-container-shape-start-start,9999px); --U= tHrue: var(--gm3-dropdown-button-filled-pressed-container-shape-start-end,9= 999px); --C8LWjb: var(--gm3-dropdown-button-filled-pressed-container-shape-= end-start,9999px); --uHecC: var(--gm3-dropdown-button-filled-pressed-contai= ner-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled { curso= r: default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--with-tooltip:di= sabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button[hidden] { displa= y: none; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label { positio= n: relative; text-align: center; color: var(--gm3-dropdown-button-filled-la= bel-text-color,var(--gm3-sys-color-on-primary,#fff)); font-size: var(--gm3-= dropdown-button-filled-label-text-size,.875rem); font-family: var(--gm3-dro= pdown-button-filled-label-text-font,"Google Sans",Roboto,Arial,sans-serif);= font-weight: var(--gm3-dropdown-button-filled-label-text-weight,500); lett= er-spacing: var(--gm3-dropdown-button-filled-label-text-tracking,0); text-d= ecoration: var(--gm3-dropdown-button-filled-label-text-decoration,none); fo= nt-variation-settings: var(--gm3-dropdown-button-filled-label-text-font-var= iation-settings,initial); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__use-updated-fon= t-styles .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label = { font-family: var(--gm3-dropdown-button-filled-label-text-font,"Google San= s Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover .javascrip= tMaterialdesignGm3WizButtonDropdownFilled-button__label { color: var(--gm3-= dropdown-button-filled-hover-label-text-color,var(--gm3-sys-color-on-primar= y,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__label { color: va= r(--gm3-dropdown-button-filled-focus-label-text-color,var(--gm3-sys-color-o= n-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active .javascri= ptMaterialdesignGm3WizButtonDropdownFilled-button__label { color: var(--gm3= -dropdown-button-filled-pressed-label-text-color,var(--gm3-sys-color-on-pri= mary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button.javascriptMateri= aldesignGm3WizButtonDropdownFilled-button:disabled .javascriptMaterialdesig= nGm3WizButtonDropdownFilled-button__label { color: var(--gm3-dropdown-butto= n-filled-disabled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--ellipsis .javas= criptMaterialdesignGm3WizButtonDropdownFilled-button__label { white-space: = nowrap; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading { = padding-inline: var(--gm3-dropdown-button-filled-with-leading-icon-leading-= space,16px) var(--gm3-dropdown-button-filled-with-leading-icon-trailing-spa= ce,24px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i, .jav= ascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javas= criptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img, .javas= criptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javascr= iptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg { margin-= inline-end: var(--gm3-dropdown-button-filled-with-icon-icon-label-space,8px= ); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--custom= -spacing { padding-inline-end: var(--gm3-dropdown-button-filled-with-icon-i= con-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing {= padding-inline: var(--gm3-dropdown-button-filled-with-trailing-icon-leadin= g-space,24px) var(--gm3-dropdown-button-filled-with-trailing-icon-trailing-= space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i, .ja= vascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .jav= ascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img, .jav= ascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .java= scriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg { marg= in-inline-start: var(--gm3-dropdown-button-filled-with-icon-icon-label-spac= e,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--custo= m-spacing { padding-inline-start: var(--gm3-dropdown-button-filled-with-ico= n-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot { dis= play: none; position: relative; line-height: 0; color: var(--gm3-dropdown-b= utton-filled-with-icon-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i, .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img, .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg { d= isplay: inline-flex; position: relative; direction: inherit; color: inherit= ; font-size: var(--gm3-dropdown-button-filled-with-icon-icon-size,18px); in= line-size: var(--gm3-dropdown-button-filled-with-icon-icon-size,18px); bloc= k-size: var(--gm3-dropdown-button-filled-with-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover .javascrip= tMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot { color: var(--= gm3-dropdown-button-filled-with-icon-hover-icon-color,var(--gm3-sys-color-o= n-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot { color= : var(--gm3-dropdown-button-filled-with-icon-focus-icon-color,var(--gm3-sys= -color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active .javascri= ptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot { color: var(-= -gm3-dropdown-button-filled-with-icon-pressed-icon-color,var(--gm3-sys-colo= r-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button.javascriptMateri= aldesignGm3WizButtonDropdownFilled-button:disabled .javascriptMaterialdesig= nGm3WizButtonDropdownFilled-button__icon-slot { color: var(--gm3-dropdown-b= utton-filled-with-icon-disabled-icon-color,rgba(var(--gm3-sys-color-on-surf= ace-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--flip-icon .java= scriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot[dir=3D"rtl= "], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonDropdownFilled-butto= n--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__ic= on-slot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--leadin= g, .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailin= g .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--tr= ailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link { position= : absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--touch { margin-= block: max((48px - var(--gm3-dropdown-button-filled-container-height,40px))= /2,0px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__touch { positio= n: absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); rig= ht: unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -= 50%); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button { background-col= or: var(--gm3-dropdown-button-filled-container-color,var(--gm3-sys-color-pr= imary,#0b57d0)); --yXuigc: var(--gm3-dropdown-button-filled-container-eleva= tion,0); --Fe5l0b: var(--gm3-dropdown-button-filled-container-shadow-color,= var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover { --yXuigc= : var(--gm3-dropdown-button-filled-hover-container-elevation,1); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible { = --yXuigc: var(--gm3-dropdown-button-filled-focus-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active { --yXuig= c: var(--gm3-dropdown-button-filled-pressed-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled { backg= round-color: var(--gm3-dropdown-button-filled-disabled-container-color,rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); --yXuigc: var(--gm3-dr= opdown-button-filled-disabled-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button::before { conten= t: ""; pointer-events: none; position: absolute; inset: 0px; border-radius:= inherit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:has(.javascrip= tMaterialdesignGm3WizButtonDropdownFilled-button__link)::before { border-co= lor: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:has(.javascrip= tMaterialdesignGm3WizButtonDropdownFilled-button__link) .javascriptMaterial= designGm3WizButtonDropdownFilled-button__icon-slot, .javascriptMaterialdesi= gnGm3WizButtonDropdownFilled-button:has(.javascriptMaterialdesignGm3WizButt= onDropdownFilled-button__link) .javascriptMaterialdesignGm3WizButtonDropdow= nFilled-button__label { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled::befo= re { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__use-deprecated-= will-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilled-deprecated-hcm-border= ::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropd= own { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--drop= down .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown { fi= ll: currentcolor; transform: rotate(0deg); transition: transform var(--gm3-= dropdown-button-filled-dropdown-duration,.15s) var(--gm3-dropdown-button-fi= lled-dropdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--expanded .javas= criptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropdown .= javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown { transfor= m: rotate(-180deg); transition: transform var(--gm3-dropdown-button-filled-= dropdown-duration,.15s) var(--gm3-dropdown-button-filled-dropdown-easing,li= near); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown {= padding-inline: var(--gm3-dropdown-button-filled-leading-space,20px) var(-= -gm3-dropdown-button-filled-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-a= nd-leading { padding-inline: var(--gm3-dropdown-button-filled-with-leading-= icon-leading-space,16px) var(--gm3-dropdown-button-filled-with-leading-icon= -trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropd= own { margin-inline-start: var(--gm3-dropdown-button-filled-dropdown-icon-l= abel-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown .= javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot .javas= criptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown { font-size: va= r(--gm3-dropdown-button-filled-with-icon-icon-size,22px); inline-size: var(= --gm3-dropdown-button-filled-with-icon-icon-size,22px); block-size: var(--g= m3-dropdown-button-filled-with-icon-icon-size,22px); } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-a= nd-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon= -slot--leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dro= pdown { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-a= nd-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon= -slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dr= opdown { margin-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-a= nd-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon= -slot--leading.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__i= con-slot--custom-spacing { padding-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-a= nd-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon= -slot--dropdown.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__= icon-slot--custom-spacing { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button { display: inl= ine-flex; position: relative; align-items: center; box-sizing: border-box; = border-width: medium; border-style: none; border-color: currentcolor; borde= r-image: none; border-start-start-radius: min(var(--gm3-dropdown-button-out= lined-container-shape-start-start,9999px),var(--gm3-dropdown-button-outline= d-container-height,40px)/2); border-start-end-radius: min(var(--gm3-dropdow= n-button-outlined-container-shape-start-end,9999px),var(--gm3-dropdown-butt= on-outlined-container-height,40px)/2); border-end-start-radius: min(var(--g= m3-dropdown-button-outlined-container-shape-end-start,9999px),var(--gm3-dro= pdown-button-outlined-container-height,40px)/2); border-end-end-radius: min= (var(--gm3-dropdown-button-outlined-container-shape-end-end,9999px),var(--g= m3-dropdown-button-outlined-container-height,40px)/2); outline: none; backg= round: transparent; appearance: none; line-height: inherit; text-rendering:= inherit; user-select: none; vertical-align: middle; cursor: pointer; justi= fy-content: var(--gm3-dropdown-button-outlined-container-justify-content,ce= nter); min-inline-size: var(--gm3-dropdown-button-outlined-container-min-wi= dth,64px); padding-block: 0px; padding-inline: var(--gm3-dropdown-button-ou= tlined-leading-space,24px) var(--gm3-dropdown-button-outlined-trailing-spac= e,24px); block-size: var(--gm3-dropdown-button-outlined-container-height,40= px); --sbadab: var(--gm3-dropdown-button-outlined-hover-state-layer-color,v= ar(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-dropdown-button-o= utlined-hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-dropdown-button= -outlined-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); = --kDWEsd: var(--gm3-dropdown-button-outlined-pressed-state-layer-opacity,0.= 1); --vTiv8c: min(var(--gm3-dropdown-button-outlined-container-shape-start-= start,9999px),var(--gm3-dropdown-button-outlined-container-height,40px)/2);= --UtHrue: min(var(--gm3-dropdown-button-outlined-container-shape-start-end= ,9999px),var(--gm3-dropdown-button-outlined-container-height,40px)/2); --C8= LWjb: min(var(--gm3-dropdown-button-outlined-container-shape-end-start,9999= px),var(--gm3-dropdown-button-outlined-container-height,40px)/2); --uHecC: = min(var(--gm3-dropdown-button-outlined-container-shape-end-end,9999px),var(= --gm3-dropdown-button-outlined-container-height,40px)/2); --jF0a9c: var(--g= m3-dropdown-button-outlined-focus-indicator-color,var(--gm3-sys-color-secon= dary,#00639b)); --hK0TOb: var(--gm3-dropdown-button-outlined-focus-indicato= r-outline-offset,2px); --SGGi: var(--gm3-dropdown-button-outlined-focus-ind= icator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button, .javascriptMa= terialdesignGm3WizButtonDropdownOutlined-button__focusring { transition: bo= rder-radius var(--gm3-dropdown-button-outlined-container-shape-transition-d= uration,.35s) var(--gm3-dropdown-button-outlined-container-shape-transition= -easing-function,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link:focus-vi= sible { outline: none; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible,= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link:focus-v= isible ~ .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__focu= sring { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:not(:disabled)= :active { border-start-start-radius: min(var(--gm3-dropdown-button-outlined= -pressed-container-shape-start-start,9999px),var(--gm3-dropdown-button-outl= ined-container-height,40px)/2); border-end-end-radius: min(var(--gm3-dropdo= wn-button-outlined-pressed-container-shape-end-end,9999px),var(--gm3-dropdo= wn-button-outlined-container-height,40px)/2); border-start-end-radius: min(= var(--gm3-dropdown-button-outlined-pressed-container-shape-start-end,9999px= ),var(--gm3-dropdown-button-outlined-container-height,40px)/2); border-end-= start-radius: min(var(--gm3-dropdown-button-outlined-pressed-container-shap= e-end-start,9999px),var(--gm3-dropdown-button-outlined-container-height,40p= x)/2); --vTiv8c: min(var(--gm3-dropdown-button-outlined-pressed-container-s= hape-start-start,9999px),var(--gm3-dropdown-button-outlined-container-heigh= t,40px)/2); --UtHrue: min(var(--gm3-dropdown-button-outlined-pressed-contai= ner-shape-start-end,9999px),var(--gm3-dropdown-button-outlined-container-he= ight,40px)/2); --C8LWjb: min(var(--gm3-dropdown-button-outlined-pressed-con= tainer-shape-end-start,9999px),var(--gm3-dropdown-button-outlined-container= -height,40px)/2); --uHecC: min(var(--gm3-dropdown-button-outlined-pressed-c= ontainer-shape-end-end,9999px),var(--gm3-dropdown-button-outlined-container= -height,40px)/2); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--use-intrinsic= -height { border-start-start-radius: var(--gm3-dropdown-button-outlined-con= tainer-shape-start-start,9999px); border-start-end-radius: var(--gm3-dropdo= wn-button-outlined-container-shape-start-end,9999px); border-end-start-radi= us: var(--gm3-dropdown-button-outlined-container-shape-end-start,9999px); b= order-end-end-radius: var(--gm3-dropdown-button-outlined-container-shape-en= d-end,9999px); --vTiv8c: var(--gm3-dropdown-button-outlined-container-shape= -start-start,9999px); --UtHrue: var(--gm3-dropdown-button-outlined-containe= r-shape-start-end,9999px); --C8LWjb: var(--gm3-dropdown-button-outlined-con= tainer-shape-end-start,9999px); --uHecC: var(--gm3-dropdown-button-outlined= -container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--use-intrinsic= -height:not(:disabled):active { border-start-start-radius: var(--gm3-dropdo= wn-button-outlined-pressed-container-shape-start-start,9999px); border-end-= end-radius: var(--gm3-dropdown-button-outlined-pressed-container-shape-end-= end,9999px); border-start-end-radius: var(--gm3-dropdown-button-outlined-pr= essed-container-shape-start-end,9999px); border-end-start-radius: var(--gm3= -dropdown-button-outlined-pressed-container-shape-end-start,9999px); --vTiv= 8c: var(--gm3-dropdown-button-outlined-pressed-container-shape-start-start,= 9999px); --UtHrue: var(--gm3-dropdown-button-outlined-pressed-container-sha= pe-start-end,9999px); --C8LWjb: var(--gm3-dropdown-button-outlined-pressed-= container-shape-end-start,9999px); --uHecC: var(--gm3-dropdown-button-outli= ned-pressed-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled { cur= sor: default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--with-tooltip:= disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button[hidden] { disp= lay: none; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label { posit= ion: relative; text-align: center; color: var(--gm3-dropdown-button-outline= d-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); font-size: var(--= gm3-dropdown-button-outlined-label-text-size,.875rem); font-family: var(--g= m3-dropdown-button-outlined-label-text-font,"Google Sans",Roboto,Arial,sans= -serif); font-weight: var(--gm3-dropdown-button-outlined-label-text-weight,= 500); letter-spacing: var(--gm3-dropdown-button-outlined-label-text-trackin= g,0); text-decoration: var(--gm3-dropdown-button-outlined-label-text-decora= tion,none); font-variation-settings: var(--gm3-dropdown-button-outlined-lab= el-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__use-updated-f= ont-styles .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__la= bel { font-family: var(--gm3-dropdown-button-outlined-label-text-font,"Goog= le Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover .javascr= iptMaterialdesignGm3WizButtonDropdownOutlined-button__label { color: var(--= gm3-dropdown-button-outlined-hover-label-text-color,var(--gm3-sys-color-pri= mary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label { color= : var(--gm3-dropdown-button-outlined-focus-label-text-color,var(--gm3-sys-c= olor-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active .javasc= riptMaterialdesignGm3WizButtonDropdownOutlined-button__label { color: var(-= -gm3-dropdown-button-outlined-pressed-label-text-color,var(--gm3-sys-color-= primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button.javascriptMate= rialdesignGm3WizButtonDropdownOutlined-button:disabled .javascriptMateriald= esignGm3WizButtonDropdownOutlined-button__label { color: var(--gm3-dropdown= -button-outlined-disabled-label-text-color,rgba(var(--gm3-sys-color-on-surf= ace-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--ellipsis .jav= ascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label { white-spa= ce: nowrap; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading = { padding-inline: var(--gm3-dropdown-button-outlined-with-leading-icon-lead= ing-space,16px) var(--gm3-dropdown-button-outlined-with-leading-icon-traili= ng-space,24px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i, = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot img= , .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leadin= g .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot s= vg { margin-inline-end: var(--gm3-dropdown-button-outlined-with-icon-icon-l= abel-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--cu= stom-spacing { padding-inline-end: var(--gm3-dropdown-button-outlined-with-= icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing= { padding-inline: var(--gm3-dropdown-button-outlined-with-trailing-icon-le= ading-space,24px) var(--gm3-dropdown-button-outlined-with-trailing-icon-tra= iling-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i,= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailin= g .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i= mg, .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trai= ling .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slo= t svg { margin-inline-start: var(--gm3-dropdown-button-outlined-with-icon-i= con-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--c= ustom-spacing { padding-inline-start: var(--gm3-dropdown-button-outlined-wi= th-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot { d= isplay: none; position: relative; line-height: 0; color: var(--gm3-dropdown= -button-outlined-with-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0))= ; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i, = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot img= , .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot s= vg { display: inline-flex; position: relative; direction: inherit; color: i= nherit; font-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size,1= 8px); inline-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size,1= 8px); block-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size,18= px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover .javascr= iptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot { color: va= r(--gm3-dropdown-button-outlined-with-icon-hover-icon-color,var(--gm3-sys-c= olor-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot { c= olor: var(--gm3-dropdown-button-outlined-with-icon-focus-icon-color,var(--g= m3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active .javasc= riptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot { color: v= ar(--gm3-dropdown-button-outlined-with-icon-pressed-icon-color,var(--gm3-sy= s-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button.javascriptMate= rialdesignGm3WizButtonDropdownOutlined-button:disabled .javascriptMateriald= esignGm3WizButtonDropdownOutlined-button__icon-slot { color: var(--gm3-drop= down-button-outlined-with-icon-disabled-icon-color,rgba(var(--gm3-sys-color= -on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--flip-icon .ja= vascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot[dir=3D= "rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonDropdownOutlined= -button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownOutlined-bu= tton__icon-slot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading = .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--le= ading, .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-t= railing .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-= slot--trailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link { positi= on: absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--touch { margi= n-block: max((48px - var(--gm3-dropdown-button-outlined-container-height,40= px))/2,0px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__touch { posit= ion: absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); r= ight: unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%,= -50%); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button { border-style= : solid; border-width: var(--gm3-dropdown-button-outlined-outline-width,1px= ); border-color: var(--gm3-dropdown-button-outlined-outline-color,var(--gm3= -sys-color-outline,#747775)); --vTiv8c: calc(var(--gm3-dropdown-button-outl= ined-container-shape-start-start, 9999px) - var(--gm3-dropdown-button-outli= ned-outline-width, 1px)); --UtHrue: calc(var(--gm3-dropdown-button-outlined= -container-shape-start-end, 9999px) - var(--gm3-dropdown-button-outlined-ou= tline-width, 1px)); --C8LWjb: calc(var(--gm3-dropdown-button-outlined-conta= iner-shape-end-start, 9999px) - var(--gm3-dropdown-button-outlined-outline-= width, 1px)); --uHecC: calc(var(--gm3-dropdown-button-outlined-container-sh= ape-end-end, 9999px) - var(--gm3-dropdown-button-outlined-outline-width, 1p= x)); --hK0TOb: calc(var(--gm3-dropdown-button-outlined-focus-indicator-outl= ine-offset, 2px) + var(--gm3-dropdown-button-outlined-outline-width, 1px));= } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:has(.javascr= iptMaterialdesignGm3WizButtonDropdownOutlined-button__link) { border-color:= linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:has(.javascr= iptMaterialdesignGm3WizButtonDropdownOutlined-button__link) .javascriptMate= rialdesignGm3WizButtonDropdownOutlined-button__icon-slot, .javascriptMateri= aldesignGm3WizButtonDropdownOutlined-button:has(.javascriptMaterialdesignGm= 3WizButtonDropdownOutlined-button__link) .javascriptMaterialdesignGm3WizBut= tonDropdownOutlined-button__label { color: linktext; } } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover { border= -color: var(--gm3-dropdown-button-outlined-hover-outline-color,var(--gm3-sy= s-color-outline,#747775)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible = { border-color: var(--gm3-dropdown-button-outlined-focus-outline-color,var(= --gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active { borde= r-color: var(--gm3-dropdown-button-outlined-pressed-outline-color,var(--gm3= -sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled { bor= der-color: var(--gm3-dropdown-button-outlined-disabled-outline-color,rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); background-color: var(--= gm3-dropdown-button-outlined-disabled-container-color,rgba(var(--gm3-sys-co= lor-on-surface-rgb,31,31,31),0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled { b= order-color: graytext; } } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__touch { inlin= e-size: max(48px,100% + var(--gm3-dropdown-button-outlined-outline-width,1p= x) * 2); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--d= ropdown { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dr= opdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown = { fill: currentcolor; transform: rotate(0deg); transition: transform var(--= gm3-dropdown-button-outlined-dropdown-duration,.15s) var(--gm3-dropdown-but= ton-outlined-dropdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--expanded .jav= ascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dropdo= wn .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown { tr= ansform: rotate(-180deg); transition: transform var(--gm3-dropdown-button-o= utlined-dropdown-duration,.15s) var(--gm3-dropdown-button-outlined-dropdown= -easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= { padding-inline: var(--gm3-dropdown-button-outlined-leading-space,20px) v= ar(--gm3-dropdown-button-outlined-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= -and-leading { padding-inline: var(--gm3-dropdown-button-outlined-with-lead= ing-icon-leading-space,16px) var(--gm3-dropdown-button-outlined-with-leadin= g-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--d= ropdown { margin-inline-start: var(--gm3-dropdown-button-outlined-dropdown-= icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot .j= avascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown { font-si= ze: var(--gm3-dropdown-button-outlined-with-icon-icon-size,22px); inline-si= ze: var(--gm3-dropdown-button-outlined-with-icon-icon-size,22px); block-siz= e: var(--gm3-dropdown-button-outlined-with-icon-icon-size,22px); } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= -and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__= icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-ic= on-dropdown { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= -and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__= icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-i= con-dropdown { margin-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= -and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__= icon-slot--leading.javascriptMaterialdesignGm3WizButtonDropdownOutlined-but= ton__icon-slot--custom-spacing { padding-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown= -and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__= icon-slot--dropdown.javascriptMaterialdesignGm3WizButtonDropdownOutlined-bu= tton__icon-slot--custom-spacing { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownText-button { display: inline-= flex; position: relative; align-items: center; box-sizing: border-box; bord= er-width: medium; border-style: none; border-color: currentcolor; border-im= age: none; border-start-start-radius: min(var(--gm3-dropdown-button-text-co= ntainer-shape-start-start,9999px),var(--gm3-dropdown-button-text-container-= height,40px)/2); border-start-end-radius: min(var(--gm3-dropdown-button-tex= t-container-shape-start-end,9999px),var(--gm3-dropdown-button-text-containe= r-height,40px)/2); border-end-start-radius: min(var(--gm3-dropdown-button-t= ext-container-shape-end-start,9999px),var(--gm3-dropdown-button-text-contai= ner-height,40px)/2); border-end-end-radius: min(var(--gm3-dropdown-button-t= ext-container-shape-end-end,9999px),var(--gm3-dropdown-button-text-containe= r-height,40px)/2); outline: none; background: transparent; appearance: none= ; line-height: inherit; text-rendering: inherit; user-select: none; vertica= l-align: middle; cursor: pointer; justify-content: var(--gm3-dropdown-butto= n-text-container-justify-content,center); min-inline-size: var(--gm3-dropdo= wn-button-text-container-min-width,64px); padding-block: 0px; padding-inlin= e: var(--gm3-dropdown-button-text-leading-space,12px) var(--gm3-dropdown-bu= tton-text-trailing-space,12px); block-size: var(--gm3-dropdown-button-text-= container-height,40px); --sbadab: var(--gm3-dropdown-button-text-hover-stat= e-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-dr= opdown-button-text-hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-drop= down-button-text-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b5= 7d0)); --kDWEsd: var(--gm3-dropdown-button-text-pressed-state-layer-opacity= ,0.1); --vTiv8c: min(var(--gm3-dropdown-button-text-container-shape-start-s= tart,9999px),var(--gm3-dropdown-button-text-container-height,40px)/2); --Ut= Hrue: min(var(--gm3-dropdown-button-text-container-shape-start-end,9999px),= var(--gm3-dropdown-button-text-container-height,40px)/2); --C8LWjb: min(var= (--gm3-dropdown-button-text-container-shape-end-start,9999px),var(--gm3-dro= pdown-button-text-container-height,40px)/2); --uHecC: min(var(--gm3-dropdow= n-button-text-container-shape-end-end,9999px),var(--gm3-dropdown-button-tex= t-container-height,40px)/2); --jF0a9c: var(--gm3-dropdown-button-text-focus= -indicator-color,var(--gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--g= m3-dropdown-button-text-focus-indicator-outline-offset,2px); --SGGi: var(--= gm3-dropdown-button-text-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button, .javascriptMateri= aldesignGm3WizButtonDropdownText-button__focusring { transition: border-rad= ius var(--gm3-dropdown-button-text-container-shape-transition-duration,.35s= ) var(--gm3-dropdown-button-text-container-shape-transition-easing-function= ,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button__link:focus-visibl= e { outline: none; } .javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible, .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__link:focus-visible ~= .javascriptMaterialdesignGm3WizButtonDropdownText-button__focusring { --H6= apye: block; } .javascriptMaterialdesignGm3WizButtonDropdownText-button:not(:disabled):act= ive { border-start-start-radius: min(var(--gm3-dropdown-button-text-pressed= -container-shape-start-start,9999px),var(--gm3-dropdown-button-text-contain= er-height,40px)/2); border-end-end-radius: min(var(--gm3-dropdown-button-te= xt-pressed-container-shape-end-end,9999px),var(--gm3-dropdown-button-text-c= ontainer-height,40px)/2); border-start-end-radius: min(var(--gm3-dropdown-b= utton-text-pressed-container-shape-start-end,9999px),var(--gm3-dropdown-but= ton-text-container-height,40px)/2); border-end-start-radius: min(var(--gm3-= dropdown-button-text-pressed-container-shape-end-start,9999px),var(--gm3-dr= opdown-button-text-container-height,40px)/2); --vTiv8c: min(var(--gm3-dropd= own-button-text-pressed-container-shape-start-start,9999px),var(--gm3-dropd= own-button-text-container-height,40px)/2); --UtHrue: min(var(--gm3-dropdown= -button-text-pressed-container-shape-start-end,9999px),var(--gm3-dropdown-b= utton-text-container-height,40px)/2); --C8LWjb: min(var(--gm3-dropdown-butt= on-text-pressed-container-shape-end-start,9999px),var(--gm3-dropdown-button= -text-container-height,40px)/2); --uHecC: min(var(--gm3-dropdown-button-tex= t-pressed-container-shape-end-end,9999px),var(--gm3-dropdown-button-text-co= ntainer-height,40px)/2); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--use-intrinsic-hei= ght { border-start-start-radius: var(--gm3-dropdown-button-text-container-s= hape-start-start,9999px); border-start-end-radius: var(--gm3-dropdown-butto= n-text-container-shape-start-end,9999px); border-end-start-radius: var(--gm= 3-dropdown-button-text-container-shape-end-start,9999px); border-end-end-ra= dius: var(--gm3-dropdown-button-text-container-shape-end-end,9999px); --vTi= v8c: var(--gm3-dropdown-button-text-container-shape-start-start,9999px); --= UtHrue: var(--gm3-dropdown-button-text-container-shape-start-end,9999px); -= -C8LWjb: var(--gm3-dropdown-button-text-container-shape-end-start,9999px); = --uHecC: var(--gm3-dropdown-button-text-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--use-intrinsic-hei= ght:not(:disabled):active { border-start-start-radius: var(--gm3-dropdown-b= utton-text-pressed-container-shape-start-start,9999px); border-end-end-radi= us: var(--gm3-dropdown-button-text-pressed-container-shape-end-end,9999px);= border-start-end-radius: var(--gm3-dropdown-button-text-pressed-container-= shape-start-end,9999px); border-end-start-radius: var(--gm3-dropdown-button= -text-pressed-container-shape-end-start,9999px); --vTiv8c: var(--gm3-dropdo= wn-button-text-pressed-container-shape-start-start,9999px); --UtHrue: var(-= -gm3-dropdown-button-text-pressed-container-shape-start-end,9999px); --C8LW= jb: var(--gm3-dropdown-button-text-pressed-container-shape-end-start,9999px= ); --uHecC: var(--gm3-dropdown-button-text-pressed-container-shape-end-end,= 9999px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled { cursor:= default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--with-tooltip:disa= bled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonDropdownText-button[hidden] { display:= none; } .javascriptMaterialdesignGm3WizButtonDropdownText-button__label { position:= relative; text-align: center; color: var(--gm3-dropdown-button-text-label-= text-color,var(--gm3-sys-color-primary,#0b57d0)); font-size: var(--gm3-drop= down-button-text-label-text-size,.875rem); font-family: var(--gm3-dropdown-= button-text-label-text-font,"Google Sans",Roboto,Arial,sans-serif); font-we= ight: var(--gm3-dropdown-button-text-label-text-weight,500); letter-spacing= : var(--gm3-dropdown-button-text-label-text-tracking,0); text-decoration: v= ar(--gm3-dropdown-button-text-label-text-decoration,none); font-variation-s= ettings: var(--gm3-dropdown-button-text-label-text-font-variation-settings,= initial); } .javascriptMaterialdesignGm3WizButtonDropdownText-button__use-updated-font-= styles .javascriptMaterialdesignGm3WizButtonDropdownText-button__label { fo= nt-family: var(--gm3-dropdown-button-text-label-text-font,"Google Sans Flex= ","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:hover .javascriptM= aterialdesignGm3WizButtonDropdownText-button__label { color: var(--gm3-drop= down-button-text-hover-label-text-color,var(--gm3-sys-color-primary,#0b57d0= )); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__label { color: var(--= gm3-dropdown-button-text-focus-label-text-color,var(--gm3-sys-color-primary= ,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:active .javascript= MaterialdesignGm3WizButtonDropdownText-button__label { color: var(--gm3-dro= pdown-button-text-pressed-label-text-color,var(--gm3-sys-color-primary,#0b5= 7d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button.javascriptMaterial= designGm3WizButtonDropdownText-button:disabled .javascriptMaterialdesignGm3= WizButtonDropdownText-button__label { color: var(--gm3-dropdown-button-text= -disabled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31= ),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--ellipsis .javascr= iptMaterialdesignGm3WizButtonDropdownText-button__label { white-space: nowr= ap; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading { pa= dding-inline: var(--gm3-dropdown-button-text-with-leading-icon-leading-spac= e,12px) var(--gm3-dropdown-button-text-with-leading-icon-trailing-space,16p= x); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i, .javascr= iptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptM= aterialdesignGm3WizButtonDropdownText-button__icon-slot img, .javascriptMat= erialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptMateria= ldesignGm3WizButtonDropdownText-button__icon-slot svg { margin-inline-end: = var(--gm3-dropdown-button-text-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--custom-spa= cing { padding-inline-end: var(--gm3-dropdown-button-text-with-icon-icon-la= bel-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing { p= adding-inline: var(--gm3-dropdown-button-text-with-trailing-icon-leading-sp= ace,16px) var(--gm3-dropdown-button-text-with-trailing-icon-trailing-space,= 12px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i, .javasc= riptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascrip= tMaterialdesignGm3WizButtonDropdownText-button__icon-slot img, .javascriptM= aterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascriptMate= rialdesignGm3WizButtonDropdownText-button__icon-slot svg { margin-inline-st= art: var(--gm3-dropdown-button-text-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--custom-sp= acing { padding-inline-start: var(--gm3-dropdown-button-text-with-icon-icon= -label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot { displ= ay: none; position: relative; line-height: 0; color: var(--gm3-dropdown-but= ton-text-with-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i, .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot img, .javas= criptMaterialdesignGm3WizButtonDropdownText-button__icon-slot svg { display= : inline-flex; position: relative; direction: inherit; color: inherit; font= -size: var(--gm3-dropdown-button-text-with-icon-icon-size,18px); inline-siz= e: var(--gm3-dropdown-button-text-with-icon-icon-size,18px); block-size: va= r(--gm3-dropdown-button-text-with-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:hover .javascriptM= aterialdesignGm3WizButtonDropdownText-button__icon-slot { color: var(--gm3-= dropdown-button-text-with-icon-hover-icon-color,var(--gm3-sys-color-primary= ,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot { color: va= r(--gm3-dropdown-button-text-with-icon-focus-icon-color,var(--gm3-sys-color= -primary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button:active .javascript= MaterialdesignGm3WizButtonDropdownText-button__icon-slot { color: var(--gm3= -dropdown-button-text-with-icon-pressed-icon-color,var(--gm3-sys-color-prim= ary,#0b57d0)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button.javascriptMaterial= designGm3WizButtonDropdownText-button:disabled .javascriptMaterialdesignGm3= WizButtonDropdownText-button__icon-slot { color: var(--gm3-dropdown-button-= text-with-icon-disabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--flip-icon .javasc= riptMaterialdesignGm3WizButtonDropdownText-button__icon-slot[dir=3D"rtl"], = [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonDropdownText-button--fli= p-icon .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot = { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--leading, .= javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .jav= ascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--trailing {= display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownText-button__link { position: = absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--touch { margin-bl= ock: max((48px - var(--gm3-dropdown-button-text-container-height,40px))/2,0= px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button__touch { position:= absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); right= : unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -50= %); } .javascriptMaterialdesignGm3WizButtonDropdownText-button::before { content:= ""; pointer-events: none; position: absolute; inset: 0px; border-radius: i= nherit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownText-button:has(.javascriptM= aterialdesignGm3WizButtonDropdownText-button__link)::before { border-color:= linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownText-button:has(.javascriptM= aterialdesignGm3WizButtonDropdownText-button__link) .javascriptMaterialdesi= gnGm3WizButtonDropdownText-button__icon-slot, .javascriptMaterialdesignGm3W= izButtonDropdownText-button:has(.javascriptMaterialdesignGm3WizButtonDropdo= wnText-button__link) .javascriptMaterialdesignGm3WizButtonDropdownText-butt= on__label { color: linktext; } } .javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled::before {= background-color: var(--gm3-dropdown-button-text-disabled-container-color,= rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled::before= { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonDropdownText-button__use-deprecated-wi= ll-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownText-deprecated-hcm-border::= before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown = { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdo= wn .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown { fill: = currentcolor; transform: rotate(0deg); transition: transform var(--gm3-drop= down-button-text-dropdown-duration,.15s) var(--gm3-dropdown-button-text-dro= pdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--expanded .javascr= iptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown .java= scriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown { transform: rot= ate(-180deg); transition: transform var(--gm3-dropdown-button-text-dropdown= -duration,.15s) var(--gm3-dropdown-button-text-dropdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown { p= adding-inline: var(--gm3-dropdown-button-text-leading-space,20px) var(--gm3= -dropdown-button-text-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and= -leading { padding-inline: var(--gm3-dropdown-button-text-with-leading-icon= -leading-space,16px) var(--gm3-dropdown-button-text-with-leading-icon-trail= ing-space,12px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown = { margin-inline-start: var(--gm3-dropdown-button-text-dropdown-icon-label-s= pace,8px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown .ja= vascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot .javascrip= tMaterialdesignGm3WizButtonDropdownText-icon-dropdown { font-size: var(--gm= 3-dropdown-button-text-with-icon-icon-size,22px); inline-size: var(--gm3-dr= opdown-button-text-with-icon-icon-size,22px); block-size: var(--gm3-dropdow= n-button-text-with-icon-icon-size,22px); } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and= -leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slo= t--leading .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown = { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and= -leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slo= t--dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown= { margin-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and= -leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slo= t--leading.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-sl= ot--custom-spacing { padding-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and= -leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slo= t--dropdown.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-s= lot--custom-spacing { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonalOldTokens { --upgra= deable-gm3-dropdown-button-filled-tonal-focus-label-text-color: var(--gm3-d= ropdown-button-filled-tonal-focus-label-text-color,var(--gm3-sys-color-on-s= econdary-container,#001d35)); --upgradeable-gm3-dropdown-button-filled-tona= l-hover-label-text-color: var(--gm3-dropdown-button-filled-tonal-hover-labe= l-text-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgrad= eable-gm3-dropdown-button-filled-tonal-hover-state-layer-color: var(--gm3-d= ropdown-button-filled-tonal-hover-state-layer-color,var(--gm3-sys-color-on-= secondary-container,#001d35)); --upgradeable-gm3-dropdown-button-filled-ton= al-label-text-color: var(--gm3-dropdown-button-filled-tonal-label-text-colo= r,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-d= ropdown-button-filled-tonal-pressed-label-text-color: var(--gm3-dropdown-bu= tton-filled-tonal-pressed-label-text-color,var(--gm3-sys-color-on-secondary= -container,#001d35)); --upgradeable-gm3-dropdown-button-filled-tonal-presse= d-state-layer-color: var(--gm3-dropdown-button-filled-tonal-pressed-state-l= ayer-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradea= ble-gm3-dropdown-button-filled-tonal-with-icon-focus-icon-color: var(--gm3-= dropdown-button-filled-tonal-with-icon-focus-icon-color,var(--gm3-sys-color= -on-secondary-container,#001d35)); --upgradeable-gm3-dropdown-button-filled= -tonal-with-icon-hover-icon-color: var(--gm3-dropdown-button-filled-tonal-w= ith-icon-hover-icon-color,var(--gm3-sys-color-on-secondary-container,#001d3= 5)); --upgradeable-gm3-dropdown-button-filled-tonal-with-icon-icon-color: v= ar(--gm3-dropdown-button-filled-tonal-with-icon-icon-color,var(--gm3-sys-co= lor-on-secondary-container,#001d35)); --upgradeable-gm3-dropdown-button-fil= led-tonal-with-icon-pressed-icon-color: var(--gm3-dropdown-button-filled-to= nal-with-icon-pressed-icon-color,var(--gm3-sys-color-on-secondary-container= ,#001d35)); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button { display: = inline-flex; position: relative; align-items: center; box-sizing: border-bo= x; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; border-start-start-radius: min(var(--gm3-dropdown-button-= filled-tonal-container-shape-start-start,9999px),var(--gm3-dropdown-button-= filled-tonal-container-height,40px)/2); border-start-end-radius: min(var(--= gm3-dropdown-button-filled-tonal-container-shape-start-end,9999px),var(--gm= 3-dropdown-button-filled-tonal-container-height,40px)/2); border-end-start-= radius: min(var(--gm3-dropdown-button-filled-tonal-container-shape-end-star= t,9999px),var(--gm3-dropdown-button-filled-tonal-container-height,40px)/2);= border-end-end-radius: min(var(--gm3-dropdown-button-filled-tonal-containe= r-shape-end-end,9999px),var(--gm3-dropdown-button-filled-tonal-container-he= ight,40px)/2); outline: none; background: transparent; appearance: none; li= ne-height: inherit; text-rendering: inherit; user-select: none; vertical-al= ign: middle; cursor: pointer; justify-content: var(--gm3-dropdown-button-fi= lled-tonal-container-justify-content,center); min-inline-size: var(--gm3-dr= opdown-button-filled-tonal-container-min-width,64px); padding-block: 0px; p= adding-inline: var(--gm3-dropdown-button-filled-tonal-leading-space,24px) v= ar(--gm3-dropdown-button-filled-tonal-trailing-space,24px); block-size: var= (--gm3-dropdown-button-filled-tonal-container-height,40px); --sbadab: var(-= -upgradeable-gm3-dropdown-button-filled-tonal-hover-state-layer-color,var(-= -gm3-dropdown-button-filled-tonal-hover-state-layer-color,var(--gm3-sys-col= or-on-secondary-container,#004a77))); --hSHBee: var(--gm3-dropdown-button-f= illed-tonal-hover-state-layer-opacity,0.08); --F1tVH: var(--upgradeable-gm3= -dropdown-button-filled-tonal-pressed-state-layer-color,var(--gm3-dropdown-= button-filled-tonal-pressed-state-layer-color,var(--gm3-sys-color-on-second= ary-container,#004a77))); --kDWEsd: var(--gm3-dropdown-button-filled-tonal-= pressed-state-layer-opacity,0.1); --vTiv8c: min(var(--gm3-dropdown-button-f= illed-tonal-container-shape-start-start,9999px),var(--gm3-dropdown-button-f= illed-tonal-container-height,40px)/2); --UtHrue: min(var(--gm3-dropdown-but= ton-filled-tonal-container-shape-start-end,9999px),var(--gm3-dropdown-butto= n-filled-tonal-container-height,40px)/2); --C8LWjb: min(var(--gm3-dropdown-= button-filled-tonal-container-shape-end-start,9999px),var(--gm3-dropdown-bu= tton-filled-tonal-container-height,40px)/2); --uHecC: min(var(--gm3-dropdow= n-button-filled-tonal-container-shape-end-end,9999px),var(--gm3-dropdown-bu= tton-filled-tonal-container-height,40px)/2); --jF0a9c: var(--gm3-dropdown-b= utton-filled-tonal-focus-indicator-color,var(--gm3-sys-color-secondary,#006= 39b)); --hK0TOb: var(--gm3-dropdown-button-filled-tonal-focus-indicator-out= line-offset,2px); --SGGi: var(--gm3-dropdown-button-filled-tonal-focus-indi= cator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button, .javascrip= tMaterialdesignGm3WizButtonDropdownFilledTonal-button__focusring { transiti= on: border-radius var(--gm3-dropdown-button-filled-tonal-container-shape-tr= ansition-duration,.35s) var(--gm3-dropdown-button-filled-tonal-container-sh= ape-transition-easing-function,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link:focus= -visible { outline: none; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visib= le, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link:f= ocus-visible ~ .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-but= ton__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:not(:disabl= ed):active { border-start-start-radius: min(var(--gm3-dropdown-button-fille= d-tonal-pressed-container-shape-start-start,9999px),var(--gm3-dropdown-butt= on-filled-tonal-container-height,40px)/2); border-end-end-radius: min(var(-= -gm3-dropdown-button-filled-tonal-pressed-container-shape-end-end,9999px),v= ar(--gm3-dropdown-button-filled-tonal-container-height,40px)/2); border-sta= rt-end-radius: min(var(--gm3-dropdown-button-filled-tonal-pressed-container= -shape-start-end,9999px),var(--gm3-dropdown-button-filled-tonal-container-h= eight,40px)/2); border-end-start-radius: min(var(--gm3-dropdown-button-fill= ed-tonal-pressed-container-shape-end-start,9999px),var(--gm3-dropdown-butto= n-filled-tonal-container-height,40px)/2); --vTiv8c: min(var(--gm3-dropdown-= button-filled-tonal-pressed-container-shape-start-start,9999px),var(--gm3-d= ropdown-button-filled-tonal-container-height,40px)/2); --UtHrue: min(var(--= gm3-dropdown-button-filled-tonal-pressed-container-shape-start-end,9999px),= var(--gm3-dropdown-button-filled-tonal-container-height,40px)/2); --C8LWjb:= min(var(--gm3-dropdown-button-filled-tonal-pressed-container-shape-end-sta= rt,9999px),var(--gm3-dropdown-button-filled-tonal-container-height,40px)/2)= ; --uHecC: min(var(--gm3-dropdown-button-filled-tonal-pressed-container-sha= pe-end-end,9999px),var(--gm3-dropdown-button-filled-tonal-container-height,= 40px)/2); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--use-intrin= sic-height { border-start-start-radius: var(--gm3-dropdown-button-filled-to= nal-container-shape-start-start,9999px); border-start-end-radius: var(--gm3= -dropdown-button-filled-tonal-container-shape-start-end,9999px); border-end= -start-radius: var(--gm3-dropdown-button-filled-tonal-container-shape-end-s= tart,9999px); border-end-end-radius: var(--gm3-dropdown-button-filled-tonal= -container-shape-end-end,9999px); --vTiv8c: var(--gm3-dropdown-button-fille= d-tonal-container-shape-start-start,9999px); --UtHrue: var(--gm3-dropdown-b= utton-filled-tonal-container-shape-start-end,9999px); --C8LWjb: var(--gm3-d= ropdown-button-filled-tonal-container-shape-end-start,9999px); --uHecC: var= (--gm3-dropdown-button-filled-tonal-container-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--use-intrin= sic-height:not(:disabled):active { border-start-start-radius: var(--gm3-dro= pdown-button-filled-tonal-pressed-container-shape-start-start,9999px); bord= er-end-end-radius: var(--gm3-dropdown-button-filled-tonal-pressed-container= -shape-end-end,9999px); border-start-end-radius: var(--gm3-dropdown-button-= filled-tonal-pressed-container-shape-start-end,9999px); border-end-start-ra= dius: var(--gm3-dropdown-button-filled-tonal-pressed-container-shape-end-st= art,9999px); --vTiv8c: var(--gm3-dropdown-button-filled-tonal-pressed-conta= iner-shape-start-start,9999px); --UtHrue: var(--gm3-dropdown-button-filled-= tonal-pressed-container-shape-start-end,9999px); --C8LWjb: var(--gm3-dropdo= wn-button-filled-tonal-pressed-container-shape-end-start,9999px); --uHecC: = var(--gm3-dropdown-button-filled-tonal-pressed-container-shape-end-end,9999= px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled { = cursor: default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--with-toolt= ip:disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button[hidden] { d= isplay: none; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label { po= sition: relative; text-align: center; color: var(--upgradeable-gm3-dropdown= -button-filled-tonal-label-text-color,var(--gm3-dropdown-button-filled-tona= l-label-text-color,var(--gm3-sys-color-on-secondary-container,#004a77))); f= ont-size: var(--gm3-dropdown-button-filled-tonal-label-text-size,.875rem); = font-family: var(--gm3-dropdown-button-filled-tonal-label-text-font,"Google= Sans",Roboto,Arial,sans-serif); font-weight: var(--gm3-dropdown-button-fil= led-tonal-label-text-weight,500); letter-spacing: var(--gm3-dropdown-button= -filled-tonal-label-text-tracking,0); text-decoration: var(--gm3-dropdown-b= utton-filled-tonal-label-text-decoration,none); font-variation-settings: va= r(--gm3-dropdown-button-filled-tonal-label-text-font-variation-settings,ini= tial); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__use-update= d-font-styles .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-butt= on__label { font-family: var(--gm3-dropdown-button-filled-tonal-label-text-= font,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-= serif); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover .java= scriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label { color: = var(--upgradeable-gm3-dropdown-button-filled-tonal-hover-label-text-color,v= ar(--gm3-dropdown-button-filled-tonal-hover-label-text-color,var(--gm3-sys-= color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visib= le .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {= color: var(--upgradeable-gm3-dropdown-button-filled-tonal-focus-label-text= -color,var(--gm3-dropdown-button-filled-tonal-focus-label-text-color,var(--= gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active .jav= ascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label { color:= var(--upgradeable-gm3-dropdown-button-filled-tonal-pressed-label-text-colo= r,var(--gm3-dropdown-button-filled-tonal-pressed-label-text-color,var(--gm3= -sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button.javascriptM= aterialdesignGm3WizButtonDropdownFilledTonal-button:disabled .javascriptMat= erialdesignGm3WizButtonDropdownFilledTonal-button__label { color: var(--gm3= -dropdown-button-filled-tonal-disabled-label-text-color,rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--ellipsis .= javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label { whi= te-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leadi= ng { padding-inline: var(--gm3-dropdown-button-filled-tonal-with-leading-ic= on-leading-space,16px) var(--gm3-dropdown-button-filled-tonal-with-leading-= icon-trailing-space,24px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leadi= ng .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-sl= ot i, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon= -leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__i= con-slot img, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-butt= on--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-b= utton__icon-slot svg { margin-inline-end: var(--gm3-dropdown-button-filled-= tonal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leadi= ng .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-sl= ot--custom-spacing { padding-inline-end: var(--gm3-dropdown-button-filled-t= onal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trail= ing { padding-inline: var(--gm3-dropdown-button-filled-tonal-with-trailing-= icon-leading-space,24px) var(--gm3-dropdown-button-filled-tonal-with-traili= ng-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trail= ing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-s= lot i, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--ico= n-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button_= _icon-slot img, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-bu= tton--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTona= l-button__icon-slot svg { margin-inline-start: var(--gm3-dropdown-button-fi= lled-tonal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trail= ing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-s= lot--custom-spacing { padding-inline-start: var(--gm3-dropdown-button-fille= d-tonal-with-icon-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot = { display: none; position: relative; line-height: 0; color: var(--upgradeab= le-gm3-dropdown-button-filled-tonal-with-icon-icon-color,var(--gm3-dropdown= -button-filled-tonal-with-icon-icon-color,var(--gm3-sys-color-on-secondary-= container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot = i, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-sl= ot img, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__ic= on-slot svg { display: inline-flex; position: relative; direction: inherit;= color: inherit; font-size: var(--gm3-dropdown-button-filled-tonal-with-ico= n-icon-size,18px); inline-size: var(--gm3-dropdown-button-filled-tonal-with= -icon-icon-size,18px); block-size: var(--gm3-dropdown-button-filled-tonal-w= ith-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover .java= scriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot { col= or: var(--upgradeable-gm3-dropdown-button-filled-tonal-with-icon-hover-icon= -color,var(--gm3-dropdown-button-filled-tonal-with-icon-hover-icon-color,va= r(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visib= le .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-sl= ot { color: var(--upgradeable-gm3-dropdown-button-filled-tonal-with-icon-fo= cus-icon-color,var(--gm3-dropdown-button-filled-tonal-with-icon-focus-icon-= color,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active .jav= ascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot { co= lor: var(--upgradeable-gm3-dropdown-button-filled-tonal-with-icon-pressed-i= con-color,var(--gm3-dropdown-button-filled-tonal-with-icon-pressed-icon-col= or,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button.javascriptM= aterialdesignGm3WizButtonDropdownFilledTonal-button:disabled .javascriptMat= erialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot { color: var(-= -gm3-dropdown-button-filled-tonal-with-icon-disabled-icon-color,rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--flip-icon = .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot[= dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonDropdownFi= lledTonal-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFi= lledTonal-button__icon-slot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leadi= ng .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-sl= ot--leading, .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-butto= n--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-b= utton__icon-slot--trailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link { pos= ition: absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--touch { ma= rgin-block: max((48px - var(--gm3-dropdown-button-filled-tonal-container-he= ight,40px))/2,0px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__touch { po= sition: absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%)= ; right: unset; bottom: unset; top: 50%; left: 50%; transform: translate(-5= 0%, -50%); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button { backgroun= d-color: var(--gm3-dropdown-button-filled-tonal-container-color,var(--gm3-s= ys-color-secondary-container,#c2e7ff)); --yXuigc: var(--gm3-dropdown-button= -filled-tonal-container-elevation,0); --Fe5l0b: var(--gm3-dropdown-button-f= illed-tonal-container-shadow-color,var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover { --y= Xuigc: var(--gm3-dropdown-button-filled-tonal-hover-container-elevation,1);= } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visib= le { --yXuigc: var(--gm3-dropdown-button-filled-tonal-focus-container-eleva= tion,0); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active { --= yXuigc: var(--gm3-dropdown-button-filled-tonal-pressed-container-elevation,= 0); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled { = background-color: var(--gm3-dropdown-button-filled-tonal-disabled-container= -color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); --yXuigc: v= ar(--gm3-dropdown-button-filled-tonal-disabled-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button::before { c= ontent: ""; pointer-events: none; position: absolute; inset: 0px; border-ra= dius: inherit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.java= scriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link)::before {= border-color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.java= scriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link) .javascri= ptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot, .javascr= iptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.javascriptMate= rialdesignGm3WizButtonDropdownFilledTonal-button__link) .javascriptMaterial= designGm3WizButtonDropdownFilledTonal-button__label { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled:= :before { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__use-deprec= ated-will-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-deprecated-hcm-b= order::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-s= lot--dropdown { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot-= -dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dro= pdown { fill: currentcolor; transform: rotate(0deg); transition: transform = var(--gm3-dropdown-button-filled-tonal-dropdown-duration,.15s) var(--gm3-dr= opdown-button-filled-tonal-dropdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--expanded .= javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--= dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-drop= down { transform: rotate(-180deg); transition: transform var(--gm3-dropdown= -button-filled-tonal-dropdown-duration,.15s) var(--gm3-dropdown-button-fill= ed-tonal-dropdown-easing,linear); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own { padding-inline: var(--gm3-dropdown-button-filled-tonal-leading-space,= 20px) var(--gm3-dropdown-button-filled-tonal-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own-and-leading { padding-inline: var(--gm3-dropdown-button-filled-tonal-wi= th-leading-icon-leading-space,16px) var(--gm3-dropdown-button-filled-tonal-= with-leading-icon-trailing-space,16px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-s= lot--dropdown { margin-inline-start: var(--gm3-dropdown-button-filled-tonal= -dropdown-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-s= lot .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown = { font-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-size,22p= x); inline-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-size= ,22px); block-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-s= ize,22px); } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-bu= tton__icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownFille= dTonal-icon-dropdown { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-bu= tton__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFill= edTonal-icon-dropdown { margin-inline-end: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-bu= tton__icon-slot--leading.javascriptMaterialdesignGm3WizButtonDropdownFilled= Tonal-button__icon-slot--custom-spacing { padding-inline-start: 0px; } .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropd= own-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-bu= tton__icon-slot--dropdown.javascriptMaterialdesignGm3WizButtonDropdownFille= dTonal-button__icon-slot--custom-spacing { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressWrapper { po= sition: relative; } .javascriptMaterialdesignGm3WizCircularProgressCircularProgress { display: = inline-flex; position: relative; line-height: 0; overflow: hidden; } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressContainer { = position: absolute; width: 100%; height: 100%; transform: rotate(-90deg); } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressCircleGraphi= c { height: 100%; width: 100%; fill: transparent; } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndica= tor { stroke: var(--yPTsAb,var(--gm3-sys-color-primary,#0b57d0)); stroke-wi= dth: var(--EscQs,4px); stroke-linecap: round; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndi= cator { stroke: canvastext; } } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack { stro= ke: var(--Sewh0e,var(--gm3-sys-color-secondary-container,#c2e7ff)); stroke-= width: var(--EscQs,4px); stroke-linecap: round; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack { st= roke: canvas; stroke-width: calc(var(--EscQs, 4px) - 2px); filter: drop-sha= dow(canvastext -1px 0px 0px) drop-shadow(canvastext 1px 0px 0px) drop-shado= w(canvastext 0px -1px 0px) drop-shadow(canvastext 0px 1px 0px); } } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressAlmostComple= te .javascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack, .j= avascriptMaterialdesignGm3WizCircularProgressCircularProgressClosed .javasc= riptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndicator, .j= avascriptMaterialdesignGm3WizCircularProgressCircularProgressClosed .javasc= riptMaterialdesignGm3WizCircularProgressCircularProgressTrack, .javascriptM= aterialdesignGm3WizCircularProgressCircularProgressComplete .javascriptMate= rialdesignGm3WizCircularProgressCircularProgressTrack, .javascriptMateriald= esignGm3WizCircularProgressCircularProgressUnopened .javascriptMaterialdesi= gnGm3WizCircularProgressCircularProgressActiveIndicator { stroke-width: 0; = } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressIndeterminat= e { animation: 6s linear 0s infinite normal none running gm3-cpi-rotate; } @keyframes gm3-cpi-rotate {=20 0% { transform: rotate(-90deg); } 100% { transform: rotate(990deg); } } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressIndeterminat= e .javascriptMaterialdesignGm3WizCircularProgressCircularProgressContainer = { animation: 6s ease 0s infinite normal none running gm3-cpi-container-rota= te; } @keyframes gm3-cpi-container-rotate {=20 0% { transform: rotate(0deg); } 8.33333% { transform: rotate(90deg); } 25% { transform: rotate(90deg); } 33.3333% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 58.3333% { transform: rotate(270deg); } 75% { transform: rotate(270deg); } 83.3333% { transform: rotate(1turn); } 100% { transform: rotate(1turn); } } .javascriptMaterialdesignGm3WizCircularProgressCircularProgress { height: c= alc(var(--EkrYwf, 40px)); width: calc(var(--EkrYwf, 40px)); } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndica= tor { transition: stroke-dasharray 0.5s cubic-bezier(0, 0, 0.2, 1), stroke-= width 0.25s cubic-bezier(0.4, 0, 0.6, 1); cx: calc(var(--EkrYwf, 40px)/2); = cy: calc(var(--EkrYwf, 40px)/2); r: calc((var(--EkrYwf, 40px) - var(--EscQs= , 4px))/2); stroke-dasharray: calc(var(--progress-value, 0)*(6.2831852*(var= (--EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px)) - var(--EscQs,= 4px)) calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.2831852/2 - var(--p= rogress-value, 0)*(6.2831852*(var(--EkrYwf, 40px) - var(--EscQs, 4px))/2 - = var(--XJrZW, 4px)) + var(--EscQs, 4px)); } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack { tran= sition: stroke-dasharray 0.5s cubic-bezier(0, 0, 0.2, 1), stroke-dashoffset= 0.5s cubic-bezier(0, 0, 0.2, 1), stroke-width 0.25s cubic-bezier(0.4, 0, 0= .6, 1); cx: calc(var(--EkrYwf, 40px)/2); cy: calc(var(--EkrYwf, 40px)/2); r= : calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))/2); stroke-dasharray: min(= (1 - var(--progress-value,0)) * (6.2831852 * (var(--EkrYwf,40px) - var(--Es= cQs,4px))/2 - var(--XJrZW,4px)) - var(--XJrZW,4px) - var(--EscQs,4px),6.283= 1852 * (var(--EkrYwf,40px) - var(--EscQs,4px))/2 - var(--XJrZW,4px) - var(-= -XJrZW,4px) - 2 * var(--EscQs,4px)) calc(6.2831852 * (var(--EkrYwf, 40px) -= var(--EscQs, 4px)) / 2 - min((1 - var(--progress-value, 0)) * (6.2831852 *= (var(--EkrYwf, 40px) - var(--EscQs, 4px)) / 2 - var(--XJrZW, 4px)) - var(-= -XJrZW, 4px) - var(--EscQs, 4px), 6.2831852 * (var(--EkrYwf, 40px) - var(--= EscQs, 4px)) / 2 - var(--XJrZW, 4px) - var(--XJrZW, 4px) - 2 * var(--EscQs,= 4px))); stroke-dashoffset: calc(min((1 - var(--progress-value, 0)) * (6.28= 31852 * (var(--EkrYwf, 40px) - var(--EscQs, 4px)) / 2 - var(--XJrZW, 4px)) = - var(--XJrZW, 4px) - var(--EscQs, 4px), 6.2831852 * (var(--EkrYwf, 40px) -= var(--EscQs, 4px)) / 2 - var(--XJrZW, 4px) - var(--XJrZW, 4px) - 2 * var(-= -EscQs, 4px)) + var(--XJrZW, 4px) + var(--EscQs, 4px)); } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressComplete .ja= vascriptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndicator= { stroke-dasharray: calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.28318= 52/2); } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressUnopened .ja= vascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack { stroke-= dasharray: calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.2831852/2) 0; } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressIndeterminat= e .javascriptMaterialdesignGm3WizCircularProgressCircularProgressActiveIndi= cator { animation: 6s ease 0s infinite normal none running gm3-cpi-active-g= row; } @keyframes gm3-cpi-active-grow {=20 0% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--EscQs= , 4px))/2 - var(--XJrZW, 4px))*.16 - var(--EscQs, 4px)),calc((var(--EkrYwf,= 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*(var(--EkrYwf, 40px) -= var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.16 + var(--EscQs, 4px)); } 50% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--EscQ= s, 4px))/2 - var(--XJrZW, 4px))*.87 - var(--EscQs, 4px)),calc((var(--EkrYwf= , 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*(var(--EkrYwf, 40px) = - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.87 + var(--EscQs, 4px)); } 100% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--Esc= Qs, 4px))/2 - var(--XJrZW, 4px))*.16 - var(--EscQs, 4px)),calc((var(--EkrYw= f, 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*(var(--EkrYwf, 40px)= - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.16 + var(--EscQs, 4px)); } } .javascriptMaterialdesignGm3WizCircularProgressCircularProgressIndeterminat= e .javascriptMaterialdesignGm3WizCircularProgressCircularProgressTrack { an= imation: 6s ease 0s infinite normal none running gm3-cpi-track-grow; } @keyframes gm3-cpi-track-grow {=20 0% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--EscQs= , 4px))/2 - var(--XJrZW, 4px))*.84 - var(--XJrZW, 4px) - var(--EscQs, 4px))= ,calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*(v= ar(--EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.84 + var(--= XJrZW, 4px) + var(--EscQs, 4px)); stroke-dashoffset: calc((6.2831852*(var(-= -EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.84 - var(--XJrZ= W, 4px) - var(--EscQs, 4px) + var(--XJrZW, 4px) + var(--EscQs, 4px)); } 50% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--EscQ= s, 4px))/2 - var(--XJrZW, 4px))*.13 - var(--XJrZW, 4px) - var(--EscQs, 4px)= ),calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*(= var(--EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.13 + var(-= -XJrZW, 4px) + var(--EscQs, 4px)); stroke-dashoffset: calc((6.2831852*(var(= --EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.13 - var(--XJr= ZW, 4px) - var(--EscQs, 4px) + var(--XJrZW, 4px) + var(--EscQs, 4px)); } 100% { stroke-dasharray: calc((6.2831852*(var(--EkrYwf, 40px) - var(--Esc= Qs, 4px))/2 - var(--XJrZW, 4px))*.84 - var(--XJrZW, 4px) - var(--EscQs, 4px= )),calc((var(--EkrYwf, 40px) - var(--EscQs, 4px))*6.2831852/2 - (6.2831852*= (var(--EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.84 + var(= --XJrZW, 4px) + var(--EscQs, 4px)); stroke-dashoffset: calc((6.2831852*(var= (--EkrYwf, 40px) - var(--EscQs, 4px))/2 - var(--XJrZW, 4px))*.84 - var(--XJ= rZW, 4px) - var(--EscQs, 4px) + var(--XJrZW, 4px) + var(--EscQs, 4px)); } } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button { align-items: = center; appearance: none; background: transparent; border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; box-sizin= g: border-box; cursor: pointer; display: inline-flex; fill: currentcolor; j= ustify-content: center; line-height: inherit; outline: none; position: rela= tive; text-rendering: inherit; user-select: none; block-size: var(--gm3-ico= n-button-filled-container-height,40px); inline-size: var(--gm3-icon-button-= filled-container-width,40px); padding-block: calc((var(--gm3-icon-button-fi= lled-container-height, 40px) - var(--gm3-icon-button-filled-icon-size, 24px= ))/2); padding-inline: calc((var(--gm3-icon-button-filled-container-width, = 40px) - var(--gm3-icon-button-filled-icon-size, 24px))/2); border-start-sta= rt-radius: min(var(--gm3-icon-button-filled-container-shape-start-start,999= 9px),var(--gm3-icon-button-filled-container-height,40px)/2); border-end-end= -radius: min(var(--gm3-icon-button-filled-container-shape-end-end,9999px),v= ar(--gm3-icon-button-filled-container-height,40px)/2); border-start-end-rad= ius: min(var(--gm3-icon-button-filled-container-shape-start-end,9999px),var= (--gm3-icon-button-filled-container-height,40px)/2); border-end-start-radiu= s: min(var(--gm3-icon-button-filled-container-shape-end-start,9999px),var(-= -gm3-icon-button-filled-container-height,40px)/2); --jF0a9c: var(--gm3-icon= -button-filled-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b)= ); --hK0TOb: var(--gm3-icon-button-filled-focus-indicator-outline-offset,2p= x); --SGGi: var(--gm3-icon-button-filled-focus-indicator-thickness,3px); --= vTiv8c: min(var(--gm3-icon-button-filled-container-shape-start-start,9999px= ),var(--gm3-icon-button-filled-container-height,40px)/2); --uHecC: min(var(= --gm3-icon-button-filled-container-shape-end-end,9999px),var(--gm3-icon-but= ton-filled-container-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-f= illed-container-shape-start-end,9999px),var(--gm3-icon-button-filled-contai= ner-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-filled-container-s= hape-end-start,9999px),var(--gm3-icon-button-filled-container-height,40px)/= 2); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button, .javascriptMat= erialdesignGm3WizIconButtonFilled-icon-button__focusring { transition: bord= er-radius var(--gm3-icon-button-filled-container-shape-transition-duration,= .35s) var(--gm3-icon-button-filled-container-shape-transition-easing-functi= on,cubic-bezier(.27,1.06,.18,1)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button::before { borde= r-radius: inherit; border: 1px solid transparent; box-sizing: border-box; c= ontent: ""; inset: 0px; pointer-events: none; position: absolute; z-index: = 1; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button i, .javascriptM= aterialdesignGm3WizIconButtonFilled-icon-button img, .javascriptMaterialdes= ignGm3WizIconButtonFilled-icon-button svg { block-size: var(--gm3-icon-butt= on-filled-icon-size,24px); font-size: var(--gm3-icon-button-filled-icon-siz= e,24px); inline-size: var(--gm3-icon-button-filled-icon-size,24px); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot.java= scriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot { block-s= ize: var(--gm3-icon-button-filled-icon-size,24px); display: inline-block; i= nline-size: var(--gm3-icon-button-filled-icon-size,24px); line-height: 0; z= -index: 1; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot--off= { opacity: 1; position: absolute; transition-duration: 50ms; transition-pr= operty: opacity; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on .javascript= MaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot, .javascriptMat= erialdesignGm3WizIconButtonFilled-icon-button__icon-slot.javascriptMaterial= designGm3WizIconButtonFilled-icon-button__icon-slot--on { opacity: 0; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on .javascript= MaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot--on { display: = inline-block; opacity: 1; transition-duration: 50ms; transition-property: o= pacity; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button .javascriptMate= rialdesignGm3WizIconButtonFilled-icon-button__link:focus-visible ~ .javascr= iptMaterialdesignGm3WizIconButtonFilled-icon-button__focusring, .javascript= MaterialdesignGm3WizIconButtonFilled-icon-button:focus-visible { --H6apye: = block; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button[hidden] { displ= ay: none; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--flip-icon-in-r= tl[dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizIconButtonFil= led-icon-button--flip-icon-in-rtl { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__link { block-s= ize: 100%; inline-size: 100%; left: 0px; outline: none; position: absolute;= top: 0px; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__touch { block-= size: var(--gm3-icon-button-filled-touch-target-size,48px); inline-size: va= r(--gm3-icon-button-filled-touch-target-size,48px); left: auto; position: a= bsolute; top: 50%; transform: translateY(-50%); z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on { border-st= art-start-radius: min(var(--gm3-icon-button-filled-selected-container-shape= -start-start,9999px),var(--gm3-icon-button-filled-container-height,40px)/2)= ; border-end-end-radius: min(var(--gm3-icon-button-filled-selected-containe= r-shape-end-end,9999px),var(--gm3-icon-button-filled-container-height,40px)= /2); border-start-end-radius: min(var(--gm3-icon-button-filled-selected-con= tainer-shape-start-end,9999px),var(--gm3-icon-button-filled-container-heigh= t,40px)/2); border-end-start-radius: min(var(--gm3-icon-button-filled-selec= ted-container-shape-end-start,9999px),var(--gm3-icon-button-filled-containe= r-height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-filled-selected-cont= ainer-shape-start-start,9999px),var(--gm3-icon-button-filled-container-heig= ht,40px)/2); --uHecC: min(var(--gm3-icon-button-filled-selected-container-s= hape-end-end,9999px),var(--gm3-icon-button-filled-container-height,40px)/2)= ; --UtHrue: min(var(--gm3-icon-button-filled-selected-container-shape-start= -end,9999px),var(--gm3-icon-button-filled-container-height,40px)/2); --C8LW= jb: min(var(--gm3-icon-button-filled-selected-container-shape-end-start,999= 9px),var(--gm3-icon-button-filled-container-height,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:active, .= javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:active { border-= start-start-radius: min(var(--gm3-icon-button-filled-pressed-container-shap= e-start-start,9999px),var(--gm3-icon-button-filled-container-height,40px)/2= ); border-end-end-radius: min(var(--gm3-icon-button-filled-pressed-containe= r-shape-end-end,9999px),var(--gm3-icon-button-filled-container-height,40px)= /2); border-start-end-radius: min(var(--gm3-icon-button-filled-pressed-cont= ainer-shape-start-end,9999px),var(--gm3-icon-button-filled-container-height= ,40px)/2); border-end-start-radius: min(var(--gm3-icon-button-filled-presse= d-container-shape-end-start,9999px),var(--gm3-icon-button-filled-container-= height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-filled-pressed-contain= er-shape-start-start,9999px),var(--gm3-icon-button-filled-container-height,= 40px)/2); --uHecC: min(var(--gm3-icon-button-filled-pressed-container-shape= -end-end,9999px),var(--gm3-icon-button-filled-container-height,40px)/2); --= UtHrue: min(var(--gm3-icon-button-filled-pressed-container-shape-start-end,= 9999px),var(--gm3-icon-button-filled-container-height,40px)/2); --C8LWjb: m= in(var(--gm3-icon-button-filled-pressed-container-shape-end-start,9999px),v= ar(--gm3-icon-button-filled-container-height,40px)/2); } } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled { --hS= HBee: 0; --kDWEsd: 0; color: var(--gm3-icon-button-filled-disabled-icon-col= or,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); cursor: default= ; pointer-events: none; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--with-tooltip:d= isabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button { background-co= lor: var(--gm3-icon-button-filled-container-color,var(--gm3-sys-color-prima= ry,#0b57d0)); color: var(--gm3-icon-button-filled-icon-color,var(--gm3-sys-= color-on-primary,#fff)); will-change: transform, opacity; --sbadab: var(--g= m3-icon-button-filled-hover-state-layer-color,var(--gm3-sys-color-on-primar= y,#fff)); --hSHBee: var(--gm3-icon-button-filled-hover-state-layer-opacity,= 0.08); --F1tVH: var(--gm3-icon-button-filled-pressed-state-layer-color,var(= --gm3-sys-color-on-primary,#fff)); --kDWEsd: var(--gm3-icon-button-filled-p= ressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle { backg= round-color: var(--gm3-icon-button-filled-unselected-container-color,var(--= gm3-sys-color-surface-container-highest,#dde3ea)); color: var(--gm3-icon-bu= tton-filled-toggle-unselected-icon-color,var(--gm3-sys-color-primary,#0b57d= 0)); --sbadab: var(--gm3-icon-button-filled-toggle-unselected-hover-state-l= ayer-color,var(--gm3-sys-color-primary,#0b57d0)); --F1tVH: var(--gm3-icon-b= utton-filled-toggle-unselected-pressed-state-layer-color,var(--gm3-sys-colo= r-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on { backgroun= d-color: var(--gm3-icon-button-filled-selected-container-color,var(--gm3-sy= s-color-primary,#0b57d0)); color: var(--gm3-icon-button-filled-toggle-selec= ted-icon-color,var(--gm3-sys-color-on-primary,#fff)); --sbadab: var(--gm3-i= con-button-filled-toggle-selected-hover-state-layer-color,var(--gm3-sys-col= or-on-primary,#fff)); --F1tVH: var(--gm3-icon-button-filled-toggle-selected= -pressed-state-layer-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:hover { color: = var(--gm3-icon-button-filled-hover-icon-color,var(--gm3-sys-color-on-primar= y,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:focus-visible {= color: var(--gm3-icon-button-filled-focus-icon-color,var(--gm3-sys-color-o= n-primary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:active { color:= var(--gm3-icon-button-filled-pressed-icon-color,var(--gm3-sys-color-on-pri= mary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:hover {= color: var(--gm3-icon-button-filled-toggle-unselected-hover-icon-color,var= (--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:focus-v= isible { color: var(--gm3-icon-button-filled-toggle-unselected-focus-icon-c= olor,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:active = { color: var(--gm3-icon-button-filled-toggle-unselected-pressed-icon-color,= var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:hover { col= or: var(--gm3-icon-button-filled-toggle-selected-hover-icon-color,var(--gm3= -sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:focus-visib= le { color: var(--gm3-icon-button-filled-toggle-selected-focus-icon-color,v= ar(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:active { co= lor: var(--gm3-icon-button-filled-toggle-selected-pressed-icon-color,var(--= gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled { back= ground-color: var(--gm3-icon-button-filled-disabled-container-color,rgba(va= r(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); } .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled .javas= criptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot { color: v= ar(--gm3-icon-button-filled-disabled-icon-color,rgba(var(--gm3-sys-color-on= -surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonalOldTokens { --upgradeab= le-gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-icon-button-fil= led-tonal-focus-icon-color,var(--gm3-sys-color-on-secondary-container,#001d= 35)); --upgradeable-gm3-icon-button-filled-tonal-hover-icon-color: var(--gm= 3-icon-button-filled-tonal-hover-icon-color,var(--gm3-sys-color-on-secondar= y-container,#001d35)); --upgradeable-gm3-icon-button-filled-tonal-hover-sta= te-layer-color: var(--gm3-icon-button-filled-tonal-hover-state-layer-color,= var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-ico= n-button-filled-tonal-icon-color: var(--gm3-icon-button-filled-tonal-icon-c= olor,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm= 3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-icon-button-filled= -tonal-pressed-icon-color,var(--gm3-sys-color-on-secondary-container,#001d3= 5)); --upgradeable-gm3-icon-button-filled-tonal-pressed-state-layer-color: = var(--gm3-icon-button-filled-tonal-pressed-state-layer-color,var(--gm3-sys-= color-on-secondary-container,#001d35)); --upgradeable-gm3-icon-button-fille= d-tonal-toggle-selected-focus-icon-color: var(--gm3-icon-button-filled-tona= l-toggle-selected-focus-icon-color,var(--gm3-sys-color-on-secondary-contain= er,#001d35)); --upgradeable-gm3-icon-button-filled-tonal-toggle-selected-ho= ver-icon-color: var(--gm3-icon-button-filled-tonal-toggle-selected-hover-ic= on-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeabl= e-gm3-icon-button-filled-tonal-toggle-selected-hover-state-layer-color: var= (--gm3-icon-button-filled-tonal-toggle-selected-hover-state-layer-color,var= (--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-icon-b= utton-filled-tonal-toggle-selected-icon-color: var(--gm3-icon-button-filled= -tonal-toggle-selected-icon-color,var(--gm3-sys-color-on-secondary-containe= r,#001d35)); --upgradeable-gm3-icon-button-filled-tonal-toggle-selected-pre= ssed-icon-color: var(--gm3-icon-button-filled-tonal-toggle-selected-pressed= -icon-color,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgrade= able-gm3-icon-button-filled-tonal-toggle-selected-pressed-state-layer-color= : var(--gm3-icon-button-filled-tonal-toggle-selected-pressed-state-layer-co= lor,var(--gm3-sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button { align-it= ems: center; appearance: none; background: transparent; border-width: mediu= m; border-style: none; border-color: currentcolor; border-image: none; box-= sizing: border-box; cursor: pointer; display: inline-flex; fill: currentcol= or; justify-content: center; line-height: inherit; outline: none; position:= relative; text-rendering: inherit; user-select: none; block-size: var(--gm= 3-icon-button-filled-tonal-container-height,40px); inline-size: var(--gm3-i= con-button-filled-tonal-container-width,40px); padding-block: calc((var(--g= m3-icon-button-filled-tonal-container-height, 40px) - var(--gm3-icon-button= -filled-tonal-icon-size, 24px))/2); padding-inline: calc((var(--gm3-icon-bu= tton-filled-tonal-container-width, 40px) - var(--gm3-icon-button-filled-ton= al-icon-size, 24px))/2); border-start-start-radius: min(var(--gm3-icon-butt= on-filled-tonal-container-shape-start-start,9999px),var(--gm3-icon-button-f= illed-tonal-container-height,40px)/2); border-end-end-radius: min(var(--gm3= -icon-button-filled-tonal-container-shape-end-end,9999px),var(--gm3-icon-bu= tton-filled-tonal-container-height,40px)/2); border-start-end-radius: min(v= ar(--gm3-icon-button-filled-tonal-container-shape-start-end,9999px),var(--g= m3-icon-button-filled-tonal-container-height,40px)/2); border-end-start-rad= ius: min(var(--gm3-icon-button-filled-tonal-container-shape-end-start,9999p= x),var(--gm3-icon-button-filled-tonal-container-height,40px)/2); --jF0a9c: = var(--gm3-icon-button-filled-tonal-focus-indicator-color,var(--gm3-sys-colo= r-secondary,#00639b)); --hK0TOb: var(--gm3-icon-button-filled-tonal-focus-i= ndicator-outline-offset,2px); --SGGi: var(--gm3-icon-button-filled-tonal-fo= cus-indicator-thickness,3px); --vTiv8c: min(var(--gm3-icon-button-filled-to= nal-container-shape-start-start,9999px),var(--gm3-icon-button-filled-tonal-= container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-filled-tonal-= container-shape-end-end,9999px),var(--gm3-icon-button-filled-tonal-containe= r-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-filled-tonal-contain= er-shape-start-end,9999px),var(--gm3-icon-button-filled-tonal-container-hei= ght,40px)/2); --C8LWjb: min(var(--gm3-icon-button-filled-tonal-container-sh= ape-end-start,9999px),var(--gm3-icon-button-filled-tonal-container-height,4= 0px)/2); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button, .javascri= ptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__focusring { transi= tion: border-radius var(--gm3-icon-button-filled-tonal-container-shape-tran= sition-duration,.35s) var(--gm3-icon-button-filled-tonal-container-shape-tr= ansition-easing-function,cubic-bezier(.27,1.06,.18,1)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button::before { = border-radius: inherit; border: 1px solid transparent; box-sizing: border-b= ox; content: ""; inset: 0px; pointer-events: none; position: absolute; z-in= dex: 1; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button i, .javasc= riptMaterialdesignGm3WizIconButtonFilledTonal-icon-button img, .javascriptM= aterialdesignGm3WizIconButtonFilledTonal-icon-button svg { block-size: var(= --gm3-icon-button-filled-tonal-icon-size,24px); font-size: var(--gm3-icon-b= utton-filled-tonal-icon-size,24px); inline-size: var(--gm3-icon-button-fill= ed-tonal-icon-size,24px); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot= .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot= { block-size: var(--gm3-icon-button-filled-tonal-icon-size,24px); display:= inline-block; inline-size: var(--gm3-icon-button-filled-tonal-icon-size,24= px); line-height: 0; z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot= --off { opacity: 1; position: absolute; transition-duration: 50ms; transiti= on-property: opacity; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on .javas= criptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot, .jav= ascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot.jav= ascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot--on= { opacity: 0; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on .javas= criptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot--on {= display: inline-block; opacity: 1; transition-duration: 50ms; transition-p= roperty: opacity; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button .javascrip= tMaterialdesignGm3WizIconButtonFilledTonal-icon-button__link:focus-visible = ~ .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__focusri= ng, .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:focus-= visible { --H6apye: block; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button[hidden] { = display: none; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--flip-icon= -in-rtl[dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizIconButt= onFilledTonal-icon-button--flip-icon-in-rtl { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__link { bl= ock-size: 100%; inline-size: 100%; left: 0px; outline: none; position: abso= lute; top: 0px; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__touch { b= lock-size: var(--gm3-icon-button-filled-tonal-touch-target-size,48px); inli= ne-size: var(--gm3-icon-button-filled-tonal-touch-target-size,48px); left: = auto; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1= ; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on { bord= er-start-start-radius: min(var(--gm3-icon-button-filled-tonal-selected-cont= ainer-shape-start-start,9999px),var(--gm3-icon-button-filled-tonal-containe= r-height,40px)/2); border-end-end-radius: min(var(--gm3-icon-button-filled-= tonal-selected-container-shape-end-end,9999px),var(--gm3-icon-button-filled= -tonal-container-height,40px)/2); border-start-end-radius: min(var(--gm3-ic= on-button-filled-tonal-selected-container-shape-start-end,9999px),var(--gm3= -icon-button-filled-tonal-container-height,40px)/2); border-end-start-radiu= s: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-end-star= t,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)/2); --v= Tiv8c: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-star= t-start,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)/2= ); --uHecC: min(var(--gm3-icon-button-filled-tonal-selected-container-shape= -end-end,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)/= 2); --UtHrue: min(var(--gm3-icon-button-filled-tonal-selected-container-sha= pe-start-end,9999px),var(--gm3-icon-button-filled-tonal-container-height,40= px)/2); --C8LWjb: min(var(--gm3-icon-button-filled-tonal-selected-container= -shape-end-start,9999px),var(--gm3-icon-button-filled-tonal-container-heigh= t,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:acti= ve, .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:active= { border-start-start-radius: min(var(--gm3-icon-button-filled-tonal-presse= d-container-shape-start-start,9999px),var(--gm3-icon-button-filled-tonal-co= ntainer-height,40px)/2); border-end-end-radius: min(var(--gm3-icon-button-f= illed-tonal-pressed-container-shape-end-end,9999px),var(--gm3-icon-button-f= illed-tonal-container-height,40px)/2); border-start-end-radius: min(var(--g= m3-icon-button-filled-tonal-pressed-container-shape-start-end,9999px),var(-= -gm3-icon-button-filled-tonal-container-height,40px)/2); border-end-start-r= adius: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-end-s= tart,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)/2); = --vTiv8c: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-st= art-start,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)= /2); --uHecC: min(var(--gm3-icon-button-filled-tonal-pressed-container-shap= e-end-end,9999px),var(--gm3-icon-button-filled-tonal-container-height,40px)= /2); --UtHrue: min(var(--gm3-icon-button-filled-tonal-pressed-container-sha= pe-start-end,9999px),var(--gm3-icon-button-filled-tonal-container-height,40= px)/2); --C8LWjb: min(var(--gm3-icon-button-filled-tonal-pressed-container-= shape-end-start,9999px),var(--gm3-icon-button-filled-tonal-container-height= ,40px)/2); } } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled {= --hSHBee: 0; --kDWEsd: 0; color: var(--gm3-icon-button-filled-tonal-disabl= ed-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); curs= or: default; pointer-events: none; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--with-tool= tip:disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button { backgrou= nd-color: var(--gm3-icon-button-filled-tonal-container-color,var(--gm3-sys-= color-secondary-container,#c2e7ff)); color: var(--upgradeable-gm3-icon-butt= on-filled-tonal-icon-color,var(--gm3-icon-button-filled-tonal-icon-color,va= r(--gm3-sys-color-on-secondary-container,#004a77))); will-change: transform= , opacity; --sbadab: var(--upgradeable-gm3-icon-button-filled-tonal-hover-s= tate-layer-color,var(--gm3-icon-button-filled-tonal-hover-state-layer-color= ,var(--gm3-sys-color-on-secondary-container,#004a77))); --hSHBee: var(--gm3= -icon-button-filled-tonal-hover-state-layer-opacity,0.08); --F1tVH: var(--u= pgradeable-gm3-icon-button-filled-tonal-pressed-state-layer-color,var(--gm3= -icon-button-filled-tonal-pressed-state-layer-color,var(--gm3-sys-color-on-= secondary-container,#004a77))); --kDWEsd: var(--gm3-icon-button-filled-tona= l-pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle { = background-color: var(--gm3-icon-button-filled-tonal-unselected-container-c= olor,var(--gm3-sys-color-surface-container-highest,#dde3ea)); color: var(--= gm3-icon-button-filled-tonal-toggle-unselected-icon-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --sbadab: var(--gm3-icon-button-filled-ton= al-toggle-unselected-hover-state-layer-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --F1tVH: var(--gm3-icon-button-filled-tonal-toggle-unse= lected-pressed-state-layer-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on { back= ground-color: var(--gm3-icon-button-filled-tonal-selected-container-color,v= ar(--gm3-sys-color-secondary-container,#c2e7ff)); color: var(--upgradeable-= gm3-icon-button-filled-tonal-toggle-selected-icon-color,var(--gm3-icon-butt= on-filled-tonal-toggle-selected-icon-color,var(--gm3-sys-color-on-secondary= -container,#004a77))); --sbadab: var(--upgradeable-gm3-icon-button-filled-t= onal-toggle-selected-hover-state-layer-color,var(--gm3-icon-button-filled-t= onal-toggle-selected-hover-state-layer-color,var(--gm3-sys-color-on-seconda= ry-container,#004a77))); --F1tVH: var(--upgradeable-gm3-icon-button-filled-= tonal-toggle-selected-pressed-state-layer-color,var(--gm3-icon-button-fille= d-tonal-toggle-selected-pressed-state-layer-color,var(--gm3-sys-color-on-se= condary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:hover { co= lor: var(--upgradeable-gm3-icon-button-filled-tonal-hover-icon-color,var(--= gm3-icon-button-filled-tonal-hover-icon-color,var(--gm3-sys-color-on-second= ary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:focus-visi= ble { color: var(--upgradeable-gm3-icon-button-filled-tonal-focus-icon-colo= r,var(--gm3-icon-button-filled-tonal-focus-icon-color,var(--gm3-sys-color-o= n-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:active { c= olor: var(--upgradeable-gm3-icon-button-filled-tonal-pressed-icon-color,var= (--gm3-icon-button-filled-tonal-pressed-icon-color,var(--gm3-sys-color-on-s= econdary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:ho= ver { color: var(--gm3-icon-button-filled-tonal-toggle-unselected-hover-ico= n-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:fo= cus-visible { color: var(--gm3-icon-button-filled-tonal-toggle-unselected-f= ocus-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:ac= tive { color: var(--gm3-icon-button-filled-tonal-toggle-unselected-pressed-= icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:hover = { color: var(--upgradeable-gm3-icon-button-filled-tonal-toggle-selected-hov= er-icon-color,var(--gm3-icon-button-filled-tonal-toggle-selected-hover-icon= -color,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:focus-= visible { color: var(--upgradeable-gm3-icon-button-filled-tonal-toggle-sele= cted-focus-icon-color,var(--gm3-icon-button-filled-tonal-toggle-selected-fo= cus-icon-color,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:active= { color: var(--upgradeable-gm3-icon-button-filled-tonal-toggle-selected-pr= essed-icon-color,var(--gm3-icon-button-filled-tonal-toggle-selected-pressed= -icon-color,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled {= background-color: var(--gm3-icon-button-filled-tonal-disabled-container-co= lor,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); } .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled .= javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot = { color: var(--gm3-icon-button-filled-tonal-disabled-icon-color,rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button { align-items= : center; appearance: none; background: transparent; border-width: medium; = border-style: none; border-color: currentcolor; border-image: none; box-siz= ing: border-box; cursor: pointer; display: inline-flex; fill: currentcolor;= justify-content: center; line-height: inherit; outline: none; position: re= lative; text-rendering: inherit; user-select: none; block-size: var(--gm3-i= con-button-outlined-container-height,40px); inline-size: var(--gm3-icon-but= ton-outlined-container-width,40px); padding-block: calc((var(--gm3-icon-but= ton-outlined-container-height, 40px) - var(--gm3-icon-button-outlined-icon-= size, 24px))/2); padding-inline: calc((var(--gm3-icon-button-outlined-conta= iner-width, 40px) - var(--gm3-icon-button-outlined-icon-size, 24px))/2); bo= rder-start-start-radius: min(var(--gm3-icon-button-outlined-container-shape= -start-start,9999px),var(--gm3-icon-button-outlined-container-height,40px)/= 2); border-end-end-radius: min(var(--gm3-icon-button-outlined-container-sha= pe-end-end,9999px),var(--gm3-icon-button-outlined-container-height,40px)/2)= ; border-start-end-radius: min(var(--gm3-icon-button-outlined-container-sha= pe-start-end,9999px),var(--gm3-icon-button-outlined-container-height,40px)/= 2); border-end-start-radius: min(var(--gm3-icon-button-outlined-container-s= hape-end-start,9999px),var(--gm3-icon-button-outlined-container-height,40px= )/2); --jF0a9c: var(--gm3-icon-button-outlined-focus-indicator-color,var(--= gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-icon-button-outlined= -focus-indicator-outline-offset,2px); --SGGi: var(--gm3-icon-button-outline= d-focus-indicator-thickness,3px); --vTiv8c: min(var(--gm3-icon-button-outli= ned-container-shape-start-start,9999px),var(--gm3-icon-button-outlined-cont= ainer-height,40px)/2); --uHecC: min(var(--gm3-icon-button-outlined-containe= r-shape-end-end,9999px),var(--gm3-icon-button-outlined-container-height,40p= x)/2); --UtHrue: min(var(--gm3-icon-button-outlined-container-shape-start-e= nd,9999px),var(--gm3-icon-button-outlined-container-height,40px)/2); --C8LW= jb: min(var(--gm3-icon-button-outlined-container-shape-end-start,9999px),va= r(--gm3-icon-button-outlined-container-height,40px)/2); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button, .javascriptM= aterialdesignGm3WizIconButtonOutlined-icon-button__focusring { transition: = border-radius var(--gm3-icon-button-outlined-container-shape-transition-dur= ation,.35s) var(--gm3-icon-button-outlined-container-shape-transition-easin= g-function,cubic-bezier(.27,1.06,.18,1)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button::before { bor= der-radius: inherit; border: 1px solid transparent; box-sizing: border-box;= content: ""; inset: 0px; pointer-events: none; position: absolute; z-index= : 1; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button i, .javascrip= tMaterialdesignGm3WizIconButtonOutlined-icon-button img, .javascriptMateria= ldesignGm3WizIconButtonOutlined-icon-button svg { block-size: var(--gm3-ico= n-button-outlined-icon-size,24px); font-size: var(--gm3-icon-button-outline= d-icon-size,24px); inline-size: var(--gm3-icon-button-outlined-icon-size,24= px); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot.ja= vascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot { blo= ck-size: var(--gm3-icon-button-outlined-icon-size,24px); display: inline-bl= ock; inline-size: var(--gm3-icon-button-outlined-icon-size,24px); line-heig= ht: 0; z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--o= ff { opacity: 1; position: absolute; transition-duration: 50ms; transition-= property: opacity; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on .javascri= ptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot, .javascrip= tMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot.javascriptMa= terialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--on { opacity: = 0; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on .javascri= ptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--on { displ= ay: inline-block; opacity: 1; transition-duration: 50ms; transition-propert= y: opacity; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button .javascriptMa= terialdesignGm3WizIconButtonOutlined-icon-button__link:focus-visible ~ .jav= ascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__focusring, .java= scriptMaterialdesignGm3WizIconButtonOutlined-icon-button:focus-visible { --= H6apye: block; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button[hidden] { dis= play: none; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--flip-icon-in= -rtl[dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizIconButtonO= utlined-icon-button--flip-icon-in-rtl { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__link { block= -size: 100%; inline-size: 100%; left: 0px; outline: none; position: absolut= e; top: 0px; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__touch { bloc= k-size: var(--gm3-icon-button-outlined-touch-target-size,48px); inline-size= : var(--gm3-icon-button-outlined-touch-target-size,48px); left: auto; posit= ion: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on { border-= start-start-radius: min(var(--gm3-icon-button-outlined-selected-container-s= hape-start-start,9999px),var(--gm3-icon-button-outlined-container-height,40= px)/2); border-end-end-radius: min(var(--gm3-icon-button-outlined-selected-= container-shape-end-end,9999px),var(--gm3-icon-button-outlined-container-he= ight,40px)/2); border-start-end-radius: min(var(--gm3-icon-button-outlined-= selected-container-shape-start-end,9999px),var(--gm3-icon-button-outlined-c= ontainer-height,40px)/2); border-end-start-radius: min(var(--gm3-icon-butto= n-outlined-selected-container-shape-end-start,9999px),var(--gm3-icon-button= -outlined-container-height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-ou= tlined-selected-container-shape-start-start,9999px),var(--gm3-icon-button-o= utlined-container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-outli= ned-selected-container-shape-end-end,9999px),var(--gm3-icon-button-outlined= -container-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-outlined-se= lected-container-shape-start-end,9999px),var(--gm3-icon-button-outlined-con= tainer-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-outlined-select= ed-container-shape-end-start,9999px),var(--gm3-icon-button-outlined-contain= er-height,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:active,= .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:active { bor= der-start-start-radius: min(var(--gm3-icon-button-outlined-pressed-containe= r-shape-start-start,9999px),var(--gm3-icon-button-outlined-container-height= ,40px)/2); border-end-end-radius: min(var(--gm3-icon-button-outlined-presse= d-container-shape-end-end,9999px),var(--gm3-icon-button-outlined-container-= height,40px)/2); border-start-end-radius: min(var(--gm3-icon-button-outline= d-pressed-container-shape-start-end,9999px),var(--gm3-icon-button-outlined-= container-height,40px)/2); border-end-start-radius: min(var(--gm3-icon-butt= on-outlined-pressed-container-shape-end-start,9999px),var(--gm3-icon-button= -outlined-container-height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-ou= tlined-pressed-container-shape-start-start,9999px),var(--gm3-icon-button-ou= tlined-container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-outlin= ed-pressed-container-shape-end-end,9999px),var(--gm3-icon-button-outlined-c= ontainer-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-outlined-pres= sed-container-shape-start-end,9999px),var(--gm3-icon-button-outlined-contai= ner-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-outlined-pressed-c= ontainer-shape-end-start,9999px),var(--gm3-icon-button-outlined-container-h= eight,40px)/2); } } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled { --= hSHBee: 0; --kDWEsd: 0; cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--with-tooltip= :disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button { color: var(= --gm3-icon-button-outlined-unselected-icon-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --sbadab: var(--gm3-icon-button-outlined-unselected= -hover-state-layer-color,var(--gm3-sys-color-on-surface-variant,#444746)); = --hSHBee: var(--gm3-icon-button-outlined-hover-state-layer-opacity,0.08); -= -F1tVH: var(--gm3-icon-button-outlined-unselected-pressed-state-layer-color= ,var(--gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-icon-button-= outlined-pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on { backgro= und-color: var(--gm3-icon-button-outlined-selected-container-color,var(--gm= 3-sys-color-inverse-surface,#303030)); color: var(--gm3-icon-button-outline= d-selected-icon-color,var(--gm3-sys-color-inverse-on-surface,#f2f2f2)); --s= badab: var(--gm3-icon-button-outlined-selected-hover-state-layer-color,var(= --gm3-sys-color-inverse-on-surface,#f2f2f2)); --F1tVH: var(--gm3-icon-butto= n-outlined-selected-pressed-state-layer-color,var(--gm3-sys-color-inverse-o= n-surface,#f2f2f2)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:disabled = { background-color: var(--gm3-icon-button-outlined-disabled-selected-contai= ner-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:hover { color= : var(--gm3-icon-button-outlined-unselected-hover-icon-color,var(--gm3-sys-= color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:focus-visible= { color: var(--gm3-icon-button-outlined-unselected-focus-icon-color,var(--= gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:active { colo= r: var(--gm3-icon-button-outlined-unselected-pressed-icon-color,var(--gm3-s= ys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:hover { c= olor: var(--gm3-icon-button-outlined-selected-hover-icon-color,var(--gm3-sy= s-color-inverse-on-surface,#f2f2f2)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:focus-vis= ible { color: var(--gm3-icon-button-outlined-selected-focus-icon-color,var(= --gm3-sys-color-inverse-on-surface,#f2f2f2)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:active { = color: var(--gm3-icon-button-outlined-selected-pressed-icon-color,var(--gm3= -sys-color-inverse-on-surface,#f2f2f2)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled { co= lor: var(--gm3-icon-button-outlined-disabled-icon-color,rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button::before { bor= der-color: var(--gm3-icon-button-outlined-unselected-outline-color,var(--gm= 3-sys-color-outline,#747775)); border-width: var(--gm3-icon-button-outlined= -unselected-outline-width,1px); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled::bef= ore { border-color: var(--gm3-icon-button-outlined-disabled-unselected-outl= ine-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); } .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on::before, = .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:disabled:= :before { border-color: transparent; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button { align-items= : center; appearance: none; background: transparent; border-width: medium; = border-style: none; border-color: currentcolor; border-image: none; box-siz= ing: border-box; cursor: pointer; display: inline-flex; fill: currentcolor;= justify-content: center; line-height: inherit; outline: none; position: re= lative; text-rendering: inherit; user-select: none; block-size: var(--gm3-i= con-button-standard-container-height,40px); inline-size: var(--gm3-icon-but= ton-standard-container-width,40px); padding-block: calc((var(--gm3-icon-but= ton-standard-container-height, 40px) - var(--gm3-icon-button-standard-icon-= size, 24px))/2); padding-inline: calc((var(--gm3-icon-button-standard-conta= iner-width, 40px) - var(--gm3-icon-button-standard-icon-size, 24px))/2); bo= rder-start-start-radius: min(var(--gm3-icon-button-standard-container-shape= -start-start,9999px),var(--gm3-icon-button-standard-container-height,40px)/= 2); border-end-end-radius: min(var(--gm3-icon-button-standard-container-sha= pe-end-end,9999px),var(--gm3-icon-button-standard-container-height,40px)/2)= ; border-start-end-radius: min(var(--gm3-icon-button-standard-container-sha= pe-start-end,9999px),var(--gm3-icon-button-standard-container-height,40px)/= 2); border-end-start-radius: min(var(--gm3-icon-button-standard-container-s= hape-end-start,9999px),var(--gm3-icon-button-standard-container-height,40px= )/2); --jF0a9c: var(--gm3-icon-button-standard-focus-indicator-color,var(--= gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-icon-button-standard= -focus-indicator-outline-offset,2px); --SGGi: var(--gm3-icon-button-standar= d-focus-indicator-thickness,3px); --vTiv8c: min(var(--gm3-icon-button-stand= ard-container-shape-start-start,9999px),var(--gm3-icon-button-standard-cont= ainer-height,40px)/2); --uHecC: min(var(--gm3-icon-button-standard-containe= r-shape-end-end,9999px),var(--gm3-icon-button-standard-container-height,40p= x)/2); --UtHrue: min(var(--gm3-icon-button-standard-container-shape-start-e= nd,9999px),var(--gm3-icon-button-standard-container-height,40px)/2); --C8LW= jb: min(var(--gm3-icon-button-standard-container-shape-end-start,9999px),va= r(--gm3-icon-button-standard-container-height,40px)/2); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button, .javascriptM= aterialdesignGm3WizIconButtonStandard-icon-button__focusring { transition: = border-radius var(--gm3-icon-button-standard-container-shape-transition-dur= ation,.35s) var(--gm3-icon-button-standard-container-shape-transition-easin= g-function,cubic-bezier(.27,1.06,.18,1)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button::before { bor= der-radius: inherit; border: 1px solid transparent; box-sizing: border-box;= content: ""; inset: 0px; pointer-events: none; position: absolute; z-index= : 1; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button i, .javascrip= tMaterialdesignGm3WizIconButtonStandard-icon-button img, .javascriptMateria= ldesignGm3WizIconButtonStandard-icon-button svg { block-size: var(--gm3-ico= n-button-standard-icon-size,24px); font-size: var(--gm3-icon-button-standar= d-icon-size,24px); inline-size: var(--gm3-icon-button-standard-icon-size,24= px); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot.ja= vascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot { blo= ck-size: var(--gm3-icon-button-standard-icon-size,24px); display: inline-bl= ock; inline-size: var(--gm3-icon-button-standard-icon-size,24px); line-heig= ht: 0; z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot--o= ff { opacity: 1; position: absolute; transition-duration: 50ms; transition-= property: opacity; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on .javascri= ptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot, .javascrip= tMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot.javascriptMa= terialdesignGm3WizIconButtonStandard-icon-button__icon-slot--on { opacity: = 0; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on .javascri= ptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot--on { displ= ay: inline-block; opacity: 1; transition-duration: 50ms; transition-propert= y: opacity; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button .javascriptMa= terialdesignGm3WizIconButtonStandard-icon-button__link:focus-visible ~ .jav= ascriptMaterialdesignGm3WizIconButtonStandard-icon-button__focusring, .java= scriptMaterialdesignGm3WizIconButtonStandard-icon-button:focus-visible { --= H6apye: block; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button[hidden] { dis= play: none; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--flip-icon-in= -rtl[dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizIconButtonS= tandard-icon-button--flip-icon-in-rtl { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__link { block= -size: 100%; inline-size: 100%; left: 0px; outline: none; position: absolut= e; top: 0px; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__touch { bloc= k-size: var(--gm3-icon-button-standard-touch-target-size,48px); inline-size= : var(--gm3-icon-button-standard-touch-target-size,48px); left: auto; posit= ion: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on { border-= start-start-radius: min(var(--gm3-icon-button-standard-selected-container-s= hape-start-start,9999px),var(--gm3-icon-button-standard-container-height,40= px)/2); border-end-end-radius: min(var(--gm3-icon-button-standard-selected-= container-shape-end-end,9999px),var(--gm3-icon-button-standard-container-he= ight,40px)/2); border-start-end-radius: min(var(--gm3-icon-button-standard-= selected-container-shape-start-end,9999px),var(--gm3-icon-button-standard-c= ontainer-height,40px)/2); border-end-start-radius: min(var(--gm3-icon-butto= n-standard-selected-container-shape-end-start,9999px),var(--gm3-icon-button= -standard-container-height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-st= andard-selected-container-shape-start-start,9999px),var(--gm3-icon-button-s= tandard-container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-stand= ard-selected-container-shape-end-end,9999px),var(--gm3-icon-button-standard= -container-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-standard-se= lected-container-shape-start-end,9999px),var(--gm3-icon-button-standard-con= tainer-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-standard-select= ed-container-shape-end-start,9999px),var(--gm3-icon-button-standard-contain= er-height,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:active,= .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:active { bor= der-start-start-radius: min(var(--gm3-icon-button-standard-pressed-containe= r-shape-start-start,9999px),var(--gm3-icon-button-standard-container-height= ,40px)/2); border-end-end-radius: min(var(--gm3-icon-button-standard-presse= d-container-shape-end-end,9999px),var(--gm3-icon-button-standard-container-= height,40px)/2); border-start-end-radius: min(var(--gm3-icon-button-standar= d-pressed-container-shape-start-end,9999px),var(--gm3-icon-button-standard-= container-height,40px)/2); border-end-start-radius: min(var(--gm3-icon-butt= on-standard-pressed-container-shape-end-start,9999px),var(--gm3-icon-button= -standard-container-height,40px)/2); --vTiv8c: min(var(--gm3-icon-button-st= andard-pressed-container-shape-start-start,9999px),var(--gm3-icon-button-st= andard-container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-standa= rd-pressed-container-shape-end-end,9999px),var(--gm3-icon-button-standard-c= ontainer-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-standard-pres= sed-container-shape-start-end,9999px),var(--gm3-icon-button-standard-contai= ner-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-standard-pressed-c= ontainer-shape-end-start,9999px),var(--gm3-icon-button-standard-container-h= eight,40px)/2); } } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:disabled { --= hSHBee: 0; --kDWEsd: 0; cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--with-tooltip= :disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button { color: var(= --gm3-icon-button-standard-unselected-icon-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); will-change: transform, opacity; --sbadab: var(--gm= 3-icon-button-standard-unselected-hover-state-layer-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --hSHBee: var(--gm3-icon-button-standard-u= nselected-hover-state-layer-opacity,0.08); --F1tVH: var(--gm3-icon-button-s= tandard-unselected-pressed-state-layer-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --kDWEsd: var(--gm3-icon-button-standard-unselected-pre= ssed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on { color: = var(--gm3-icon-button-standard-selected-icon-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --sbadab: var(--gm3-icon-button-standard-selected-hover-stat= e-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-ic= on-button-standard-selected-hover-state-layer-opacity,0.08); --F1tVH: var(-= -gm3-icon-button-standard-selected-pressed-state-layer-color,var(--gm3-sys-= color-primary,#0b57d0)); --kDWEsd: var(--gm3-icon-button-standard-selected-= pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:hover { color= : var(--gm3-icon-button-standard-unselected-hover-icon-color,var(--gm3-sys-= color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:focus-visible= { color: var(--gm3-icon-button-standard-unselected-focus-icon-color,var(--= gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:active { colo= r: var(--gm3-icon-button-standard-unselected-pressed-icon-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:hover { c= olor: var(--gm3-icon-button-standard-selected-hover-icon-color,var(--gm3-sy= s-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:focus-vis= ible { color: var(--gm3-icon-button-standard-selected-focus-icon-color,var(= --gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:active { = color: var(--gm3-icon-button-standard-selected-pressed-icon-color,var(--gm3= -sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:disabled { co= lor: var(--gm3-icon-button-standard-disabled-icon-color,rgba(var(--gm3-sys-= color-on-surface-rgb,31,31,31),.38)); } .boqAddonscardsrendererCardButtongroupButtonGroup { align-items: center; di= splay: flex; flex-wrap: wrap; min-width: 0px; } .boqAddonscardsrendererCardButtongroupButtonContainer { box-sizing: border-= box; max-width: 100%; } .boqAddonscardsrendererCardButtongroupButtonContainer.ButtonGroupButtonCont= ainerDensity { padding: 8px 4px; } .boqAddonscardsrendererCardCard { background-color: var(--uikit-background-= color,var(--gm3-sys-color-surface,#fff)); border: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); border-radius: 16px; box-sizing: border-box;= display: flex; flex-direction: column; height: 100%; min-height: 24px; wid= th: 100%; } .boqAddonscardsrendererCardCard.NoBorder { border-width: medium; border-sty= le: none; border-color: currentcolor; border-image: none; border-radius: 0p= x; padding: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer .boqAddonscardsrendererCardCardheaderContainer .boqAddonscardsre= ndererCardCardheaderCardHeader { padding-left: 0px; padding-right: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer .boqAddonscardsrendererCardCardheaderContainer { padding-top: 0p= x; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer .boqAddonscardsrendererCardCardsectionCardSection .boqAddonscard= srendererCardCardsectionSectionHeader, .boqAddonscardsrendererCardCard.NoBo= rder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCa= rdCardsectionCardSection .boqAddonscardsrendererCardCardsectionWidget { pad= ding-left: 0px; padding-right: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer .boqAddonscardsrendererCardCardsectionCardSection .boqAddonscard= srendererCardCardsectionWidget.isButtonGroup { transform: translateX(-4px);= } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer .boqAddonscardsrendererCardCardsectionCardSection:first-child { = padding-top: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBod= yContainer:last-child .boqAddonscardsrendererCardCardsectionCardSection:las= t-child { padding-bottom: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFoo= terContainer { padding-bottom: 0px; } .boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFoo= terContainer .boqAddonscardsrendererCardCardfooterButtonGroup, .boqAddonsca= rdsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFooterContainer= .boqAddonscardsrendererCardCardfooterWidget { padding-left: 0px; padding-r= ight: 0px; } .boqAddonscardsrendererCardCardBodyContainer, .boqAddonscardsrendererCardCa= rdFooterContainer { width: 100%; } .boqAddonscardsrendererCardErrorText { color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); padding: 16px; } .boqAddonscardsrendererCardDivider:not(:first-child) { border-top: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardDivider:not(:first-child).colorInverseOnSurface = { border-top-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); } .boqAddonscardsrendererCardDivider:not(:first-child).smallHeight { border-t= op-width: 2px; } .boqAddonscardsrendererCardDivider:not(:first-child).mediumHeight { border-= top-width: 4px; } .boqAddonscardsrendererCardSpace:not(:first-child) { margin-top: 4px; } .boqAddonscardsrendererCardDividerDivider { border-top: 1px solid var(--gm3= -sys-color-outline-variant,#c4c7c5); } .boqAddonscardsrendererCardDividerDivider.colorInverseOnSurface { border-to= p-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); } .boqAddonscardsrendererCardDividerDivider.smallHeight { border-top-width: 2= px; } .boqAddonscardsrendererCardDividerDivider.mediumHeight { border-top-width: = 4px; } .boqAddonscardsrendererCardDividerSpace { border-top: 4px solid transparent= ; } .boqAddonscardsrendererCardCardfooterCardFooter { padding: 8px 0px; border-= radius: 0px 0px 8px 8px; display: flex; flex-direction: column; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingTopNone { padding-to= p: 0px; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingTopSmall { padding-t= op: 4px; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingTopMedium { padding-= top: 8px; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingBottomNone { padding= -bottom: 0px; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingBottomSmall { paddin= g-bottom: 4px; } .boqAddonscardsrendererCardCardfooterCardFooter.paddingBottomMedium { paddi= ng-bottom: 8px; } .boqAddonscardsrendererCardCardfooterButtonGroup { padding: 8px 24px; displ= ay: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 16px; } .boqAddonscardsrendererCardCardfooterButton { min-width: 0px; } .boqAddonscardsrendererCardCardfooterWidget { padding: 8px 16px; } .boqAddonscardsrendererCardCardheaderContainer { padding: 8px 0px; } .boqAddonscardsrendererCardCardheaderContainer.paddingTopNone { padding-top= : 0px; } .boqAddonscardsrendererCardCardheaderContainer.paddingTopSmall { padding-to= p: 10px; } .boqAddonscardsrendererCardCardheaderContainer.paddingTopMedium { padding-t= op: 8px; } .boqAddonscardsrendererCardCardheaderContainer.paddingBottomNone { padding-= bottom: 0px; } .boqAddonscardsrendererCardCardheaderContainer.paddingBottomSmall { padding= -bottom: 10px; } .boqAddonscardsrendererCardCardheaderContainer.paddingBottomMedium { paddin= g-bottom: 8px; } .boqAddonscardsrendererCardCardheaderCardHeader { padding: 8px 16px; align-= items: center; display: flex; } .boqAddonscardsrendererCardCardheaderIcon { margin-right: 16px; } .boqAddonscardsrendererCardCardheaderIcon.smallIcon { height: 24px; } .boqAddonscardsrendererCardCardheaderIcon.largeIcon { height: 48px; } .boqAddonscardsrendererCardCardheaderIcon.borderRadiusSmall { border-radius= : 4px; } .boqAddonscardsrendererCardCardheaderIcon.borderRadiusMedium { border-radiu= s: 8px; } .boqAddonscardsrendererCardCardheaderIcon.borderRadiusLarge { border-radius= : 16px; } .boqAddonscardsrendererCardCardheaderTitleText { -webkit-box-orient: vertic= al; display: -webkit-box; -webkit-line-clamp: 2; color: var(--gm3-sys-color= -on-surface,#1f1f1f); font: 500 1rem / 1.5rem "Google Sans Text", "Google S= ans", Roboto, Arial, sans-serif; letter-spacing: 0px; } .boqAddonscardsrendererCardCardheaderTitleText.hasSubtitle { -webkit-box-or= ient: vertical; display: -webkit-box; -webkit-line-clamp: 1; font: 500 0.87= 5rem / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif= ; letter-spacing: 0px; margin-bottom: 4px; } .boqAddonscardsrendererCardCardheaderTitleText.fontSizeSmall { font-size: 0= .875rem; } .boqAddonscardsrendererCardCardheaderTitleText.fontSizeMedium { font-size: = 1rem; } .boqAddonscardsrendererCardCardheaderSubtitleText { color: var(--gm3-sys-co= lor-on-surface-variant,#444746); font: 500 0.875rem / 1.25rem "Google Sans = Text", "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; } .boqAddonscardsrendererCardCardheaderSubtitleText.fontSizeSmall { font-size= : 0.75rem; } .boqAddonscardsrendererCardCardheaderSubtitleText.fontSizeMedium { font-siz= e: 0.875rem; } .boqAddonscardsrendererCardCardheaderHeaderText { display: flex; flex-direc= tion: column; overflow: hidden; } .boqAddonscardsrendererCardCardsectionCardSection { padding: 8px 0px; --sec= tion-background-color-light-theme: inherit; --section-border-radius: inheri= t; } .boqAddonscardsrendererCardCardsectionCardSection:not(.hasDesignTokenBg) { = background: var(--section-background-color-light-theme); } .boqAddonscardsrendererCardCardsectionCardSection { border-radius: var(--se= ction-border-radius,0); } .boqAddonscardsrendererCardCardsectionCardSection.HasPaddingOverride { --ui= kit-section-padding-none: 0; --uikit-section-padding-extra-small: 2px; --ui= kit-section-padding-small: 4px; --uikit-section-padding-medium: 8px; --uiki= t-section-padding-large: 12px; --uikit-section-padding-extra-large: 16px; } .boqAddonscardsrendererCardCardsectionCardSection.defaultBackgroundColor { = background-color: var(--section-background-color-light-theme,var(--gm3-sys-= color-surface-container,#f0f4f9)); } .boqAddonscardsrendererCardCardsectionSectionHeader { align-items: center; = box-sizing: border-box; display: flex; color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font: 500 0.875rem / 1.25rem "Google Sans Text", "Googl= e Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; text-transform: no= ne; } .boqAddonscardsrendererCardCardsectionSectionHeader.SectionHeaderDensity { = padding: 8px 16px; } .boqAddonscardsrendererCardCardsectionSectionHeaderIcon { margin-right: 8px= ; } .boqAddonscardsrendererCardCardsectionSectionHeaderText { margin: -3px 0px;= } .boqAddonscardsrendererCardCardsectionSectionHeaderTextStyling.FontSizeSmal= l { font-size: 0.6875rem; } .boqAddonscardsrendererCardCardsectionSectionHeaderTextStyling.FontSizeMedi= um { font-size: 0.75rem; } .boqAddonscardsrendererCardCardsectionSectionHeaderTextStyling.FontSizeLarg= e { font-size: 0.875rem; } .boqAddonscardsrendererCardCardsectionSectionHeaderTextStyling.TextColorOnS= urface { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardCardsectionSectionHeaderTextStyling.TextColorOnS= urfaceVariant { color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardCardsectionWidget { box-sizing: border-box; } .boqAddonscardsrendererCardCardsectionWidget.isButtonGroup { padding: 0px 1= 2px; } .boqAddonscardsrendererCardCardsectionWidget.isColumns { padding: 0px 8px; = } .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity { padding: 8px 1= 6px; } .boqAddonscardsrendererCardCardsectionWidget.HasPaddingOverride { --uikit-s= ection-widget-padding-none: 0; --uikit-section-widget-padding-extra-small: = 4px; --uikit-section-widget-padding-small: 6px; --uikit-section-widget-padd= ing-medium: 12px; --uikit-section-widget-padding-large: 24px; --uikit-secti= on-widget-padding-extra-large: 48px; } .boqAddonscardsrendererCardCardsectionIconBackgroundAsset { --section-icon-= background-color-light-theme: inherit; --section-icon-border-radius: inheri= t; align-items: center; background: var(--section-icon-background-color-lig= ht-theme); border-radius: var(--section-icon-border-radius,0); display: fle= x; height: 32px; justify-content: center; width: 32px; } .boqAddonscardsrendererCardCollapsecontrolToggleButtonContainer { --horizon= tal-alignment: initial; --toggle-button-container-background-color-light-th= eme: inherit; --toggle-button-container-border-radius: inherit; } .boqAddonscardsrendererCardCollapsecontrolToggleButtonContainer:not(.hasDes= ignTokenBg) { background: var(--toggle-button-container-background-color-li= ght-theme); } .boqAddonscardsrendererCardCollapsecontrolToggleButtonContainer { border-ra= dius: var(--toggle-button-container-border-radius,0); display: flex; justif= y-content: var(--horizontal-alignment); } .boqAddonscardsrendererCardCollapsecontrolToggleButtonContainer.ToggleButto= nContainerPadding { padding-left: 8px; padding-right: 8px; } .boqAddonscardsrendererCardCollapsecontrolToggleButtonContainer.ToggleButto= nContainerDensity { padding-bottom: 8px; padding-top: 8px; } .boqAddonscardsrendererCardCollapsecontrolToggleButton { font: 500 0.875rem= / 1.25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; le= tter-spacing: 0px; margin: 0px; padding-left: 8px; padding-right: 8px; text= -transform: none; white-space: nowrap; will-change: unset; } .boqAddonscardsrendererCardCollapsecontrolToggleButton.ToggleButtonDensity = { height: 36px; } .boqAddonscardsrendererCardCollapsecontrolToggleButtonIcon { align-items: c= enter; color: inherit; } .boqAddonscardsrendererCardCarouselCarouselCard { --gm3-card-outlined-conta= iner-color: transparent; --gm3-card-outlined-outline-width: 0; display: fle= x; flex-direction: column; justify-content: space-between; min-width: min(3= 00px, 100%); scroll-snap-align: start; } .boqAddonscardsrendererCardCarouselCarouselCardsContainer { display: flex; = flex-direction: row; gap: 16px; mask-image: linear-gradient(90deg, rgba(255= , 255, 255, 0), rgb(255, 255, 255) 1%, rgb(255, 255, 255) 99%, rgba(255, 25= 5, 255, 0)); overflow: hidden; scroll-snap-type: x mandatory; width: 100%; = } .boqAddonscardsrendererCardCarouselContainer { display: flex; flex-directio= n: column; width: 100%; } .boqAddonscardsrendererCardCarouselNavBar { display: flex; align-items: cen= ter; justify-content: space-between; padding: 0px; margin-top: -4px; margin= -left: -8px; margin-right: -8px; } .boqAddonscardsrendererCardCarouselTitle { display: flex; margin-left: 16px= ; margin-right: 16px; } .boqAddonscardsrendererCardCarouselTitleTextContainer { margin-right: 8px; = } .boqAddonscardsrendererCardCarouselTitleText { font: 400 12px / 1.25rem "Go= ogle Sans Text", "Google Sans", Roboto, Arial, sans-serif; color: var(--gm3= -sys-color-on-surface-variant,#444746); letter-spacing: 0.1px; } .boqAddonscardsrendererCardCarouselSlides { display: flex; overflow-x: auto= ; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar { width: 10px;= height: 10px; } .boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar-thumb { backgr= ound: var(--gm3-sys-color-on-surface-variant,#444746); border-radius: 10px;= } .boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar-track { backgr= ound: var(--gm3-sys-color-surface-variant,#e1e3e1); border-radius: 10px; } .boqAddonscardsrendererCardCarouselWidget { padding-bottom: 8px; padding-to= p: 8px; align-items: start; display: flex; flex-shrink: 0; margin-left: 16p= x; margin-right: 16px; transform-origin: center center; transform: scale(1)= ; transition: transform 0.5s; position: relative; scroll-snap-align: start;= width: 100%; } .boqAddonscardsrendererCardCarouselWidget.carouselV2Widget { scroll-snap-al= ign: none; width: calc(100% - 32px); } .boqAddonscardsrendererCardCarouselNavigationButtonsWrapper { display: flex= ; justify-content: space-between; padding-block: 6px 0px; } .boqAddonscardsrendererCardCarouselNavigationButton { --gm3-icon-button-fil= led-tonal-container-width: 60px; transition: 0.5s; } .boqAddonscardsrendererCardCarouselNavigationButton.isInvisible { opacity: = 0; visibility: hidden; } .boqAddonscardsrendererCardCarouselAnnouncer { border: 0px; clip: rect(0px,= 0px, 0px, 0px); clip-path: inset(50%); height: 1px; margin: -1px; overflow= : hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap= ; } .javascriptMaterialdesignGm3WizCardOutlined-card { position: relative; disp= lay: flex; flex-direction: column; box-sizing: border-box; border-start-sta= rt-radius: var(--gm3-card-outlined-container-shape-start-start,12px); borde= r-start-end-radius: var(--gm3-card-outlined-container-shape-start-end,12px)= ; border-end-end-radius: var(--gm3-card-outlined-container-shape-end-end,12= px); border-end-start-radius: var(--gm3-card-outlined-container-shape-end-s= tart,12px); background-color: var(--gm3-card-outlined-container-color,var(-= -gm3-sys-color-surface,#fff)); --yXuigc: var(--gm3-card-outlined-container-= elevation,0); --Fe5l0b: var(--gm3-card-outlined-container-shadow-color,var(= --gm3-sys-color-shadow,#000)); --nnZJCc: transparent; --jF0a9c: var(--gm3-c= ard-outlined-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b));= --hK0TOb: var(--gm3-card-outlined-focus-indicator-outline-offset,2px); --S= GGi: var(--gm3-card-outlined-focus-indicator-thickness,3px); --vTiv8c: var(= --gm3-card-outlined-container-shape-start-start,12px); --UtHrue: var(--gm3-= card-outlined-container-shape-start-end,12px); --uHecC: var(--gm3-card-outl= ined-container-shape-end-end,12px); --C8LWjb: var(--gm3-card-outlined-conta= iner-shape-end-start,12px); } .javascriptMaterialdesignGm3WizCardOutlined-card > .javascriptMaterialdesig= nGm3WizCard-card__primary-action, .javascriptMaterialdesignGm3WizCardOutlin= ed-card__content > .javascriptMaterialdesignGm3WizCard-card__primary-action= { --sbadab: var(--gm3-card-outlined-hover-state-layer-color,var(--gm3-sys-= color-on-surface,#1f1f1f)); --hSHBee: var(--gm3-card-outlined-hover-state-l= ayer-opacity,0.08); --F1tVH: var(--gm3-card-outlined-pressed-state-layer-co= lor,var(--gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-card-outl= ined-pressed-state-layer-opacity,0.1); --QOcx9e: var(--gm3-card-outlined-co= ntainer-shape-start-start,12px); --vRgHIb: var(--gm3-card-outlined-containe= r-shape-start-end,12px); --xg9FB: var(--gm3-card-outlined-container-shape-e= nd-end,12px); --Pk3PIb: var(--gm3-card-outlined-container-shape-end-start,1= 2px); } .javascriptMaterialdesignGm3WizCardOutlined-card__content { border-radius: = inherit; height: 100%; } .javascriptMaterialdesignGm3WizCardOutlined-card { border-width: var(--gm3-= card-outlined-outline-width,1px); border-style: solid; border-color: var(--= gm3-card-outlined-outline-color,var(--gm3-sys-color-outline-variant,#c4c7c5= )); } .javascriptMaterialdesignGm3WizCardOutlined-card:hover { border-color: var(= --gm3-card-outlined-hover-outline-color,var(--gm3-sys-color-outline-variant= ,#c4c7c5)); } .javascriptMaterialdesignGm3WizCardOutlined-card:active { border-color: var= (--gm3-card-outlined-pressed-outline-color,var(--gm3-sys-color-outline-vari= ant,#c4c7c5)); } .javascriptMaterialdesignGm3WizChipSet-chip-set { display: flex; flex-wrap:= wrap; gap: var(--gm3-chip-set-vertical-space-between-chips,16px) var(--gm3= -chip-set-horizontal-space-between-chips,8px); } .javascriptMaterialdesignGm3WizChipSet-chip-set:where(:has(:first-child)) {= padding-block: calc(var(--gm3-chip-set-vertical-space-between-chips, 16px)= /2); } .javascriptMaterialdesignGm3WizChipSet-chip-set:focus { outline: none; } .javascriptMaterialdesignGm3WizChipSet-chip-set--overflow { flex-wrap: nowr= ap; } .boqAddonscardsrendererCardChiplistChipContainer { max-width: 100%; } .horizontalScroll .boqAddonscardsrendererCardChiplistChipContainer:first-ch= ild .isExternal { margin-left: 1px; } .horizontalScroll .boqAddonscardsrendererCardChiplistChipContainer:last-chi= ld .isExternal { margin-right: 1px; } .boqAddonscardsrendererCardChiplistChipContainer.scrollable { max-width: fi= t-content; } .boqAddonscardsrendererCardChiplistChip { background: var(--chip-background= -color-light-theme,unset); outline: transparent solid 1px; --chip-backgroun= d-color-light-theme: unset; --chip-border-radius-bottom-end: unset; --chip-= border-radius-bottom-start: unset; --chip-border-radius-top-end: unset; --c= hip-border-radius-top-start: unset; --chip-outline-color-light-theme: unset= ; --chip-outline-width: unset; --gm3-chip-shared-container-shape-end-end: v= ar(--chip-border-radius-bottom-end,unset); --gm3-chip-shared-container-shap= e-end-start: var(--chip-border-radius-bottom-start,unset); --gm3-chip-share= d-container-shape-start-end: var(--chip-border-radius-top-end,unset); --gm3= -chip-shared-container-shape-start-start: var(--chip-border-radius-top-star= t,unset); --gm3-chip-assist-flat-disabled-outline-color: var(--chip-outline= -color-light-theme,unset); --gm3-chip-assist-flat-focus-outline-color: var(= --chip-outline-color-light-theme,unset); --gm3-chip-assist-flat-outline-col= or: var(--chip-outline-color-light-theme,unset); --gm3-chip-assist-flat-out= line-width: var(--chip-outline-width,unset); } .boqAddonscardsrendererCardChiplistChip.isExternal { background-color: var(= --ws-sys-color-extended-yellow-tonal,#fff2b4); outline: 1px solid var(--ws-= sys-color-extended-on-yellow-outline,#6d3a01); --gm3-chip-assist-flat-label= -text-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chi= p-assist-flat-hover-label-text-color: var(--ws-sys-color-extended-on-yellow= -fill,#6d3a01); --gm3-chip-assist-flat-focus-label-text-color: var(--ws-sys= -color-extended-on-yellow-fill,#6d3a01); --gm3-chip-assist-flat-pressed-lab= el-text-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-c= hip-assist-flat-with-icon-disabled-icon-color: var(--ws-sys-color-extended-= on-yellow-fill,#6d3a01); --gm3-chip-assist-flat-with-icon-focus-icon-color:= var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chip-assist-fla= t-with-icon-hover-icon-color: var(--ws-sys-color-extended-on-yellow-fill,#6= d3a01); --gm3-chip-assist-flat-with-icon-icon-color: var(--ws-sys-color-ext= ended-on-yellow-fill,#6d3a01); --gm3-chip-assist-flat-with-icon-pressed-ico= n-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); } .boqAddonscardsrendererCardChiplistChip.isInvalid { --gm3-chip-assist-flat-= label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-assist-fla= t-hover-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-as= sist-flat-focus-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3= -chip-assist-flat-pressed-label-text-color: var(--gm3-sys-color-error,#b326= 1e); --gm3-chip-assist-flat-outline-color: var(--gm3-sys-color-error,#b3261= e); --gm3-chip-assist-flat-focus-outline-color: var(--gm3-sys-color-error,#= b3261e); } .boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIcon= Icon { height: 18px; width: 18px; } .boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIcon= ImageContainer { vertical-align: baseline; width: 18px; } .boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIcon= FontIcon.customStyle { font-size: 18px; } .boqAddonscardsrendererCardChiplistChipList { flex-wrap: wrap; max-width: 1= 00%; padding-block: 4px; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll { flex-wrap: n= owrap; overflow: auto hidden; margin: -6px 0px; padding: 10px 5px 10px 0px;= } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar { background-color: transparent; border-radius: 0px; height: 8px; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar-thumb { background-color: transparent; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar-thumb:active { background-color: transparent; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll:hover::-webkit= -scrollbar { background-color: transparent; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll:hover::-webkit= -scrollbar-thumb { background-color: rgba(32, 33, 36, 0.36); background-cli= p: padding-box; border-radius: 4px; padding: 100px 0px 0px; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar:hover { background-color: transparent; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar:active { background-color: transparent; } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar-thumb:hover { background-color: rgba(32, 33, 36, 0.54); } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar-thumb:active { background-color: rgba(32, 33, 36, 0.54); } .boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrol= lbar-corner { background: transparent; } .boqAddonscardsrendererCardChiplistChipList.ChipListContainerDensity { gap:= 16px 8px; } .boqAddonscardsrendererCardChiplistDisabledChipIcon { opacity: 0.38; color:= var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardColumnsColumns { display: flex; flex-flow: wrap;= } .boqAddonscardsrendererCardColumnsColumnsGridContainer { container-type: in= line-size; } .boqAddonscardsrendererCardColumnsColumnsGrid { --uikit-columns-grid-column= -1: 1fr; --uikit-columns-grid-column-2: 1fr; --uikit-columns-grid-column-3:= 1fr; display: grid; grid-auto-rows: auto; grid-template-columns: var(--uik= it-columns-grid-column-1) var(--uikit-columns-grid-column-2); } .boqAddonscardsrendererCardColumnsColumnsGrid.SingleColumnLayout { grid-tem= plate-columns: var(--uikit-columns-grid-column-1); } .boqAddonscardsrendererCardColumnsColumnsGrid.ThreeColumnLayout { grid-temp= late-columns: var(--uikit-columns-grid-column-1) var(--uikit-columns-grid-c= olumn-2) var(--uikit-columns-grid-column-3); } @container (width <=3D 250px) { .boqAddonscardsrendererCardColumnsColumnsGrid { grid-template-columns: 1f= r; } } .boqAddonscardsrendererCardColumnsColumn { padding: 0px; align-items: flex-= start; display: flex; flex: 100 0 50%; flex-direction: column; justify-cont= ent: center; min-width: 50%; } .boqAddonscardsrendererCardColumnsColumn.noBorder:first-child .boqAddonscar= dsrendererCardColumnsColumnWidget { padding-left: 0px; } .boqAddonscardsrendererCardColumnsColumn.noBorder:last-child .boqAddonscard= srendererCardColumnsColumnWidget { padding-right: 0px; } .ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn { flex: 100 0 3= 3.33%; min-width: 33.33%; } .boqAddonscardsrendererCardColumnsColumn.FillMinimumSpace { flex: 1 0 40%; = min-width: 40%; } .ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn.FillMinimumSpac= e { flex: 1 0 20%; min-width: 20%; } .ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn.FillContent, .b= oqAddonscardsrendererCardColumnsColumn.FillContent { flex: 0 1 0%; min-widt= h: unset; } .boqAddonscardsrendererCardColumnsColumnWidget { box-sizing: border-box; di= splay: flex; height: 100%; width: 100%; } .boqAddonscardsrendererCardColumnsColumnWidget.isButtonGroup { padding: 0px= 4px; } .boqAddonscardsrendererCardColumnsColumnWidget.ColumnWidgetDensity { paddin= g: 8px; } .boqAddonscardsrendererCardColumnsColumnWidget.ColumnWidgetDensity.HasPaddi= ngOverride { --uikit-column-padding-none: 0; --uikit-column-padding-extra-s= mall: 2px; --uikit-column-padding-small: 4px; --uikit-column-padding-medium= : 8px; --uikit-column-padding-large: 12px; --uikit-column-padding-extra-lar= ge: 16px; } .boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignBottom { align-= items: end; } .boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignCenter { align-= items: center; } .boqAddonscardsrendererCardColumnsColumnWidget.HorizontalAlignCenter { just= ify-content: center; } .boqAddonscardsrendererCardColumnsColumnWidget.HorizontalAlignEnd { justify= -content: flex-end; } .boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignTop { align-ite= ms: start; } .boqAddonscardsrendererCardColumnsEnableButtonAlignment .boqAddonscardsrend= ererCardColumnsColumnWidget.HorizontalAlignEnd .boqAddonscardsrendererCardB= uttongroupButtonGroup { justify-content: flex-end; } .boqAddonscardsrendererCardImageImage { width: 100%; } .boqAddonscardsrendererCardImageImage.clickable { cursor: pointer; } .boqAddonscardsrendererCardKeyvalueButtonContainer { flex: 0 1 auto; max-wi= dth: 100%; min-width: 0px; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer { align-items: center;= display: flex; justify-content: space-between; min-width: 0px; row-gap: 4p= x; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer:hover { --hover-contai= ner-color: initial; background-color: var(--hover-container-color); } .boqAddonscardsrendererCardKeyvalueKeyValueContainer.hasFullWidthButton { f= lex-wrap: wrap; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer.fillAvailableSpace { f= lex-grow: 1; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer.fillMinimumSpace { fle= x-grow: 0; justify-content: flex-start; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer.fillMinimumSpace > .bo= qAddonscardsrendererCardKeyvalueKeyValue { margin-right: 0px; } .boqAddonscardsrendererCardKeyvalueKeyValueContainer:has(.boqAddonscardsren= dererCardKeyvalueKeyValue.clickable:focus) { --hover-container-color: initi= al; background-color: var(--hover-container-color); } .boqAddonscardsrendererCardKeyvalueKeyValue { align-items: center; display:= flex; flex: 1 0 50%; justify-content: space-evenly; margin-right: auto; mi= n-width: 50px; max-width: max-content; overflow: hidden; } .boqAddonscardsrendererCardKeyvalueKeyValue.clickable { cursor: pointer; po= sition: relative; } .boqAddonscardsrendererCardKeyvalueKeyValue.clickable:focus-visible { outli= ne: none; overflow: clip; overflow-clip-margin: 5px; } .boqAddonscardsrendererCardKeyvalueKeyValue.clickable:focus-visible > .boqA= ddonscardsrendererCardKeyvalueFocusRing { --H6apye: block; } .boqAddonscardsrendererCardKeyvalueKeyValueEndIcon { margin-right: 4px; } .boqAddonscardsrendererCardKeyvalueKeyValueStartIcon { margin-right: 16px; = } .boqAddonscardsrendererCardKeyvalueKeyValueStartControl.top { align-self: f= lex-start; } .boqAddonscardsrendererCardKeyvalueKeyValueStartControl.bottom { align-self= : flex-end; } .boqAddonscardsrendererCardKeyvalueKeyValueStartControl { align-items: cent= er; display: flex; flex-shrink: 0; margin-right: 8px; } .boqAddonscardsrendererCardKeyvalueKeyValueText { margin-right: 16px; min-w= idth: 0px; overflow: clip; overflow-clip-margin: 2px; color: var(--gm3-sys-= color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardKeyvalueKeyValueTopLabel { -webkit-box-orient: v= ertical; display: -webkit-box; -webkit-line-clamp: 1; color: var(--gm3-sys-= color-on-surface-variant,#444746); font: 500 0.6875rem / 1rem "Google Sans = Text", "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0.00625rem= ; text-transform: none; } .boqAddonscardsrendererCardKeyvalueKeyValueTopLabel.fontSizeSmall { font-si= ze: 0.6875rem; } .boqAddonscardsrendererCardKeyvalueKeyValueTopLabel.fontSizeMedium { font-s= ize: 0.75rem; } .boqAddonscardsrendererCardKeyvalueKeyValueTopLabel.textColorOnSurfaceVaria= nt { color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardKeyvalueKeyValueTopLabel.textColorOnSurface { co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel { color: var(--gm3-s= ys-color-on-surface-variant,#444746); font: 500 0.6875rem / 1rem "Google Sa= ns Text", "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0.00625= rem; text-transform: none; } .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel.fontSizeSmall { font= -size: 0.75rem; } .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel.fontSizeMedium { fon= t-size: 0.875rem; } .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel.textColorOnSurfaceVa= riant { color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel.textColorOnSurface {= color: var(--gm3-sys-color-on-surface,#1f1f1f); } .boqAddonscardsrendererCardKeyvalueKeyValueContent { color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); font: 400 0.875rem / 1.25rem "Google Sans Text", = "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; text-transfo= rm: none; } .boqAddonscardsrendererCardKeyvalueKeyValueContentTruncation { -webkit-box-= orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; } .boqAddonscardsrendererCardKeyvalueStartIconBackgroundAsset { --border-top-= start-radius: inherit; --border-top-end-radius: inherit; --border-bottom-st= art-radius: inherit; --border-bottom-end-radius: inherit; --light-theme-bac= kground-color: inherit; --dark-theme-background-color: inherit; align-items= : center; background: var(--light-theme-background-color); border-radius: v= ar(--border-top-start-radius,0) var(--border-top-end-radius,0) var(--border= -bottom-start-radius,0) var(--border-bottom-end-radius,0); display: flex; h= eight: 36px; justify-content: center; width: 36px; } .boqAddonscardsrendererCardKeyvalueStartIconBackgroundAsset.defaultBackgrou= ndColor { background-color: var(--gm3-sys-color-surface,#fff); } .boqAddonscardsrendererCardLabelText { color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); font: 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans",= Roboto, Arial, sans-serif; letter-spacing: 0px; margin-bottom: 4px; } .boqAddonscardsrendererCardLabelText.required::after { content: "*"; } .boqAddonscardsrendererCardLabelDescription { color: var(--gm3-sys-color-on= -surface-variant,#444746); font: 400 0.875rem / 1.25rem "Google Sans Text",= "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; margin-bott= om: 4px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer { --label-text-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --label-text-color-on-hover: var(--gm3-sys-color-on-surface,#= 1f1f1f); --label-text-color-on-focus: var(--gm3-sys-color-primary,#0b57d0);= --outline-border-color: var(--gm3-sys-color-outline,#747775); --outline-bo= rder-color-on-hover: var(--gm3-sys-color-on-surface,#1f1f1f); --outline-bor= der-color-on-focus: var(--gm3-sys-color-primary,#0b57d0); display: flex; ou= tline: 1px solid var(--outline-border-color); outline-offset: -1px; flex-di= rection: row; align-items: stretch; width: 100%; height: auto; position: re= lative; border-radius: 4px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer.onFocus { outline: 3px solid var(--outline-border-color-o= n-focus); outline-offset: -3px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer.isInvalid { --label-text-color: var(--gm3-sys-color-error= ,#b3261e); --label-text-color-on-hover: var(--gm3-sys-color-on-error-contai= ner,#8c1d18); --label-text-color-on-focus: var(--gm3-sys-color-error,#b3261= e); --outline-border-color: var(--gm3-sys-color-error,#b3261e); --outline-b= order-color-on-hover: var(--gm3-sys-color-on-error-container,#8c1d18); --ou= tline-border-color-on-focus: var(--gm3-sys-color-error,#b3261e); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer:not(.boqAddonscardsrendererCardSelectioncontrolAutocomple= tedropdownAutocompleteDropdownContainer.onFocus):hover { outline-color: var= (--outline-border-color-on-hover); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer:not(.boqAddonscardsrendererCardSelectioncontrolAutocomple= tedropdownAutocompleteDropdownContainer.onFocus):hover .boqAddonscardsrende= rerCardSelectioncontrolAutocompletedropdownAutocompleteDropdownLabelText { = color: var(--label-text-color-on-hover); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownLabelContain= er { position: absolute; white-space: nowrap; display: flex; height: 100%; = width: 100%; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownLabelText { -webkit-box-orient: vertical; -webkit-line-clamp: 1; al= ign-self: center; background-color: transparent; color: var(--label-text-co= lor); font: 500 0.875rem / 1.25rem "Google Sans Text", "Google Sans", Robot= o, Arial, sans-serif; max-width: calc(100% - 48px); display: inline-block; = overflow: hidden; text-overflow: ellipsis; transform-origin: left top; tran= sition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bez= ier(0.4, 0, 0.2, 1); user-select: none; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownLabelText.hasValue, .boqAddonscardsrendererCardSelectioncontrolAuto= completedropdownAutocompleteDropdownLabelText.onFocus { align-self: start; = background-color: var(--uikit-background-color,var(--gm3-sys-color-surface,= #fff)); max-width: 100%; padding: 0px 6px; transform: scale(0.75) translate= Y(-50%) translateX(-4px); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownLabelText.onFocus { color: var(--label-text-color-on-focus); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownLabelLeadingNotch { height: 100%; width: 16px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownInputContain= er { display: flex; padding: 8px; flex: 1 1 0%; min-width: 0px; align-items= : center; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownProgressCont= ainer { display: flex; align-items: center; justify-content: center; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownDropdownIcon= Container { display: flex; align-items: center; justify-content: center; wi= dth: 24px; margin-right: 12px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownDropdownIcon= { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= DropdownContainer:has(.boqAddonscardsrendererCardSelectioncontrolAutocomple= tedropdownAutocomplete [role=3D"combobox"][aria-expanded=3D"true"]) .boqAdd= onscardsrendererCardSelectioncontrolAutocompletedropdownDropdownIcon { tran= sform: rotate(180deg); } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownProgress { -= -EkrYwf: 24px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownProgress.isC= losed { display: none; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownMenu { z-ind= ex: 2001; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= { --gm3-autocomplete-outlined-text-field-outline-width: 0; --gm3-autocompl= ete-outlined-text-field-hover-outline-width: 0; --gm3-autocomplete-outlined= -text-field-focus-outline-width: 0; --gm3-autocomplete-outlined-text-field-= disabled-outline-width: 0; --gm3-autocomplete-outlined-text-field-input-tex= t-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-autocomplet= e-outlined-text-field-input-text-font: "Google Sans Text","Google Sans",Rob= oto,Arial,sans-serif; --gm3-autocomplete-outlined-text-field-input-text-siz= e: 0.875rem; --gm3-autocomplete-outlined-text-field-input-text-tracking: 0r= em; --gm3-autocomplete-outlined-text-field-input-text-weight: 500; --gm3-au= tocomplete-outlined-menu-list-item-label-text-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-autocomplete-outlined-menu-list-item-label= -text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3= -autocomplete-outlined-menu-list-item-label-text-line-height: 1.25rem; --gm= 3-autocomplete-outlined-menu-list-item-label-text-size: 0.875rem; --gm3-aut= ocomplete-outlined-menu-list-item-label-text-tracking: 0rem; --gm3-autocomp= lete-outlined-menu-list-item-label-text-weight: 400; --gm3-autocomplete-out= lined-text-field-container-shape: 6px; --gm3-autocomplete-outlined-text-fie= ld-container-shape-start-start: 6px; --gm3-autocomplete-outlined-text-field= -container-shape-start-end: 6px; --gm3-autocomplete-outlined-text-field-con= tainer-shape-end-end: 6px; --gm3-autocomplete-outlined-text-field-container= -shape-end-start: 6px; --gm3-text-field-outlined-container-height: 40px; --= gm3-text-field-outlined-leading-space: 4px; flex: 1 1 auto; min-width: 0px;= position: static; width: 100%; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= Chip { --gm3-chip-shared-disabled-label-text-color: rgba(var(--gm3-sys-colo= r-on-surface-variant-rgb,68,71,70),1); --gm3-chip-shared-leading-space: 9px= ; --gm3-chip-shared-trailing-space: 0; --gm3-chip-assist-flat-hover-state-l= ayer-color: transparent; --gm3-chip-assist-flat-pressed-state-layer-color: = transparent; --gm3-chip-assist-flat-outline-width: 0; white-space: nowrap; = overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; min-width: 100%;= position: absolute; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= Chip.isHidden { opacity: 0; position: absolute; pointer-events: none; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownAutocomplete= Chip.isTranslucent { opacity: 0.5; pointer-events: none; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownHelperTextCo= ntainer { color: var(--gm3-sys-color-error,#b3261e); font: 500 0.6875rem / = 1rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; letter-s= pacing: 0.00625rem; padding: 4px 16px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownHelperTextCo= ntainer.hintText { color: var(--gm3-sys-color-on-surface-variant,#444746); = font: 400 0.6875rem / 1rem "Google Sans Text"; } .hasMinHeight .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdo= wnHelperTextContainer { padding: 0px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownHelperTextCo= ntainerGroup.hasMinHeight { min-height: 1rem; padding: 4px 16px; } .boqAddonscardsrendererCardSelectioncontrolAutocompletedropdownFormattedHin= tText { --text-font: Google Sans Text,Google Sans,Roboto,Arial,sans-serif; = --text-line-height: 1rem; --text-size: 0.6875rem; --text-tracking: 0.00625r= em; --text-weight: 500; --light-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); } .javascriptMaterialdesignGm3WizAutocompleteOutlinedOldTokens { --upgradeabl= e-gm3-autocomplete-outlined-text-field-error-hover-label-text-color: var(--= gm3-autocomplete-outlined-text-field-error-hover-label-text-color,var(--gm3= -sys-color-on-error-container,#410e0b)); --upgradeable-gm3-autocomplete-out= lined-text-field-error-hover-outline-color: var(--gm3-autocomplete-outlined= -text-field-error-hover-outline-color,var(--gm3-sys-color-on-error-containe= r,#410e0b)); --upgradeable-gm3-autocomplete-outlined-text-field-error-hover= -trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-error-hove= r-trailing-icon-color,var(--gm3-sys-color-on-error-container,#410e0b)); } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete { --gm3-te= xt-field-outlined-caret-color: var(--gm3-autocomplete-outlined-text-field-c= aret-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-text-field-outlined= -container-shape-start-start: var(--gm3-autocomplete-outlined-text-field-co= ntainer-shape-start-start,4px); --gm3-text-field-outlined-container-shape-s= tart-end: var(--gm3-autocomplete-outlined-text-field-container-shape-start-= end,4px); --gm3-text-field-outlined-container-shape-end-start: var(--gm3-au= tocomplete-outlined-text-field-container-shape-end-start,4px); --gm3-text-f= ield-outlined-container-shape-end-end: var(--gm3-autocomplete-outlined-text= -field-container-shape-end-end,4px); --gm3-text-field-outlined-disabled-inp= ut-text-color: var(--gm3-autocomplete-outlined-text-field-disabled-input-te= xt-color,rgb(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-tex= t-field-outlined-disabled-input-text-opacity: var(--gm3-autocomplete-outlin= ed-text-field-disabled-input-text-opacity,0.38); --gm3-text-field-outlined-= disabled-label-text-color: var(--gm3-autocomplete-outlined-text-field-disab= led-label-text-color,rgb(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)= ); --gm3-text-field-outlined-disabled-label-text-opacity: var(--gm3-autocom= plete-outlined-text-field-disabled-label-text-opacity,0.38); --gm3-text-fie= ld-outlined-disabled-leading-icon-color: var(--gm3-autocomplete-outlined-te= xt-field-disabled-leading-icon-color,rgb(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),0.38)); --gm3-text-field-outlined-disabled-leading-icon-opacity:= var(--gm3-autocomplete-outlined-text-field-disabled-leading-icon-opacity,0= .38); --gm3-text-field-outlined-disabled-supporting-text-color: var(--gm3-a= utocomplete-outlined-text-field-disabled-supporting-text-color,rgb(var(--gm= 3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-text-field-outlined-disa= bled-supporting-text-opacity: var(--gm3-autocomplete-outlined-text-field-di= sabled-supporting-text-opacity,0.38); --gm3-text-field-outlined-disabled-tr= ailing-icon-color: var(--gm3-autocomplete-outlined-text-field-disabled-trai= ling-icon-color,rgb(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --= gm3-text-field-outlined-disabled-trailing-icon-opacity: var(--gm3-autocompl= ete-outlined-text-field-disabled-trailing-icon-opacity,0.38); --gm3-text-fi= eld-outlined-error-focus-caret-color: var(--gm3-autocomplete-outlined-text-= field-error-focus-caret-color,var(--gm3-sys-color-error,#b3261e)); --gm3-te= xt-field-outlined-error-focus-input-text-color: var(--gm3-autocomplete-outl= ined-text-field-error-focus-input-text-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); --gm3-text-field-outlined-error-focus-label-text-color: var(--g= m3-autocomplete-outlined-text-field-error-focus-label-text-color,var(--gm3-= sys-color-error,#b3261e)); --gm3-text-field-outlined-error-focus-leading-ic= on-color: var(--gm3-autocomplete-outlined-text-field-error-focus-leading-ic= on-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field= -outlined-error-focus-supporting-text-color: var(--gm3-autocomplete-outline= d-text-field-error-focus-supporting-text-color,var(--gm3-sys-color-error,#b= 3261e)); --gm3-text-field-outlined-error-focus-trailing-icon-color: var(--g= m3-autocomplete-outlined-text-field-error-focus-trailing-icon-color,var(--g= m3-sys-color-error,#b3261e)); --gm3-text-field-outlined-error-hover-input-t= ext-color: var(--gm3-autocomplete-outlined-text-field-error-hover-input-tex= t-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-text-field-outlined= -error-hover-label-text-color: var(--upgradeable-gm3-autocomplete-outlined-= text-field-error-hover-label-text-color,var(--gm3-autocomplete-outlined-tex= t-field-error-hover-label-text-color,var(--gm3-sys-color-on-error-container= ,#8c1d18))); --gm3-text-field-outlined-error-hover-leading-icon-color: var(= --gm3-autocomplete-outlined-text-field-error-hover-leading-icon-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-outlined-erro= r-hover-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-e= rror-hover-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3= -text-field-outlined-error-hover-trailing-icon-color: var(--upgradeable-gm3= -autocomplete-outlined-text-field-error-hover-trailing-icon-color,var(--gm3= -autocomplete-outlined-text-field-error-hover-trailing-icon-color,var(--gm3= -sys-color-on-error-container,#8c1d18))); --gm3-text-field-outlined-error-i= nput-text-color: var(--gm3-autocomplete-outlined-text-field-error-input-tex= t-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-text-field-outlined= -error-label-text-color: var(--gm3-autocomplete-outlined-text-field-error-l= abel-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-outli= ned-error-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-er= ror-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-text-field-outlined-error-supporting-text-color: var(--gm3-autocomplete= -outlined-text-field-error-supporting-text-color,var(--gm3-sys-color-error,= #b3261e)); --gm3-text-field-outlined-error-trailing-icon-color: var(--gm3-a= utocomplete-outlined-text-field-error-trailing-icon-color,var(--gm3-sys-col= or-error,#b3261e)); --gm3-text-field-outlined-focus-input-text-color: var(-= -gm3-autocomplete-outlined-text-field-focus-input-text-color,var(--gm3-sys-= color-on-surface,#1f1f1f)); --gm3-text-field-outlined-focus-label-text-colo= r: var(--gm3-autocomplete-outlined-text-field-focus-label-text-color,var(--= gm3-sys-color-primary,#0b57d0)); --gm3-text-field-outlined-focus-leading-ic= on-color: var(--gm3-autocomplete-outlined-text-field-focus-leading-icon-col= or,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-outli= ned-focus-supporting-text-color: var(--gm3-autocomplete-outlined-text-field= -focus-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); --gm3-text-field-outlined-focus-trailing-icon-color: var(--gm3-autocomp= lete-outlined-text-field-focus-trailing-icon-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); --gm3-text-field-outlined-hover-input-text-color:= var(--gm3-autocomplete-outlined-text-field-hover-input-text-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); --gm3-text-field-outlined-hover-label-tex= t-color: var(--gm3-autocomplete-outlined-text-field-hover-label-text-color,= var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-outlined= -hover-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-hover= -leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3= -text-field-outlined-hover-supporting-text-color: var(--gm3-autocomplete-ou= tlined-text-field-hover-supporting-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --gm3-text-field-outlined-hover-trailing-icon-color: v= ar(--gm3-autocomplete-outlined-text-field-hover-trailing-icon-color,var(--g= m3-sys-color-on-surface-variant,#444746)); --gm3-text-field-outlined-input-= text-color: var(--gm3-autocomplete-outlined-text-field-input-text-color,var= (--gm3-sys-color-on-surface,#1f1f1f)); --gm3-text-field-outlined-input-text= -font: var(--gm3-autocomplete-outlined-text-field-input-text-font,"Google S= ans Text"); --gm3-text-field-outlined-input-text-line-height: var(--gm3-aut= ocomplete-outlined-text-field-input-text-line-height,1.5rem); --gm3-text-fi= eld-outlined-input-text-size: var(--gm3-autocomplete-outlined-text-field-in= put-text-size,1rem); --gm3-text-field-outlined-input-text-tracking: var(--g= m3-autocomplete-outlined-text-field-input-text-tracking,0rem); --gm3-text-f= ield-outlined-input-text-weight: var(--gm3-autocomplete-outlined-text-field= -input-text-weight,400); --gm3-text-field-outlined-label-text-color: var(--= gm3-autocomplete-outlined-text-field-label-text-color,var(--gm3-sys-color-o= n-surface-variant,#444746)); --gm3-text-field-outlined-label-text-font: var= (--gm3-autocomplete-outlined-text-field-label-text-font,"Google Sans Text")= ; --gm3-text-field-outlined-label-text-line-height: var(--gm3-autocomplete-= outlined-text-field-label-text-line-height,1.5rem); --gm3-text-field-outlin= ed-label-text-populated-line-height: var(--gm3-autocomplete-outlined-text-f= ield-label-text-populated-line-height,1rem); --gm3-text-field-outlined-labe= l-text-populated-size: var(--gm3-autocomplete-outlined-text-field-label-tex= t-populated-size,0.75rem); --gm3-text-field-outlined-label-text-size: var(-= -gm3-autocomplete-outlined-text-field-label-text-size,1rem); --gm3-text-fie= ld-outlined-label-text-tracking: var(--gm3-autocomplete-outlined-text-field= -label-text-tracking,0rem); --gm3-text-field-outlined-label-text-weight: va= r(--gm3-autocomplete-outlined-text-field-label-text-weight,400); --gm3-text= -field-outlined-leading-icon-color: var(--gm3-autocomplete-outlined-text-fi= eld-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-text-field-outlined-leading-icon-size: var(--gm3-autocomplete-outlined-= text-field-leading-icon-size,24px); --gm3-text-field-outlined-supporting-te= xt-color: var(--gm3-autocomplete-outlined-text-field-supporting-text-color,= var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-outlined= -supporting-text-font: var(--gm3-autocomplete-outlined-text-field-supportin= g-text-font,"Google Sans Text"); --gm3-text-field-outlined-supporting-text-= line-height: var(--gm3-autocomplete-outlined-text-field-supporting-text-lin= e-height,1rem); --gm3-text-field-outlined-supporting-text-size: var(--gm3-a= utocomplete-outlined-text-field-supporting-text-size,0.75rem); --gm3-text-f= ield-outlined-supporting-text-tracking: var(--gm3-autocomplete-outlined-tex= t-field-supporting-text-tracking,0.00625rem); --gm3-text-field-outlined-sup= porting-text-weight: var(--gm3-autocomplete-outlined-text-field-supporting-= text-weight,400); --gm3-text-field-outlined-trailing-icon-color: var(--gm3-= autocomplete-outlined-text-field-trailing-icon-color,var(--gm3-sys-color-on= -surface-variant,#444746)); --gm3-text-field-outlined-trailing-icon-size: v= ar(--gm3-autocomplete-outlined-text-field-trailing-icon-size,24px); --gm3-t= ext-field-outlined-disabled-outline-color: var(--gm3-autocomplete-outlined-= text-field-disabled-outline-color,rgb(var(--gm3-sys-color-on-surface-rgb,31= ,31,31),0.12)); --gm3-text-field-outlined-disabled-outline-opacity: var(--g= m3-autocomplete-outlined-text-field-disabled-outline-opacity,0.12); --gm3-t= ext-field-outlined-disabled-outline-width: var(--gm3-autocomplete-outlined-= text-field-disabled-outline-width,1px); --gm3-text-field-outlined-error-foc= us-indicator-outline-color: var(--gm3-autocomplete-outlined-text-field-erro= r-focus-outline-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field= -outlined-error-hover-outline-color: var(--upgradeable-gm3-autocomplete-out= lined-text-field-error-hover-outline-color,var(--gm3-autocomplete-outlined-= text-field-error-hover-outline-color,var(--gm3-sys-color-on-error-container= ,#8c1d18))); --gm3-text-field-outlined-error-outline-color: var(--gm3-autoc= omplete-outlined-text-field-error-outline-color,var(--gm3-sys-color-error,#= b3261e)); --gm3-text-field-outlined-focus-indicator-outline-color: var(--gm= 3-autocomplete-outlined-text-field-focus-outline-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-text-field-outlined-focus-indicator-outline-thickn= ess: var(--gm3-autocomplete-outlined-text-field-focus-outline-width,3px); -= -gm3-text-field-outlined-hover-outline-color: var(--gm3-autocomplete-outlin= ed-text-field-hover-outline-color,var(--gm3-sys-color-on-surface,#1f1f1f));= --gm3-text-field-outlined-hover-outline-width: var(--gm3-autocomplete-outl= ined-text-field-hover-outline-width,1px); --gm3-text-field-outlined-outline= -color: var(--gm3-autocomplete-outlined-text-field-outline-color,var(--gm3-= sys-color-outline,#747775)); --gm3-text-field-outlined-outline-width: var(-= -gm3-autocomplete-outlined-text-field-outline-width,1px); } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surfa= ce { margin-bottom: 8px; } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete--no-label-= dropdown { margin-bottom: 0px; } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete { display:= inline-flex; position: relative; } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete[hidden] { = display: none; } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surfa= ce { background-color: var(--gm3-autocomplete-outlined-menu-container-color= ,var(--gm3-sys-color-surface-container,#f0f4f9)); border-radius: var(--gm3-= autocomplete-outlined-menu-container-shape,4px); --gm3-menu-surface-contain= er-color: var(--gm3-autocomplete-outlined-menu-container-color,var(--gm3-sy= s-color-surface-container,#f0f4f9)); --gm3-menu-surface-container-elevation= : var(--gm3-autocomplete-outlined-menu-container-elevation,2); --gm3-menu-s= urface-container-shadow-color: var(--gm3-autocomplete-outlined-menu-contain= er-shadow-color,var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surfa= ce .mdc-ripple-upgraded--background-focused { --gm3-list-list-item-containe= r-color: var(--gm3-autocomplete-outlined-menu-list-item-selected-container-= color,var(--gm3-sys-color-surface-container-highest,#dde3ea)); --gm3-list-l= ist-item-control-selected-container-color: var(--gm3-autocomplete-outlined-= menu-list-item-selected-container-color,var(--gm3-sys-color-surface-contain= er-highest,#dde3ea)); --gm3-list-list-item-fallback-selection-end-margin: 0= ; --Mal6Ee: block; } .javascriptMaterialdesignGm3WizAutocompleteOutlinedDropdown, .javascriptMat= erialdesignGm3WizAutocompleteOutlinedDropdownContainer, .javascriptMaterial= designGm3WizAutocompleteOutlinedTextField { width: inherit; } .javascriptMaterialdesignGm3WizAutocompleteOutlinedDropdownContainer { disp= lay: contents; } .javascriptMaterialdesignGm3WizAutocompleteOutlinedDropdown { --gm3-list-di= vider-color: var(--gm3-autocomplete-outlined-menu-divider-color,var(--gm3-s= ys-color-surface-variant,#e1e3e1)); --gm3-list-divider-height: var(--gm3-au= tocomplete-outlined-menu-divider-height,1px); --gm3-list-list-item-containe= r-color: transparent; --gm3-list-list-item-label-text-color: var(--gm3-auto= complete-outlined-menu-list-item-label-text-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); --gm3-list-list-item-label-text-font: var(--gm3-autocomple= te-outlined-menu-list-item-label-text-font,Google Sans Text); --gm3-list-li= st-item-label-text-line-height: var(--gm3-autocomplete-outlined-menu-list-i= tem-label-text-line-height,1.25rem); --gm3-list-list-item-label-text-size: = var(--gm3-autocomplete-outlined-menu-list-item-label-text-size,0.875rem); -= -gm3-list-list-item-label-text-tracking: var(--gm3-autocomplete-outlined-me= nu-list-item-label-text-tracking,0rem); --gm3-list-list-item-label-text-wei= ght: var(--gm3-autocomplete-outlined-menu-list-item-label-text-weight,500);= --gm3-list-list-item-control-selected-container-color: transparent; --gm3-= list-list-item-control-selected-label-text-color: var(--gm3-autocomplete-ou= tlined-menu-list-item-label-text-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); --gm3-list-list-item-control-selected-label-text-weight: var(--gm3-au= tocomplete-outlined-menu-list-item-label-text-weight,500); --gm3-list-list-= item-fallback-selection-end-margin: 0; } .javascriptMaterialdesignGm3WizAutocompleteOutlinedList { position: relativ= e; } .javascriptMaterialdesignGm3WizAutocompleteOutlinedList::before { position:= absolute; box-sizing: border-box; inset: 0px; border: 1px solid transparen= t; border-radius: inherit; content: ""; pointer-events: none; } .javscriptMaterialdesignGm3WizTextfieldCharacterCounter-character-counter {= font-family: var(--gm3-text-field-character-counter-supporting-text-font,u= nset); line-height: var(--gm3-text-field-character-counter-supporting-text-= line-height,unset); font-size: var(--gm3-text-field-character-counter-suppo= rting-text-size,unset); letter-spacing: var(--gm3-text-field-character-coun= ter-supporting-text-tracking,unset); font-weight: var(--gm3-text-field-char= acter-counter-supporting-text-weight,unset); white-space: nowrap; margin-in= line-start: auto; padding-inline-start: var(--gm3-text-field-character-coun= ter-supporting-text-character-counter-space,unset); color: var(--gm3-text-f= ield-character-counter-supporting-text-color,unset); display: block; positi= on: relative; font-variation-settings: var(--gm3-text-field-character-count= er-supporting-text-font-variation-settings,initial); } .javscriptMaterialdesignGm3WizTextfieldCharacterCounter-character-counter--= visually-hidden { position: absolute; overflow: hidden; left: -1px; top: au= to; width: 1px; height: 1px; } @keyframes floating-label-shake-float-above {=20 0% { transform: translateX(0px); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819)= ; transform: translateX(4%); } 66% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0= .956352); transform: translateX(-4%); } 100% { transform: translateX(0px); } } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label { inse= t: 0px; pointer-events: none; text-align: initial; display: var(--gm3-float= ing-label-label-text-display,unset); } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__conte= nt-floating, .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating= -label__content-resting, .javascriptMaterialdesignGm3WizTextfieldFloatingLa= bel-floating-label__content-spacer { transform-origin: left top; text-align= : start; text-overflow: ellipsis; white-space: nowrap; cursor: text; overfl= ow: var(--gm3-floating-label-label-text-overflow,unset); color: var(--gm3-f= loating-label-label-text-color,unset); font-family: var(--gm3-floating-labe= l-label-text-font,unset); line-height: var(--gm3-floating-label-label-text-= line-height,unset); font-size: var(--gm3-floating-label-label-text-size,uns= et); letter-spacing: var(--gm3-floating-label-label-text-tracking,unset); f= ont-weight: var(--gm3-floating-label-label-text-weight,unset); font-variati= on-settings: var(--gm3-floating-label-label-text-font-variation-settings,in= itial); transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floatin= g-label__content-floating, [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTex= tfieldFloatingLabel-floating-label__content-resting, [dir=3D"rtl"] .javascr= iptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-space= r { transform-origin: right top; inset-inline-end: auto; } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__conte= nt-resting { position: absolute; inset-block-start: var(--gm3-floating-labe= l-resting-label-top-space,unset); inset-inline-start: var(--gm3-floating-la= bel-resting-label-leading-space,unset); max-width: var(--gm3-floating-label= -resting-label-max-width,unset); } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__conte= nt-floating, .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating= -label__content-spacer { position: absolute; inset-block-start: var(--gm3-f= loating-label-floating-label-top-space,unset); inset-inline-start: var(--gm= 3-floating-label-floating-label-leading-space,unset); max-width: var(--gm3-= floating-label-floating-label-max-width,unset); line-height: var(--gm3-floa= ting-label-floating-label-text-line-height,unset); font-size: var(--gm3-flo= ating-label-floating-label-text-size,unset); } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--hidde= n { opacity: 0; } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__conte= nt-spacer { display: inline-block; position: static; } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--float= -above { cursor: auto; } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--requi= red:not(.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-labe= l--hide-required-marker) .javascriptMaterialdesignGm3WizTextfieldFloatingLa= bel-floating-label__content-floating::after, .javascriptMaterialdesignGm3Wi= zTextfieldFloatingLabel-floating-label--required:not(.javascriptMaterialdes= ignGm3WizTextfieldFloatingLabel-floating-label--hide-required-marker) .java= scriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-re= sting::after, .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floatin= g-label--required:not(.javascriptMaterialdesignGm3WizTextfieldFloatingLabel= -floating-label--hide-required-marker) .javascriptMaterialdesignGm3WizTextf= ieldFloatingLabel-floating-label__content-spacer::after { margin-inline: 1p= x 0px; content: "*"; } .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--shake= .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__cont= ent-floating { animation: 0.25s ease 0s 1 normal none running floating-labe= l-shake-float-above; } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text { color: var= (--gm3-text-field-helper-text-supporting-text-color,unset); font-family: va= r(--gm3-text-field-helper-text-supporting-text-font,unset); line-height: va= r(--gm3-text-field-helper-text-supporting-text-line-height,unset); font-siz= e: var(--gm3-text-field-helper-text-supporting-text-size,unset); letter-spa= cing: var(--gm3-text-field-helper-text-supporting-text-tracking,unset); fon= t-weight: var(--gm3-text-field-helper-text-supporting-text-weight,unset); f= ont-variation-settings: var(--gm3-text-field-helper-text-supporting-text-fo= nt-variation-settings,initial); margin: 0px; opacity: 0; transition: opacit= y 0.15s cubic-bezier(0.4, 0, 0.2, 1); display: block; min-height: var(--gm3= -text-field-helper-text-supporting-text-line-height,unset); word-break: var= (--gm3-text-field-helper-text-supporting-text-word-break,unset); } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text__display-non= e-on-empty-help-text:empty { display: none; min-height: 0px; margin: 0px; } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text { opacity: v= ar(--gm3-text-field-helper-text-supporting-text-opacity,0); } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text--validation-= msg { opacity: var(--gm3-text-field-helper-text-validation-text-opacity,0);= } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text--persistent = { transition: none; opacity: 1; } .javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text-sr-only { po= sition: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overf= low: hidden; white-space: nowrap; } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline { di= splay: flex; position: absolute; inset-block-start: 0px; inset-inline: 0px;= box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; text-a= lign: start; pointer-events: none; } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__lea= ding, .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outlin= e__notch, .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-ou= tline__trailing { box-sizing: border-box; height: 100%; pointer-events: non= e; border-block-start: var(--gm3-notched-outline-border-width,unset) solid = var(--gm3-notched-outline-border-color,unset); border-block-end: var(--gm3-= notched-outline-border-width,unset) solid var(--gm3-notched-outline-border-= color,unset); } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__lea= ding { border-inline-start: var(--gm3-notched-outline-border-width,unset) s= olid var(--gm3-notched-outline-border-color,unset); border-inline-end: none= ; width: calc(var(--gm3-notched-outline-leading-space, unset) - 4px); margi= n-inline-end: 4px; border-start-start-radius: var(--gm3-notched-outline-con= tainer-shape-start-start,unset); border-end-start-radius: var(--gm3-notched= -outline-container-shape-end-start,unset); } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__tra= iling { flex-grow: 1; border-inline-start: none; border-inline-end: var(--g= m3-notched-outline-border-width,unset) solid var(--gm3-notched-outline-bord= er-color,unset); border-end-end-radius: var(--gm3-notched-outline-container= -shape-end-end,unset); border-start-end-radius: var(--gm3-notched-outline-c= ontainer-shape-start-end,unset); } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__not= ch { flex: 0 0 auto; width: auto; margin-inline-start: -4px; max-width: cal= c(100% - var(--gm3-notched-outline-leading-space, unset) - var(--gm3-notche= d-outline-trailing-space, unset)); } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--not= ched .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline= __notch { padding-inline: 4px; border-top-width: medium; border-top-style: = none; border-top-color: currentcolor; } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--no-= label .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outlin= e__leading { margin-inline-end: unset; } .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--no-= label .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outlin= e__notch { display: none; } .javascriptMaterialdesignGm3WizTextFieldOutlinedOldTokens { --upgradeable-g= m3-text-field-outlined-error-hover-label-text-color: var(--gm3-text-field-o= utlined-error-hover-label-text-color,var(--gm3-sys-color-on-error-container= ,#410e0b)); --upgradeable-gm3-text-field-outlined-error-hover-outline-color= : var(--gm3-text-field-outlined-error-hover-outline-color,var(--gm3-sys-col= or-on-error-container,#410e0b)); --upgradeable-gm3-text-field-outlined-erro= r-hover-trailing-icon-color: var(--gm3-text-field-outlined-error-hover-trai= ling-icon-color,var(--gm3-sys-color-on-error-container,#410e0b)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root { display= : inline-flex; flex-direction: column; position: relative; --gm3-text-field= -character-counter-supporting-text-character-counter-space: var(--gm3-text-= field-outlined-supporting-text-character-counter-space,16px); --gm3-text-fi= eld-character-counter-supporting-text-font: var(--gm3-text-field-outlined-s= upporting-text-font,"Google Sans",Roboto,Arial,sans-serif); --gm3-text-fiel= d-character-counter-supporting-text-font-variation-settings: var(--gm3-text= -field-outlined-supporting-text-font-variation-settings,initial); --gm3-tex= t-field-character-counter-supporting-text-line-height: var(--gm3-text-field= -outlined-supporting-text-line-height,1rem); --gm3-text-field-character-cou= nter-supporting-text-size: var(--gm3-text-field-outlined-supporting-text-si= ze,0.75rem); --gm3-text-field-character-counter-supporting-text-tracking: v= ar(--gm3-text-field-outlined-supporting-text-tracking,0.00625rem); --gm3-te= xt-field-character-counter-supporting-text-weight: var(--gm3-text-field-out= lined-supporting-text-weight,400); --gm3-text-field-character-counter-suppo= rting-text-color: var(--gm3-text-field-outlined-supporting-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-helper-text-s= upporting-text-font: var(--gm3-text-field-outlined-supporting-text-font,"Go= ogle Sans",Roboto,Arial,sans-serif); --gm3-text-field-helper-text-supportin= g-text-font-variation-settings: var(--gm3-text-field-outlined-supporting-te= xt-font-variation-settings,initial); --gm3-text-field-helper-text-supportin= g-text-line-height: var(--gm3-text-field-outlined-supporting-text-line-heig= ht,1rem); --gm3-text-field-helper-text-supporting-text-size: var(--gm3-text= -field-outlined-supporting-text-size,0.75rem); --gm3-text-field-helper-text= -supporting-text-tracking: var(--gm3-text-field-outlined-supporting-text-tr= acking,0.00625rem); --gm3-text-field-helper-text-supporting-text-weight: va= r(--gm3-text-field-outlined-supporting-text-weight,400); --gm3-text-field-h= elper-text-supporting-text-word-break: var(--gm3-text-field-outlined-suppor= ting-text-word-break,normal); --gm3-text-field-icon-leading-icon-size: var(= --gm3-text-field-outlined-leading-icon-size,24px); --gm3-text-field-icon-tr= ailing-icon-size: var(--gm3-text-field-outlined-trailing-icon-size,24px); -= -gm3-text-field-icon-with-leading-icon-icon-label-text-space: var(--gm3-tex= t-field-outlined-with-leading-icon-icon-label-text-space,16px); --gm3-text-= field-icon-with-trailing-icon-icon-label-text-space: var(--gm3-text-field-o= utlined-with-trailing-icon-icon-label-text-space,16px); --gm3-text-field-ic= on-with-trailing-icon-trailing-space: var(--gm3-text-field-outlined-with-tr= ailing-icon-trailing-space,12px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-fo= nt-styles.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root = { --gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-f= ield-outlined-supporting-text-font,"Google Sans Flex","Google Sans Text","G= oogle Sans",Roboto,Arial,sans-serif); --gm3-text-field-helper-text-supporti= ng-text-font: var(--gm3-text-field-outlined-supporting-text-font,"Google Sa= ns Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root[hidden] {= display: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field { border-start-= start-radius: var(--gm3-text-field-outlined-container-shape-start-start,4px= ); border-start-end-radius: var(--gm3-text-field-outlined-container-shape-s= tart-end,4px); border-end-start-radius: 0px; border-end-end-radius: 0px; pa= dding-inline: max(var(--gm3-text-field-outlined-leading-space,16px),min(var= (--gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3-text-= field-outlined-container-height,56px)/2)) max(var(--gm3-text-field-outlined= -trailing-space,16px),min(var(--gm3-text-field-outlined-container-shape-sta= rt-end,4px),var(--gm3-text-field-outlined-container-height,56px)/2)); displ= ay: inline-flex; align-items: center; position: relative; box-sizing: borde= r-box; overflow: hidden; --gm3-floating-label-label-text-color: var(--gm3-t= ext-field-outlined-label-text-color,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-floating-label-label-text-display: var(--gm3-text-field-ou= tlined-label-text-display,unset); --gm3-floating-label-label-text-font: var= (--gm3-text-field-outlined-label-text-font,"Google Sans",Roboto,Arial,sans-= serif); --gm3-floating-label-label-text-font-variation-settings: var(--gm3-= text-field-outlined-label-text-font-variation-settings,initial); --gm3-floa= ting-label-label-text-line-height: var(--gm3-text-field-outlined-label-text= -line-height,1.5rem); --gm3-floating-label-label-text-overflow: var(--gm3-t= ext-field-outlined-label-text-overflow,hidden); --gm3-floating-label-floati= ng-label-text-line-height: var(--gm3-text-field-outlined-label-text-populat= ed-line-height,1rem); --gm3-floating-label-floating-label-text-size: var(--= gm3-text-field-outlined-label-text-populated-size,0.75rem); --gm3-floating-= label-label-text-size: var(--gm3-text-field-outlined-label-text-size,1rem);= --gm3-floating-label-label-text-tracking: var(--gm3-text-field-outlined-la= bel-text-tracking,0rem); --gm3-floating-label-label-text-weight: var(--gm3-= text-field-outlined-label-text-weight,400); --gm3-floating-label-floating-l= abel-leading-space: max(var(--gm3-text-field-outlined-leading-space,16px),m= in(var(--gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3= -text-field-outlined-container-height,56px)/2)); --gm3-floating-label-resti= ng-label-leading-space: max(var(--gm3-text-field-outlined-leading-space,16p= x),min(var(--gm3-text-field-outlined-container-shape-start-start,4px),var(-= -gm3-text-field-outlined-container-height,56px)/2)); --gm3-floating-label-f= loating-label-top-space: var(--gm3-text-field-outlined-top-space,8px); --gm= 3-floating-label-resting-label-top-space: calc(50% - var(--gm3-text-field-o= utlined-label-text-line-height, 1.5rem)/2); --gm3-floating-label-resting-la= bel-max-width: calc(100% - max(var(--gm3-text-field-outlined-leading-space,= 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px)= , var(--gm3-text-field-outlined-container-height, 56px) / 2))); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-fo= nt-styles .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field { --g= m3-floating-label-label-text-font: var(--gm3-text-field-outlined-label-text= -font,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans= -serif); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--textarea) { min-height: v= ar(--gm3-text-field-outlined-container-height,56px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label { --g= m3-floating-label-label-text-display: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled { poi= nter-events: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { text-a= lign: var(--gm3-text-field-outlined-input-text-align,initial); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { pointer-eve= nts: auto; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .ja= vascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { backgroun= d-color: canvas; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { text-ali= gn: end; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix { line-h= eight: var(--gm3-text-field-outlined-input-text-line-height,1.5rem); displa= y: inline-flex; align-items: center; opacity: 0; white-space: nowrap; heigh= t: 100%; transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); font-size:= var(--gm3-text-field-outlined-input-text-size,1rem); font-weight: 400; let= ter-spacing: 0.009375em; text-decoration: inherit; text-transform: inherit;= -webkit-font-smoothing: antialiased; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-floating= .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix, .javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascript= MaterialdesignGm3WizTextFieldOutlined-text-field__affix, .javascriptMateria= ldesignGm3WizTextFieldOutlined-text-field__affix--persistent { opacity: 1; = } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix = { color: var(--gm3-text-field-outlined-input-text-prefix-color,#5f6368); pa= dding-inline-end: 2px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix { = padding-inline-end: 12px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix { col= or: var(--gm3-text-field-outlined-disabled-input-text-prefix-color,rgba(95,= 99,104,.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .ja= vascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix { c= olor: graytext; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix = { padding-inline-start: 12px; color: var(--gm3-text-field-outlined-input-te= xt-suffix-color,#5f6368); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix { = padding-inline-start: 2px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix { col= or: var(--gm3-text-field-outlined-disabled-input-text-suffix-color,rgba(95,= 99,104,.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .ja= vascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix { c= olor: graytext; } } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix= , [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field= --ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__inp= ut { direction: ltr; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix= --prefix { padding-inline: 0px 2px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix= --suffix { padding-inline: 12px 0px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text { --gm3-text-field-icon-leading-icon-order: 1; --gm3-text-field-ic= on-trailing-icon-order: 5; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix= --suffix { order: 2; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input= { order: 3; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix= --prefix { order: 4; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-al= igned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--p= refix { padding-inline-end: 12px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-al= igned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--s= uffix { padding-inline-start: 2px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { d= isplay: flex; justify-content: space-between; box-sizing: border-box; paddi= ng-inline: var(--gm3-text-field-outlined-supporting-text-leading-space,16px= ) var(--gm3-text-field-outlined-supporting-text-trailing-space,16px); paddi= ng-block-start: var(--gm3-text-field-outlined-supporting-text-top-space,4px= ); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__display-none-o= n-empty-help-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-fie= ld-helper-line:not(:has(> :not(:empty))) { display: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused + .jav= ascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3= -text-field-helper-text-supporting-text-opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid + .jav= ascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3= -text-field-helper-text-validation-text-opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-= icon { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-i= con { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-t= ext-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3-text-= field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlined-wit= h-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outlined= -trailing-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-= icon { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-= text-field-outlined-with-trailing-icon-icon-label-text-space, 16px) - var(-= -gm3-text-field-outlined-trailing-icon-size, 24px) - var(--gm3-text-field-o= utlined-with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-out= lined-leading-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-i= con.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-traili= ng-icon { --gm3-floating-label-resting-label-max-width: calc(100% - var(--g= m3-text-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3-t= ext-field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlined= -with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outl= ined-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field= -outlined-trailing-icon-size, 24px) - var(--gm3-text-field-outlined-with-tr= ailing-icon-trailing-space, 12px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-persiste= nt.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field { --gm3-float= ing-label-resting-label-max-width: calc(100% - (max(var(--gm3-text-field-ou= tlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-sh= ape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px= ) / 2)) + max(var(--gm3-text-field-outlined-trailing-space, 16px), min(var(= --gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm3-text-f= ield-outlined-container-height, 56px) / 2)) + var(--prefix-width, 0px) + va= r(--prefix-leading-space, 0px) + var(--suffix-width, 0px) + var(--suffix-tr= ailing-space, 0px))); --gm3-floating-label-resting-label-leading-space: cal= c(max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-tex= t-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-ou= tlined-container-height, 56px) / 2)) + var(--prefix-width, 0px) + var(--pre= fix-leading-space, 0px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-i= con.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-persi= stent { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3= -text-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3-tex= t-field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlined-w= ith-leading-icon-icon-label-text-space, 16px) - var(--prefix-width, 0px) - = var(--prefix-leading-space, 0px) - var(--suffix-width, 0px) - var(--suffix-= trailing-space, 0px) - var(--gm3-text-field-outlined-trailing-space, 16px))= ; --gm3-floating-label-resting-label-leading-space: calc(var(--gm3-text-fie= ld-outlined-with-leading-icon-leading-space, 12px) + var(--gm3-text-field-o= utlined-leading-icon-size, 24px) + var(--gm3-text-field-outlined-with-leadi= ng-icon-icon-label-text-space, 16px) + var(--prefix-width, 0px) + var(--pre= fix-leading-space, 0px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-= icon.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-pers= istent { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm= 3-text-field-outlined-with-trailing-icon-icon-label-text-space, 16px) - var= (--gm3-text-field-outlined-trailing-icon-size, 24px) - var(--gm3-text-field= -outlined-with-trailing-icon-trailing-space, 12px) - var(--prefix-width, 0p= x) - var(--prefix-leading-space, 0px) - var(--suffix-width, 0px) - var(--gm= 3-text-field-outlined-leading-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-i= con.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-traili= ng-icon.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-p= ersistent { --gm3-floating-label-resting-label-max-width: calc(100% - var(-= -gm3-text-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3= -text-field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlin= ed-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-ou= tlined-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-fie= ld-outlined-trailing-icon-size, 24px) - var(--gm3-text-field-outlined-with-= trailing-icon-trailing-space, 12px) - var(--prefix-width, 0px) - var(--pref= ix-leading-space, 0px) - var(--suffix-width, 0px)); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--= ltr-text.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-= persistent.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field { --g= m3-floating-label-resting-label-max-width: calc(100% - (max(var(--gm3-text-= field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-cont= ainer-shape-start-start, 4px), var(--gm3-text-field-outlined-container-heig= ht, 56px) / 2)) + max(var(--gm3-text-field-outlined-trailing-space, 16px), = min(var(--gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm= 3-text-field-outlined-container-height, 56px) / 2)) + var(--prefix-width, 0= px) + var(--prefix-leading-space, 0px) + var(--suffix-width, 0px) + var(--s= uffix-trailing-space, 0px))); --gm3-floating-label-resting-label-leading-sp= ace: calc(max(var(--gm3-text-field-outlined-trailing-space, 16px), min(var(= --gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm3-text-f= ield-outlined-container-height, 56px) / 2)) + var(--suffix-width, 0px) + va= r(--suffix-trailing-space, 0px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__trailing-conte= nt { max-block-size: 24px; display: flex; align-items: center; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled) { --gm3-floatin= g-label-label-text-color: var(--gm3-text-field-outlined-label-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-leadi= ng-icon-color: var(--gm3-text-field-outlined-leading-icon-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); --gm3-text-field-icon-trailing-icon-= color: var(--gm3-text-field-outlined-trailing-icon-color,var(--gm3-sys-colo= r-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled) .javascriptMate= rialdesignGm3WizTextFieldOutlined-text-field__input { caret-color: var(--gm= 3-text-field-outlined-caret-color,var(--gm3-sys-color-primary,#0b57d0)); co= lor: var(--gm3-text-field-outlined-input-text-color,var(--gm3-sys-color-on-= surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled) + .javascriptMa= terialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3-text-fie= ld-helper-text-supporting-text-color: var(--gm3-text-field-outlined-support= ing-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text= -field-character-counter-supporting-text-color: var(--gm3-text-field-outlin= ed-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); = } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover { --gm3-fl= oating-label-label-text-color: var(--gm3-text-field-outlined-hover-label-te= xt-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-text-field-icon-le= ading-icon-color: var(--gm3-text-field-outlined-hover-leading-icon-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-trail= ing-icon-color: var(--gm3-text-field-outlined-hover-trailing-icon-color,var= (--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover .javascrip= tMaterialdesignGm3WizTextFieldOutlined-text-field__input { color: var(--gm3= -text-field-outlined-hover-input-text-color,var(--gm3-sys-color-on-surface,= #1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover + .javascr= iptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3-tex= t-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-ho= ver-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746));= --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-f= ield-outlined-hover-supporting-text-color,var(--gm3-sys-color-on-surface-va= riant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--focused { --gm3-floating-label= -label-text-color: var(--gm3-text-field-outlined-focus-label-text-color,var= (--gm3-sys-color-primary,#0b57d0)); --gm3-text-field-icon-leading-icon-colo= r: var(--gm3-text-field-outlined-focus-leading-icon-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --gm3-text-field-icon-trailing-icon-color:= var(--gm3-text-field-outlined-focus-trailing-icon-color,var(--gm3-sys-colo= r-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--focused .javascriptMaterialdes= ignGm3WizTextFieldOutlined-text-field__input { color: var(--gm3-text-field-= outlined-focus-input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascript= MaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--focused + .javascriptMateriald= esignGm3WizTextFieldOutlined-text-field-helper-line { --gm3-text-field-help= er-text-supporting-text-color: var(--gm3-text-field-outlined-focus-supporti= ng-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-= field-character-counter-supporting-text-color: var(--gm3-text-field-outline= d-focus-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) .javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field__input { color: var(-= -gm3-text-field-outlined-error-input-text-color,var(--gm3-sys-color-on-surf= ace,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) { --gm= 3-floating-label-label-text-color: var(--gm3-text-field-outlined-error-labe= l-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-icon-lea= ding-icon-color: var(--gm3-text-field-outlined-error-leading-icon-color,var= (--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-traili= ng-icon-color: var(--gm3-text-field-outlined-error-trailing-icon-color,var(= --gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) + .jav= ascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3= -text-field-helper-text-supporting-text-color: var(--gm3-text-field-outline= d-error-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-te= xt-field-character-counter-supporting-text-color: var(--gm3-text-field-outl= ined-error-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover .= javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { color: = var(--gm3-text-field-outlined-error-hover-input-text-color,var(--gm3-sys-co= lor-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {= --gm3-floating-label-label-text-color: var(--upgradeable-gm3-text-field-ou= tlined-error-hover-label-text-color,var(--gm3-text-field-outlined-error-hov= er-label-text-color,var(--gm3-sys-color-on-error-container,#8c1d18))); --gm= 3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-error-h= over-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); -= -gm3-text-field-icon-trailing-icon-color: var(--upgradeable-gm3-text-field-= outlined-error-hover-trailing-icon-color,var(--gm3-text-field-outlined-erro= r-hover-trailing-icon-color,var(--gm3-sys-color-on-error-container,#8c1d18)= )); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover += .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { = --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-ou= tlined-error-hover-supporting-text-color,var(--gm3-sys-color-error,#b3261e)= ); --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text= -field-outlined-error-hover-supporting-text-color,var(--gm3-sys-color-error= ,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javasc= riptMaterialdesignGm3WizTextFieldOutlined-text-field--focused .javascriptMa= terialdesignGm3WizTextFieldOutlined-text-field__input { caret-color: var(--= gm3-text-field-outlined-error-focus-caret-color,var(--gm3-sys-color-error,#= b3261e)); color: var(--gm3-text-field-outlined-error-focus-input-text-color= ,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javasc= riptMaterialdesignGm3WizTextFieldOutlined-text-field--focused { --gm3-float= ing-label-label-text-color: var(--gm3-text-field-outlined-error-focus-label= -text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-icon-lead= ing-icon-color: var(--gm3-text-field-outlined-error-focus-leading-icon-colo= r,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-t= railing-icon-color: var(--gm3-text-field-outlined-error-focus-trailing-icon= -color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javasc= riptMaterialdesignGm3WizTextFieldOutlined-text-field--focused + .javascript= MaterialdesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3-text-f= ield-helper-text-supporting-text-color: var(--gm3-text-field-outlined-error= -focus-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-tex= t-field-character-counter-supporting-text-color: var(--gm3-text-field-outli= ned-error-focus-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); = } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--disabled { --gm3-floating-labe= l-label-text-color: var(--gm3-text-field-outlined-disabled-label-text-color= ,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-text-field= -icon-leading-icon-color: var(--gm3-text-field-outlined-disabled-leading-ic= on-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-te= xt-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-disabled-t= railing-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38))= ; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMat= erialdesignGm3WizTextFieldOutlined-text-field--disabled { --gm3-floating-la= bel-label-text-color: GrayText; --gm3-text-field-icon-leading-icon-color: G= rayText; --gm3-text-field-icon-trailing-icon-color: GrayText; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialde= signGm3WizTextFieldOutlined-text-field__input { color: var(--gm3-text-field= -outlined-disabled-input-text-color,rgba(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMat= erialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterial= designGm3WizTextFieldOutlined-text-field__input { color: graytext; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMater= ialdesignGm3WizTextFieldOutlined-text-field--disabled + .javascriptMaterial= designGm3WizTextFieldOutlined-text-field-helper-line { --gm3-text-field-hel= per-text-supporting-text-color: var(--gm3-text-field-outlined-disabled-supp= orting-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38));= --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-f= ield-outlined-disabled-supporting-text-color,rgba(var(--gm3-sys-color-on-su= rface-rgb,31,31,31),0.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMat= erialdesignGm3WizTextFieldOutlined-text-field--disabled + .javascriptMateri= aldesignGm3WizTextFieldOutlined-text-field-helper-line { --gm3-text-field-h= elper-text-supporting-text-color: GrayText; --gm3-text-field-character-coun= ter-supporting-text-color: GrayText; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper = { display: flex; box-sizing: border-box; align-items: center; flex: 1 1 0%;= } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper { pad= ding-block: 0px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { font-f= amily: var(--gm3-text-field-outlined-input-text-font,"Google Sans",Roboto,A= rial,sans-serif); line-height: var(--gm3-text-field-outlined-input-text-lin= e-height,1.5rem); font-size: var(--gm3-text-field-outlined-input-text-size,= 1rem); letter-spacing: var(--gm3-text-field-outlined-input-text-tracking,0)= ; font-weight: var(--gm3-text-field-outlined-input-text-weight,400); font-v= ariation-settings: var(--gm3-text-field-outlined-input-text-font-variation-= settings,initial); transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); = width: 100%; min-width: 0px; border-width: medium; border-style: none; bord= er-color: currentcolor; border-image: none; border-radius: 0px; background:= none; appearance: none; padding: 0px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::-webkit= -calendar-picker-indicator { display: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input:focus { = outline: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input:invalid = { box-shadow: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-fo= nt-styles .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__inpu= t { font-family: var(--gm3-text-field-outlined-input-text-font,"Google Sans= Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeho= lder { color: var(--gm3-text-field-outlined-input-text-placeholder-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); transition: opacity 67ms cu= bic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder = { color: var(--gm3-text-field-outlined-disabled-input-text-placeholder-colo= r,rgba(60,64,67,.38)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused .javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder, = .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder = { transition-delay: 40ms; transition-duration: 0.11s; opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea { fle= x-direction: column; align-items: center; width: auto; height: auto; paddin= g: 0px; transition: none; --gm3-floating-label-resting-label-top-space: cal= c((var(--gm3-text-field-outlined-top-space, 8px) + var(--gm3-text-field-out= lined-label-text-populated-line-height, 1rem) + var(--gm3-text-field-outlin= ed-input-text-line-height, 1.5rem) + var(--gm3-text-field-outlined-bottom-s= pace, 8px) - var(--gm3-text-field-outlined-label-text-line-height, 1.5rem))= /2); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled { --gm3-tex= t-field-character-counter-supporting-text-color: var(--gm3-text-field-outli= ned-disabled-supporting-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),0.38)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascript= MaterialdesignGm3WizTextFieldOutlined-text-field__label { z-index: 1; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { flex-grow: = 1; height: auto; overflow: hidden auto; box-sizing: border-box; resize: non= e; padding: 0 max(var(--gm3-text-field-outlined-leading-space,16px),min(var= (--gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3-text-= field-outlined-container-height,56px)/2)) 0 max(var(--gm3-text-field-outlin= ed-trailing-space,16px),min(var(--gm3-text-field-outlined-container-shape-s= tart-end,4px),var(--gm3-text-field-outlined-container-height,56px)/2)); min= -height: var(--gm3-text-field-outlined-input-text-line-height,1.5rem); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--auto-expanding= .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { scrol= lbar-gutter: stable; scrollbar-width: none; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { margin-bloc= k: calc((var(--gm3-text-field-outlined-top-space, 8px) + var(--gm3-text-fie= ld-outlined-label-text-populated-line-height, 1rem) + var(--gm3-text-field-= outlined-input-text-line-height, 1.5rem) + var(--gm3-text-field-outlined-bo= ttom-space, 8px) - var(--gm3-text-field-outlined-input-text-line-height, 1.= 5rem))/2); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-internal-= counter .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input = { margin-block-end: 2px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-internal-= counter .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-interna= l-helper-line { display: flex; justify-content: flex-end; box-sizing: borde= r-box; padding-inline-end: var(--gm3-text-field-outlined-supporting-text-tr= ailing-space,16px); padding-block-end: 12px; width: 100%; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer { alig= n-self: stretch; display: inline-flex; flex-direction: column; flex-grow: 1= ; max-height: 100%; max-width: 100%; min-height: var(--gm3-text-field-outli= ned-container-height,56px); min-width: 100%; width: fit-content; overflow: = hidden; resize: both; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined { pad= ding-inline-start: max(var(--gm3-text-field-outlined-leading-space,16px),ma= x(var(--gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3-= text-field-outlined-container-shape-end-start,4px)) + 4px); overflow: visib= le; --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-outli= ne-color,var(--gm3-sys-color-outline,#747775)); --gm3-notched-outline-borde= r-width: var(--gm3-text-field-outlined-outline-width,1px); --gm3-notched-ou= tline-container-shape-start-start: var(--gm3-text-field-outlined-container-= shape-start-start,4px); --gm3-notched-outline-container-shape-start-end: va= r(--gm3-text-field-outlined-container-shape-start-end,4px); --gm3-notched-o= utline-container-shape-end-start: var(--gm3-text-field-outlined-container-s= hape-end-start,4px); --gm3-notched-outline-container-shape-end-end: var(--g= m3-text-field-outlined-container-shape-end-end,4px); --gm3-notched-outline-= leading-space: max(var(--gm3-text-field-outlined-leading-space,16px),max(va= r(--gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3-text= -field-outlined-container-shape-end-start,4px)) + 4px); --gm3-notched-outli= ne-trailing-space: max(var(--gm3-text-field-outlined-trailing-space,16px),m= in(var(--gm3-text-field-outlined-container-shape-start-end,4px),var(--gm3-t= ext-field-outlined-container-height,56px)/2)); --gm3-floating-label-resting= -label-leading-space: max(var(--gm3-text-field-outlined-leading-space,16px)= ,max(var(--gm3-text-field-outlined-container-shape-start-start,4px),var(--g= m3-text-field-outlined-container-shape-end-start,4px)) + 4px); --gm3-floati= ng-label-floating-label-leading-space: max(var(--gm3-text-field-outlined-le= ading-space,16px),max(var(--gm3-text-field-outlined-container-shape-start-s= tart,4px),var(--gm3-text-field-outlined-container-shape-end-start,4px)) + 4= px); --gm3-floating-label-floating-label-top-space: calc(var(--gm3-text-fie= ld-outlined-label-text-populated-size, 0.75rem)*-1/2); --gm3-floating-label= -floating-label-max-width: calc(100% - 2 * max(var(--gm3-text-field-outline= d-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-s= tart-start, 4px), var(--gm3-text-field-outlined-container-height, 56px) / 2= ))); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label { pad= ding-inline-start: var(--gm3-text-field-outlined-leading-space,16px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-i= con { padding-inline-start: var(--gm3-text-field-outlined-with-leading-icon= -leading-space,12px); --gm3-floating-label-resting-label-leading-space: cal= c(var(--gm3-text-field-outlined-with-leading-icon-leading-space, 12px) + va= r(--gm3-text-field-outlined-leading-icon-size, 24px) + var(--gm3-text-field= -outlined-with-leading-icon-icon-label-text-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea { pad= ding-inline-start: 0px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper,= .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__persistent-in= put-wrapper { padding-block: 0px; } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.= javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) { --g= m3-notched-outline-border-color: var(--gm3-text-field-outlined-outline-colo= r,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.= javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.= javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover = { --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-hover-o= utline-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-notched-outlin= e-border-width: var(--gm3-text-field-outlined-hover-outline-width,1px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.= javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--focused { --gm3-notc= hed-outline-border-color: var(--gm3-text-field-outlined-focus-indicator-out= line-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-notched-outline-bor= der-width: var(--gm3-text-field-outlined-focus-indicator-outline-thickness,= 3px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) { --gm= 3-notched-outline-border-color: var(--gm3-text-field-outlined-error-outline= -color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {= --gm3-notched-outline-border-color: var(--upgradeable-gm3-text-field-outli= ned-error-hover-outline-color,var(--gm3-text-field-outlined-error-hover-out= line-color,var(--gm3-sys-color-on-error-container,#8c1d18))); --gm3-notched= -outline-border-width: var(--gm3-text-field-outlined-hover-outline-width,1p= x); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.j= avascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javasc= riptMaterialdesignGm3WizTextFieldOutlined-text-field--focused { --gm3-notch= ed-outline-border-color: var(--gm3-text-field-outlined-error-focus-indicato= r-outline-color,var(--gm3-sys-color-error,#b3261e)); --gm3-notched-outline-= border-width: var(--gm3-text-field-outlined-focus-indicator-outline-thickne= ss,3px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined.javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled { --gm3-not= ched-outline-border-color: var(--gm3-text-field-outlined-disabled-outline-c= olor,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.12)); --gm3-notche= d-outline-border-width: var(--gm3-text-field-outlined-disabled-outline-widt= h,1px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined.jav= ascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled { --gm3-n= otched-outline-border-color: GrayText; } } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer { tran= sform: translateY(-1px) translateX(-1px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer .javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field__input { transform: t= ranslateY(1px) translateX(1px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .java= scriptMaterialdesignGm3WizTextFieldOutlined-text-field__input { padding-inl= ine-start: max(var(--gm3-text-field-outlined-leading-space,16px),max(var(--= gm3-text-field-outlined-container-shape-start-start,4px),var(--gm3-text-fie= ld-outlined-container-shape-end-start,4px)) + 4px); } .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javas= criptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascript= MaterialdesignGm3WizTextFieldOutlined-text-field__input { padding-inline-st= art: var(--gm3-text-field-outlined-leading-space,16px); } .javascriptMaterialdesignGm3WizFontIcon-icon { display: inline-flex; align-= items: center; justify-content: center; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizFontIconRtlIcon { transform: s= caleX(-1); } .javascriptMaterialdesignGm3WizFontIcon-icon { font-variation-settings: "FI= LL" var(--gm3-font-icon-fill,0),"ROND" var(--gm3-font-icon-round,50),"wght"= var(--gm3-font-icon-weight,400),"GRAD" var(--gm3-font-icon-grade,0),"opsz"= var(--gm3-font-icon-optical-size,24); } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer = { border-radius: 4px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer { pa= dding: 8px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer { width: 10= 0%; position: relative; display: inline-flex; flex-direction: column; colum= n-gap: 4px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer = { --label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --la= bel-text-color-on-hover: var(--gm3-sys-color-on-surface,#1f1f1f); --label-t= ext-color-on-focus: var(--gm3-sys-color-primary,#0b57d0); --outline-border-= color: var(--gm3-sys-color-outline,#747775); --outline-border-color-on-hove= r: var(--gm3-sys-color-on-surface,#1f1f1f); --outline-border-color-on-focus= : var(--gm3-sys-color-secondary,#00639b); outline: 1px solid var(--outline-= border-color); outline-offset: -1px; flex-direction: column; width: 100%; h= eight: auto; position: relative; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.= onFocus { outline: 3px solid var(--outline-border-color-on-focus); outline-= offset: -3px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.= isInvalid { --label-text-color: var(--gm3-sys-color-error,#b3261e); --label= -text-color-on-hover: var(--gm3-sys-color-on-error-container,#8c1d18); --la= bel-text-color-on-focus: var(--gm3-sys-color-error,#b3261e); --outline-bord= er-color: var(--gm3-sys-color-error,#b3261e); --outline-border-color-on-hov= er: var(--gm3-sys-color-on-error-container,#8c1d18); --outline-border-color= -on-focus: var(--gm3-sys-color-error,#b3261e); } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.= isDisabled { --label-text-color: rgba(from var(--gm3-sys-color-on-surface,#= 1f1f1f) r g b/0.38); --label-text-color-on-hover: rgba(from var(--gm3-sys-c= olor-on-surface,#1f1f1f) r g b/0.38); --label-text-color-on-focus: rgba(fro= m var(--gm3-sys-color-on-surface,#1f1f1f) r g b/0.38); --outline-border-col= or: rgba(from var(--gm3-sys-color-outline,#747775) r g b/0.38); --outline-b= order-color-on-hover: rgba(from var(--gm3-sys-color-outline,#747775) r g b/= 0.38); --outline-border-color-on-focus: rgba(from var(--gm3-sys-color-outli= ne,#747775) r g b/0.38); } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer:= not(.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContai= ner.onFocus):hover { outline-color: var(--outline-border-color-on-hover); } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer:= not(.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContai= ner.onFocus):hover .boqAddonscardsrendererCardSelectioncontrolMultiselectLa= belText { color: var(--label-text-color-on-hover); } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelContainer { posi= tion: absolute; white-space: nowrap; display: flex; height: 100%; width: 10= 0%; } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText { -webkit-b= ox-orient: vertical; -webkit-line-clamp: 1; align-self: center; background-= color: transparent; color: var(--label-text-color); font: 500 0.875rem / 1.= 25rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; max-wid= th: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis;= transform-origin: left top; transition: transform 0.15s cubic-bezier(0.4, = 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); user-select: none; } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.disableTran= sition { transition: unset; } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.hasValue, .= boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.onFocus { al= ign-self: start; background-color: var(--uikit-background-color,var(--gm3-s= ys-color-surface,#fff)); padding: 0px 6px; transform: scale(0.75) translate= Y(-50%) translateX(-4px); } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.onFocus { c= olor: var(--label-text-color-on-focus); } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.hasAddVaria= bleButton { max-width: calc(100% - 160px); } .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.hasAddVaria= bleButton.compactVariableButton { max-width: calc(100% - 64px); } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectLabelLeadi= ngNotch { height: 100%; width: 16px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectHelperTextContainer {= color: var(--gm3-sys-color-error,#b3261e); font: 500 0.6875rem / 1rem "Goo= gle Sans Text", "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0= .00625rem; padding: 4px 16px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectHelperTextContainer.h= intText { color: var(--gm3-sys-color-on-surface-variant,#444746); font: 400= 0.6875rem / 1rem "Google Sans Text"; } .hasMinHeight .boqAddonscardsrendererCardSelectioncontrolMultiselectHelperT= extContainer { padding: 0px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectHelperTextContainerGr= oup.hasMinHeight { min-height: 1rem; padding: 4px 16px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectAutocomplete { --gm3-= text-field-outlined-leading-space: 4px; --gm3-autocomplete-outlined-text-fi= eld-outline-width: 0; --gm3-autocomplete-outlined-text-field-hover-outline-= width: 0; --gm3-autocomplete-outlined-text-field-focus-outline-width: 0; --= gm3-autocomplete-outlined-text-field-disabled-outline-width: 0; --gm3-autoc= omplete-outlined-text-field-input-text-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-autocomplete-outlined-text-field-input-text-font:= "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-autocomple= te-outlined-text-field-input-text-size: 0.875rem; --gm3-autocomplete-outlin= ed-text-field-input-text-tracking: 0rem; --gm3-autocomplete-outlined-text-f= ield-input-text-weight: 500; --gm3-autocomplete-outlined-menu-list-item-lab= el-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-autoc= omplete-outlined-menu-list-item-label-text-font: "Google Sans Text","Google= Sans",Roboto,Arial,sans-serif; --gm3-autocomplete-outlined-menu-list-item-= label-text-line-height: 1.25rem; --gm3-autocomplete-outlined-menu-list-item= -label-text-size: 0.875rem; --gm3-autocomplete-outlined-menu-list-item-labe= l-text-tracking: 0rem; --gm3-autocomplete-outlined-menu-list-item-label-tex= t-weight: 400; --gm3-autocomplete-outlined-text-field-container-shape: 6px;= --gm3-autocomplete-outlined-text-field-container-shape-start-start: 6px; -= -gm3-autocomplete-outlined-text-field-container-shape-start-end: 6px; --gm3= -autocomplete-outlined-text-field-container-shape-end-end: 6px; --gm3-autoc= omplete-outlined-text-field-container-shape-end-start: 6px; --gm3-text-fiel= d-outlined-container-height: 40px; flex: 1 1 fit-content; min-width: 80px; = position: static; width: 100%; } .boqAddonscardsrendererCardSelectioncontrolMultiselectAutocomplete.isSingle= Select { min-width: 0px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMenuGraphic { margin-= right: 8px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMenu { margin-top: 2p= x; z-index: 2001; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer { al= ign-items: center; gap: 0px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer.isSi= ngleSelect { flex-wrap: nowrap; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer.isSi= ngleSelect .boqAddonscardsrendererCardSelectioncontrolMultiselectChip { --g= m3-chip-shared-focus-indicator-outline-offset: -2px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer.isSi= ngleSelect .boqAddonscardsrendererCardSelectioncontrolMultiselectDrivePicke= rButton { --gm3-button-filled-tonal-focus-indicator-outline-offset: -2px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip { margin: 4px; m= ax-width: calc(100% - 8px); outline: transparent solid 1px; --gm3-chip-shar= ed-focus-indicator-outline-offset: -2px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isInvalid { --gm= 3-chip-input-without-avatar-label-text-color: var(--gm3-sys-color-error,#b3= 261e); --gm3-chip-input-without-avatar-hover-label-text-color: var(--gm3-sy= s-color-error,#b3261e); --gm3-chip-input-without-avatar-focus-label-text-co= lor: var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avatar-ou= tline-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-a= vatar-pressed-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-c= hip-input-without-avatar-with-icon-disabled-icon-color: var(--gm3-sys-color= -error,#b3261e); --gm3-chip-input-without-avatar-with-icon-focus-icon-color= : var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avatar-with-= icon-hover-icon-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-input= -without-avatar-with-icon-icon-color: var(--gm3-sys-color-error,#b3261e); -= -gm3-chip-input-without-avatar-with-icon-pressed-icon-color: var(--gm3-sys-= color-error,#b3261e); } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isHidden { visib= ility: hidden; width: 2px; margin: -1px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isWorkflowApp { = background-color: var(--gm3-sys-color-surface-container,#f0f4f9); min-width= : 5rem; justify-content: center; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isWorkflowApp:no= t(.isInvalid) { --gm3-chip-input-without-avatar-outline-width: 0; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isExternal, .boq= AddonscardsrendererCardSelectioncontrolMultiselectChip.isOutOfContacts { ba= ckground-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); outline:= 1px solid var(--ws-sys-color-extended-on-yellow-outline,#6d3a01); } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isExternal.isWor= kflowApp, .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isOutO= fContacts.isWorkflowApp { background-color: var(--ws-sys-color-extended-yel= low-tonal,#fff2b4); } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isExternal, .boq= AddonscardsrendererCardSelectioncontrolMultiselectChip.isOutOfContacts { --= gm3-chip-input-without-avatar-label-text-color: var(--ws-sys-color-extended= -on-yellow-fill,#6d3a01); --gm3-chip-input-without-avatar-hover-label-text-= color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chip-inpu= t-without-avatar-focus-label-text-color: var(--ws-sys-color-extended-on-yel= low-fill,#6d3a01); --gm3-chip-input-without-avatar-pressed-label-text-color= : var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chip-input-wit= hout-avatar-with-icon-disabled-icon-color: var(--ws-sys-color-extended-on-y= ellow-fill,#6d3a01); --gm3-chip-input-without-avatar-with-icon-focus-icon-c= olor: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chip-input= -without-avatar-with-icon-hover-icon-color: var(--ws-sys-color-extended-on-= yellow-fill,#6d3a01); --gm3-chip-input-without-avatar-with-icon-icon-color:= var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --gm3-chip-input-with= out-avatar-with-icon-pressed-icon-color: var(--ws-sys-color-extended-on-yel= low-fill,#6d3a01); } .boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer { disp= lay: inline-flex; align-items: center; justify-content: flex-end; flex: 1 1= 0%; } .boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer .boqAd= donscardsrendererCardAutocompleteMultiLevelMenu { max-width: 100%; } .boqAddonscardsrendererCardSelectioncontrolMultiselectChip ~ .boqAddonscard= srendererCardSelectioncontrolMultiselectInputContainer { margin-inline-star= t: 4px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer:has(.b= oqAddonscardsrendererCardSelectioncontrolMultiselectEmojiPickerIconContaine= r) { min-height: 40px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectProgressGm= 3 { --EkrYwf: 24px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectInsertVariableButton.= isHidden, .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelect= ProgressGm3.isClosed { display: none; } .boqAddonscardsrendererCardSelectioncontrolMultiselectFormattedHintText { -= -text-font: Google Sans Text; --text-line-height: 1rem; --text-size: 0.6875= rem; --text-tracking: 0.00625rem; --text-weight: 500; --light-color: var(--= gm3-sys-color-on-surface-variant,#444746); color: var(--gm3-sys-color-on-su= rface-variant,#444746); } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer.DrivePicker= .boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer { p= adding: 0px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer.DrivePicker= .boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer { ali= gn-items: flex-start; flex: 0 0 0%; } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer.DrivePicker= .boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer= { outline: none; outline-offset: 0px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer.DrivePicker= .boqAddonscardsrendererCardSelectioncontrolMultiselectDrivePickerButton { = --gm3-button-filled-tonal-focus-label-text-color: var(--gm3-sys-color-on-se= condary-container,#004a77); --gm3-button-filled-tonal-hover-label-text-colo= r: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-button-filled= -tonal-label-text-color: var(--gm3-sys-color-on-secondary-container,#004a77= ); --gm3-button-filled-tonal-pressed-label-text-color: var(--gm3-sys-color-= on-secondary-container,#004a77); --gm3-button-filled-tonal-container-height= : 32px; --gm3-button-filled-tonal-with-icon-icon-color: var(--gm3-sys-color= -on-secondary-container,#004a77); --gm3-button-filled-tonal-with-icon-focus= -icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-but= ton-filled-tonal-with-icon-hover-icon-color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); --gm3-button-filled-tonal-with-icon-pressed-icon-col= or: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-button-fille= d-tonal-container-shape-start-start: 12px; --gm3-button-filled-tonal-contai= ner-shape-start-end: 12px; --gm3-button-filled-tonal-container-shape-end-en= d: 12px; --gm3-button-filled-tonal-container-shape-end-start: 12px; --gm3-b= utton-filled-tonal-pressed-container-shape-start-start: 12px; --gm3-button-= filled-tonal-pressed-container-shape-start-end: 12px; --gm3-button-filled-t= onal-pressed-container-shape-end-end: 12px; --gm3-button-filled-tonal-press= ed-container-shape-end-start: 12px; } .boqAddonscardsrendererCardSelectioncontrolMultiselectContainer.DrivePicker= .boqAddonscardsrendererCardSelectioncontrolMultiselectHelperTextContainerG= roup { padding-left: 0px; } .boqAddonscardsrendererCardSelectioncontrolDropDownTwoLines { --gm3-list-li= st-item-label-text-weight: 700; --gm3-list-list-item-selected-label-text-we= ight: 700; --gm3-list-list-item-control-selected-label-text-weight: 700; --= gm3-list-list-item-fallback-selection-end-margin: 0; } .boqAddonscardsrendererCardSelectioncontrolVariableMenuContainer { position= : relative; } .boqAddonscardsrendererCardSelectioncontrolDropDown { --gm3-select-shared-t= ext-field-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-select-shared-text-field-label-text-font: "Google Sans Text","Googl= e Sans",Roboto,Arial,sans-serif; --gm3-select-shared-text-field-label-text-= size: 0.875rem; --gm3-select-shared-text-field-label-text-populated-size: 0= .67375rem; --gm3-select-shared-text-field-label-text-line-height: 1.25rem; = --gm3-select-shared-text-field-label-text-tracking: 0.00625rem; --gm3-selec= t-shared-text-field-label-text-weight: 500; --gm3-select-shared-text-field-= focus-input-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-sele= ct-shared-text-field-hover-input-text-color: var(--gm3-sys-color-on-surface= ,#1f1f1f); --gm3-select-shared-text-field-input-text-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-select-shared-text-field-input-text= -font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-sele= ct-shared-text-field-input-text-size: 0.875rem; --gm3-select-shared-text-fi= eld-input-text-tracking: 0rem; --gm3-select-shared-text-field-input-text-we= ight: 500; --gm3-select-shared-text-field-supporting-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-select-shared-text-field-suppo= rting-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; = --gm3-select-shared-text-field-supporting-text-tracking: 0.00625rem; --gm3-= select-shared-text-field-supporting-text-weight: 500; --gm3-select-shared-m= enu-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-select-shared-menu-list-item-label-text-font: "Google Sans Text= ","Google Sans",Roboto,Arial,sans-serif; --gm3-select-shared-menu-list-item= -label-text-size: 0.875rem; --gm3-select-shared-menu-list-item-label-text-t= racking: 0rem; --gm3-select-shared-menu-list-item-label-text-weight: 400; -= -gm3-select-shared-menu-list-item-one-line-container-height: 16px; } .boqAddonscardsrendererCardSelectioncontrolDropDown.topLabelStylingLarge, .= boqAddonscardsrendererCardSelectioncontrolDropDown.topLabelStylingMedium, .= boqAddonscardsrendererCardSelectioncontrolDropDown.topLabelStylingSmall { -= -gm3-select-shared-text-field-label-text-font: "Google Sans Text","Google S= ans",Roboto,Arial,sans-serif; } .boqAddonscardsrendererCardSelectioncontrolDropDown.inputLabelStylingSmall = { --gm3-select-shared-text-field-input-text-size: 0.75rem; --gm3-select-sha= red-text-field-input-text-font: "Google Sans Text","Google Sans",Roboto,Ari= al,sans-serif; } .boqAddonscardsrendererCardSelectioncontrolDropDown.inputLabelStylingMedium= { --gm3-select-shared-text-field-input-text-size: 0.875rem; --gm3-select-s= hared-text-field-input-text-font: "Google Sans Text","Google Sans",Roboto,A= rial,sans-serif; } .boqAddonscardsrendererCardSelectioncontrolDropDown.inputLabelStylingLarge = { --gm3-select-shared-text-field-input-text-size: 1rem; --gm3-select-shared= -text-field-input-text-font: "Google Sans Text","Google Sans",Roboto,Arial,= sans-serif; } .boqAddonscardsrendererCardSelectioncontrolDropDown.dropdownMenuSelectedIte= mColorSecondaryContainer { --gm3-select-shared-menu-list-item-selected-cont= ainer-color: var(--gm3-sys-color-secondary-container,#c2e7ff); } .boqAddonscardsrendererCardSelectioncontrolDropDown { width: 100%; } .boqAddonscardsrendererCardSelectioncontrolSelectionControl { min-width: 0p= x; width: 100%; } .boqAddonscardsrendererCardSelectioncontrolSelectionControlLabel { min-widt= h: 0px; overflow: hidden; text-overflow: ellipsis; color: var(--gm3-sys-col= or-on-surface-variant,#444746); font: 500 0.75rem / 1rem "Google Sans Text"= , "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0.00625rem; mar= gin-bottom: 2px; } .boqAddonscardsrendererCardSelectioncontrolSelectionControlLabel.SelectionC= ontrolLabelSmall { font: 500 0.6875rem / 1rem "Google Sans Text", "Google S= ans", Roboto, Arial, sans-serif; letter-spacing: 0.00625rem; } .boqAddonscardsrendererCardSelectioncontrolSelectionControlLabel.SelectionC= ontrolLabelMedium { font: 500 0.75rem / 1rem "Google Sans Text", "Google Sa= ns", Roboto, Arial, sans-serif; letter-spacing: 0.00625rem; } .boqAddonscardsrendererCardSelectioncontrolSelectionControlLabel.SelectionC= ontrolLabelLarge { font: 500 0.875rem / 1.25rem "Google Sans Text", "Google= Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; } .boqAddonscardsrendererCardSelectioncontrolSelectionItem { align-items: cen= ter; display: flex; min-height: 18px; min-width: 0px; width: 100%; } .boqAddonscardsrendererCardSelectioncontrolSelectionItem:hover { background= -color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); border-radius: 16p= x; cursor: pointer; } .boqAddonscardsrendererCardSelectioncontrolInnerCheckboxGm3 { --gm3-checkbo= x-container-size: 16px; --gm3-checkbox-state-layer-size: 28px; --gm3-checkb= ox-touch-target-size: 0px; } .boqAddonscardsrendererCardSelectioncontrolInnerRadioGm3 { --gm3-radio-stat= e-layer-size: 28px; margin: 0px; } .boqAddonscardsrendererCardSelectioncontrolInnerSwitchGm3 { --gm3-switch-tr= ack-width: 33px; --gm3-switch-track-height: 20px; --gm3-switch-state-layer-= size: 25px; --gm3-switch-pressed-handle-height: 16px; --gm3-switch-pressed-= handle-width: 16px; --gm3-switch-selected-handle-height: 14px; --gm3-switch= -selected-handle-width: 14px; --gm3-switch-selected-icon-size: 10px; --gm3-= switch-unselected-handle-height: 10px; --gm3-switch-unselected-handle-width= : 10px; --gm3-switch-unselected-icon-size: 10px; --gm3-switch-with-icon-han= dle-height: 14px; --gm3-switch-with-icon-handle-width: 14px; --gm3-switch-t= ouch-target-height: 20px; --gm3-switch-touch-target-width: 33px; } .boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel { flex: 1 1 0= %; min-width: 0px; overflow: hidden; text-overflow: ellipsis; color: var(--= gm3-sys-color-on-surface,#1f1f1f); font: 400 0.875rem / 1.25rem "Google San= s Text", "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; mar= gin-left: 16px; } .boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel:hover { curso= r: pointer; } .boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel.SelectionItem= Density { padding: 8px 0px; } .boqAddonscardsrendererCardSelectioncontrolSelectionItemSecondaryText { --t= ext-font: Google Sans Text,Google Sans,Roboto,Arial,sans-serif; --text-line= -height: 1rem; --text-size: 0.75rem; --text-weight: 400; display: block; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); font: 400 0.75rem / 1= rem "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif; letter-sp= acing: 0.00625rem; } .boqAddonscardsrendererCardSelectioncontrolSelectionItemMaterialIcon { --ma= terial-icon-fill: unset; --material-icon-weight: unset; --material-icon-gra= de: unset; --gm3-font-icon-fill: var(--material-icon-fill); --gm3-font-icon= -grade: var(--material-icon-grade); --gm3-font-icon-weight: var(--material-= icon-weight); } .boqAddonscardsrendererCardSelectioncontrolFilterChipsList { align-items: f= lex-start; display: flex; flex-flow: wrap; } .boqAddonscardsrendererCardSelectioncontrolVariableChip { white-space: nowr= ap; text-overflow: ellipsis; } .boqAddonscardsrendererCardSelectioncontrolVariableChip.isWorkflowApp { bac= kground-color: var(--gm3-sys-color-surface-container,#f0f4f9); justify-cont= ent: center; min-width: 5rem; --gm3-chip-input-without-avatar-outline-width= : 2px; } .boqAddonscardsrendererCardSelectioncontrolVariableChip.isWorkflowApp:not(.= isInvalid) { --gm3-chip-input-without-avatar-outline-width: 0; } .boqAddonscardsrendererCardSelectioncontrolVariableChip.isInvalid { --gm3-c= hip-input-without-avatar-label-text-color: var(--gm3-sys-color-error,#b3261= e); --gm3-chip-input-without-avatar-hover-label-text-color: var(--gm3-sys-c= olor-error,#b3261e); --gm3-chip-input-without-avatar-focus-label-text-color= : var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avatar-outli= ne-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avat= ar-focus-outline-color: var(--gm3-sys-color-error,#b3261e); --gm3-chip-inpu= t-without-avatar-pressed-label-text-color: var(--gm3-sys-color-error,#b3261= e); } .boqAddonscardsrendererCardSelectioncontrolRequiredErrorText { color: var(-= -gm3-sys-color-error,#b3261e); font: 400 0.75rem / 1rem "Google Sans Text",= "Google Sans", Roboto, Arial, sans-serif; letter-spacing: 0.00625rem; padd= ing-inline: 16px; } .boqAddonscardsrendererCardSelectioncontrolRequiredErrorText.isHidden { dis= play: none; } .boqAddonscardsrendererCardSelectioncontrolFormattedHintText { --text-font:= Google Sans Text,Google Sans,Roboto,Arial,sans-serif; --text-line-height: = 1rem; --text-size: 0.6875rem; --text-tracking: 0.00625rem; --text-weight: 5= 00; --light-color: var(--gm3-sys-color-on-surface-variant,#444746); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-filter-flat-wi= th-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__icon--primary { color: var(--gm3-chip-filter-flat-with-icon-disabled-ic= on-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3Wiz= ChipShared-chip__icon--primary { color: var(--gm3-chip-filter-flat-with-ico= n-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3Wiz= ChipShared-chip__icon--primary { color: var(--gm3-chip-filter-flat-with-ico= n-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:active .javascriptMaterialdesignGm3Wi= zChipShared-chip__icon--primary { color: var(--gm3-chip-filter-flat-with-ic= on-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__icon--primary:has(svg, img) { opacity: var(--gm3-chip-filter-flat-with-= icon-disabled-icon-opacity,.38); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__text-label { color: var(--gm3-chip-filter-flat-label-text-color,v= ar(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3Wiz= ChipShared-chip__text-label { color: var(--gm3-chip-filter-flat-hover-label= -text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3Wiz= ChipShared-chip__text-label { color: var(--gm3-chip-filter-flat-focus-label= -text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialde= signGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipSha= red-chip__action--primary-interactive:active .javascriptMaterialdesignGm3Wi= zChipShared-chip__text-label { color: var(--gm3-chip-filter-flat-pressed-la= bel-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl { --sbadab: var(--gm3-chi= p-filter-flat-hover-state-layer-color,var(--gm3-sys-color-on-surface-varian= t,#444746)); --hSHBee: var(--gm3-chip-filter-flat-hover-state-layer-opacity= ,0.08); --F1tVH: var(--gm3-chip-filter-flat-pressed-state-layer-color,var(-= -gm3-sys-color-on-secondary-container,#001d35)); --kDWEsd: var(--gm3-chip-f= ilter-flat-pressed-state-layer-opacity,0.1); } } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected { --sbadab: var(--gm3-chip-filter-flat-selecte= d-hover-state-layer-color,var(--gm3-sys-color-on-secondary-container,#001d3= 5)); --hSHBee: var(--gm3-chip-filter-flat-selected-hover-state-layer-opacit= y,0.08); --F1tVH: var(--gm3-chip-filter-flat-selected-pressed-state-layer-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); --kDWEsd: var(--gm3-= chip-filter-flat-selected-pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled) { background-color: var(--gm3-chip-filter-flat-selected-con= tainer-color,var(--gm3-sys-color-secondary-container,#c2e7ff)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chi= p__graphic { transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-c= hip__graphic { transition: width 0.1s cubic-bezier(0.4, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selectable:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--selected, .javascriptMaterialdesignGm3WizChipShared-chip--with-prim= ary-icon) .javascriptMaterialdesignGm3WizChipShared-chip__graphic { width: = 0px; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selecting-with-primary-icon .javascriptMaterialdesignGm= 3WizChipShared-chip__icon--primary { transition: opacity 75ms cubic-bezier(= 0.4, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesign= Gm3WizChipShared-chip__icon--primary { transition: opacity 0.15s cubic-bezi= er(0.4, 0, 0.2, 1) 75ms; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip= __icon--primary { opacity: 0; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__text-label = { color: var(--gm3-chip-filter-flat-selected-label-text-color,var(--gm3-sys= -color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--pri= mary:hover .javascriptMaterialdesignGm3WizChipShared-chip__text-label { col= or: var(--gm3-chip-filter-flat-selected-hover-label-text-color,var(--gm3-sy= s-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--pri= mary:focus .javascriptMaterialdesignGm3WizChipShared-chip__text-label { col= or: var(--gm3-chip-filter-flat-selected-focus-label-text-color,var(--gm3-sy= s-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--pri= mary:active .javascriptMaterialdesignGm3WizChipShared-chip__text-label { co= lor: var(--gm3-chip-filter-flat-selected-pressed-label-text-color,var(--gm3= -sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm= 3WizChipShared-chip__checkmark { position: absolute; opacity: 0; top: 50%; = left: 50%; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chi= p__checkmark { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); tr= ansform: translate(-75%, -50%); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-c= hip__checkmark { transition: opacity 50ms linear, transform 0.1s cubic-bezi= er(0.4, 0, 0.2, 1); transform: translate(-75%, -50%); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesign= Gm3WizChipShared-chip__checkmark { transition: opacity 75ms cubic-bezier(0.= 4, 0, 0.2, 1); transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip= __checkmark { height: 100%; width: 100%; transform: translate(-50%, -50%); = opacity: 1; } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-ch= ip__checkmark { color: var(--gm3-chip-filter-flat-with-icon-selected-icon-c= olor,var(--gm3-sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chi= p--disabled .javascriptMaterialdesignGm3WizChipShared-chip__checkmark { col= or: var(--gm3-chip-filter-flat-with-icon-disabled-icon-color,rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--p= rimary:hover .javascriptMaterialdesignGm3WizChipShared-chip__checkmark { co= lor: var(--gm3-chip-filter-flat-with-icon-selected-hover-icon-color,var(--g= m3-sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--p= rimary:focus .javascriptMaterialdesignGm3WizChipShared-chip__checkmark { co= lor: var(--gm3-chip-filter-flat-with-icon-selected-focus-icon-color,var(--g= m3-sys-color-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--p= rimary:active .javascriptMaterialdesignGm3WizChipShared-chip__checkmark { c= olor: var(--gm3-chip-filter-flat-with-icon-selected-pressed-icon-color,var(= --gm3-sys-color-on-secondary-container,#001d35)); } } .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm= 3WizChipShared-chip__checkmark-background { opacity: 0; } .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm= 3WizChipShared-chip__checkmark-path { stroke-width: 1.5px; stroke-dasharray= : 29.7833; stroke-dashoffset: 29.7833; stroke: currentcolor; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chi= p__checkmark-path { transition: stroke-dashoffset 0.15s cubic-bezier(0.4, 0= , 0.2, 1) 45ms; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-c= hip__checkmark-path, .javascriptMaterialdesignGm3WizChipFilterFlatEl.javasc= riptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesign= Gm3WizChipShared-chip__checkmark-path { stroke-dashoffset: 0; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selecting-with-primary-icon .javascriptMaterialdesignGm= 3WizChipShared-chip__checkmark-path { transition: stroke-dashoffset 0.15s c= ubic-bezier(0.4, 0, 0.2, 1) 75ms; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesign= Gm3WizChipShared-chip__checkmark-path { stroke-dashoffset: 0; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--disabled) { background-color: canvastext; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShare= d-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--p= rimary:is(:hover, :focus, :active) :is(.javascriptMaterialdesignGm3WizChipS= hared-chip__text-label, .javascriptMaterialdesignGm3WizChipShared-chip__che= ckmark, .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary), .ja= vascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3Wiz= ChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chi= p--disabled) :is(.javascriptMaterialdesignGm3WizChipShared-chip__text-label= , .javascriptMaterialdesignGm3WizChipShared-chip__graphic, .javascriptMater= ialdesignGm3WizChipShared-chip__checkmark, .javascriptMaterialdesignGm3WizC= hipShared-chip__icon--primary) { color: canvas; forced-color-adjust: none; = } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chi= p--disabled .javascriptMaterialdesignGm3WizChipShared-chip__checkmark { col= or: graytext; } } .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm= 3WizChipShared-chip__action--primary::before { border-width: var(--gm3-chip= -filter-flat-outline-width,1px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__action--primary::before { border-color: var(--gm3-ch= ip-filter-flat-outline-color,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesign= Gm3WizChipShared-chip__action--primary-interactive:focus::before { border-c= olor: var(--gm3-chip-filter-flat-focus-outline-color,var(--gm3-sys-color-on= -surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-ch= ip__action--primary::before { border-color: var(--gm3-chip-filter-flat-disa= bled-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12));= } } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled):hover { --yXuigc: var(--gm3-chip-filter-flat-selected-hover= -container-elevation,1); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-= chip--disabled):active { --yXuigc: var(--gm3-chip-filter-flat-selected-pres= sed-container-elevation,0); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chip-= -disabled { background-color: var(--gm3-chip-filter-flat-disabled-selected-= container-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3= WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip= __action--primary::before { border-width: var(--gm3-chip-filter-flat-select= ed-outline-width,0); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chi= p--disabled { background-color: canvas; } .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignG= m3WizChipShared-chip--flat.javascriptMaterialdesignGm3WizChipShared-chip--s= elected .javascriptMaterialdesignGm3WizChipShared-chip__action--primary::be= fore { border-width: 1px; } } .javascriptMaterialdesignGm3WizChipFilterFlatNoCheckmark.javascriptMaterial= designGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipSh= ared-chip__icon--primary { opacity: 1; } .javascriptMaterialdesignGm3WizSelectSharedOldTokens { --upgradeable-gm3-se= lect-shared-menu-list-item-selected-container-color: var(--gm3-select-share= d-menu-list-item-selected-container-color,var(--gm3-sys-color-surface-varia= nt,#e1e3e1)); --upgradeable-gm3-select-shared-text-field-error-hover-label-= text-color: var(--gm3-select-shared-text-field-error-hover-label-text-color= ,var(--gm3-sys-color-on-error-container,#410e0b)); --upgradeable-gm3-select= -shared-text-field-error-hover-trailing-icon-color: var(--gm3-select-shared= -text-field-error-hover-trailing-icon-color,var(--gm3-sys-color-on-error-co= ntainer,#410e0b)); --upgradeable-gm3-select-shared-text-field-supporting-te= xt-tracking: var(--gm3-select-shared-text-field-supporting-text-tracking,0.= 006rem); } .javascriptMaterialdesignGm3WizSelectShared-select-root { display: inline-f= lex; flex-direction: column; position: relative; } .javascriptMaterialdesignGm3WizSelectShared-select-root[hidden] { display: = none; } .javascriptMaterialdesignGm3WizSelectShared-select { display: inline-flex; = position: relative; } .javascriptMaterialdesignGm3WizSelectShared-select--disabled { cursor: defa= ult; pointer-events: none; } .javascriptMaterialdesignGm3WizSelectShared-select__menu-slot { display: co= ntents; } .javascriptMaterialdesignGm3WizSelectShared-select__anchor { box-sizing: bo= rder-box; min-width: 0px; width: var(--gm3-select-shared-text-field-contain= er-width,200px); height: var(--gm3-select-shared-text-field-container-heigh= t,56px); position: relative; flex: 1 1 0%; display: flex; align-items: base= line; overflow: hidden; outline: none; cursor: pointer; } .javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon .java= scriptMaterialdesignGm3WizSelectShared-select__anchor { padding-inline: 0px= ; } .javascriptMaterialdesignGm3WizSelectShared-select__touch { position: absol= ute; inset: 0px; height: var(--gm3-select-shared-text-field-container-heigh= t,56px); } .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMater= ialdesignGm3WizSelectShared-select__icon { width: var(--gm3-select-shared-t= ext-field-leading-icon-size,24px); height: var(--gm3-select-shared-text-fie= ld-leading-icon-size,24px); font-size: var(--gm3-select-shared-text-field-l= eading-icon-size,24px); color: var(--gm3-select-shared-text-field-leading-i= con-color,var(--gm3-sys-color-on-surface-variant,#444746)); margin: 0px 12p= x; display: inline-block; box-sizing: border-box; border-width: medium; bor= der-style: none; border-color: currentcolor; border-image: none; text-decor= ation: none; user-select: none; flex-shrink: 0; align-self: center; backgro= und-color: transparent; fill: currentcolor; } .javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMateria= ldesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSel= ectShared-select__icon { color: var(--gm3-select-shared-text-field-hover-le= ading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectSha= red-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon= { color: var(--gm3-select-shared-text-field-focus-leading-icon-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectSha= red-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon= { color: var(--gm3-select-shared-text-field-error-leading-icon-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSel= ectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select= __icon { color: var(--gm3-select-shared-text-field-error-hover-leading-icon= -color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShar= ed-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__anch= or .javascriptMaterialdesignGm3WizSelectShared-select__icon { color: var(--= gm3-select-shared-text-field-error-focus-leading-icon-color,var(--gm3-sys-c= olor-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectSh= ared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__ico= n, .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdes= ignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelect= Shared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__= anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon { color: va= r(--gm3-select-shared-text-field-disabled-leading-icon-color,rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelect= Shared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__i= con, .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMateriald= esignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSele= ctShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select= __anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon { color: = graytext; } } .javascriptMaterialdesignGm3WizSelectShared-select__initial-selected-leadin= g-icon { display: contents; } .javascriptMaterialdesignGm3WizSelectShared-select__unselected-leading-icon= { display: none; } .javascriptMaterialdesignGm3WizSelectShared-select__selected-text-container= { display: flex; flex: 1 1 0%; min-width: 0px; pointer-events: none; } .javascriptMaterialdesignGm3WizSelectShared-select__selected-text { width: = 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color= : var(--gm3-select-shared-text-field-input-text-color,var(--gm3-sys-color-o= n-surface,#1f1f1f)); font-family: var(--gm3-select-shared-text-field-input-= text-font,"Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-sele= ct-shared-text-field-input-text-size,1rem); font-weight: var(--gm3-select-s= hared-text-field-input-text-weight,400); line-height: var(--gm3-select-shar= ed-text-field-input-text-line-height,1.5rem); letter-spacing: var(--gm3-sel= ect-shared-text-field-input-text-tracking,0); } .javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMateria= ldesignGm3WizSelectShared-select__selected-text { color: var(--gm3-select-s= hared-text-field-hover-input-text-color,var(--gm3-sys-color-on-surface,#1f1= f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectSha= red-select__selected-text { color: var(--gm3-select-shared-text-field-focus= -input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectSha= red-select__selected-text { color: var(--gm3-select-shared-text-field-error= -input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSel= ectShared-select__selected-text { color: var(--gm3-select-shared-text-field= -error-hover-input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShar= ed-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__sele= cted-text { color: var(--gm3-select-shared-text-field-error-focus-input-tex= t-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectSh= ared-select__selected-text, .javascriptMaterialdesignGm3WizSelectShared-sel= ect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptM= aterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm= 3WizSelectShared-select__selected-text { color: var(--gm3-select-shared-tex= t-field-disabled-input-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,3= 1,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelect= Shared-select__selected-text, .javascriptMaterialdesignGm3WizSelectShared-s= elect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascrip= tMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesign= Gm3WizSelectShared-select__selected-text { color: graytext; } } .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon { margin:= 0px 12px; position: relative; display: inline-flex; flex-shrink: 0; align-= self: center; align-items: center; justify-content: center; pointer-events:= none; width: var(--gm3-select-shared-text-field-trailing-icon-size,24px); = height: var(--gm3-select-shared-text-field-trailing-icon-size,24px); fill: = var(--gm3-select-shared-text-field-trailing-icon-color,var(--gm3-sys-color-= on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-graphic {= width: 41.6667%; height: 20.8333%; } .javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMateria= ldesignGm3WizSelectShared-select__dropdown-icon { fill: var(--gm3-select-sh= ared-text-field-hover-trailing-icon-color,var(--gm3-sys-color-on-surface-va= riant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectSha= red-select__dropdown-icon { fill: var(--gm3-select-shared-text-field-focus-= trailing-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectSha= red-select__dropdown-icon { fill: var(--gm3-select-shared-text-field-error-= trailing-icon-color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSel= ectShared-select__dropdown-icon { fill: var(--upgradeable-gm3-select-shared= -text-field-error-hover-trailing-icon-color,var(--gm3-select-shared-text-fi= eld-error-hover-trailing-icon-color,var(--gm3-sys-color-on-error-container,= #8c1d18))); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShar= ed-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__drop= down-icon { fill: var(--gm3-select-shared-text-field-error-focus-trailing-i= con-color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectSh= ared-select__dropdown-icon, .javascriptMaterialdesignGm3WizSelectShared-sel= ect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptM= aterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm= 3WizSelectShared-select__dropdown-icon { fill: var(--gm3-select-shared-text= -field-disabled-trailing-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb= ,31,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select .javascriptMaterialdes= ignGm3WizSelectShared-select__dropdown-icon .javascriptMaterialdesignGm3Wiz= SelectShared-select__dropdown-icon-graphic { fill: currentcolor; } .javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptM= aterialdesignGm3WizSelectShared-select__dropdown-icon .javascriptMaterialde= signGm3WizSelectShared-select__dropdown-icon-graphic { fill: graytext; } } .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-active, .= javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-inactive {= position: absolute; top: 0px; left: 0px; } .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-inactive = { opacity: 1; transition: opacity 75ms linear 75ms; } .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-active { = opacity: 0; transition: opacity 75ms linear; } .javascriptMaterialdesignGm3WizSelectShared-select--activated .javascriptMa= terialdesignGm3WizSelectShared-select__dropdown-icon-inactive { opacity: 0;= transition: opacity 50ms linear; } .javascriptMaterialdesignGm3WizSelectShared-select--activated .javascriptMa= terialdesignGm3WizSelectShared-select__dropdown-icon-active { opacity: 1; t= ransition: opacity 0.1s linear 50ms; } .javascriptMaterialdesignGm3WizSelectShared-select__floating-label { --gm3-= floating-label-label-text-color: var(--gm3-select-shared-text-field-label-t= ext-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-floating-= label-label-text-font: var(--gm3-select-shared-text-field-label-text-font,"= Google Sans",Roboto,Arial,sans-serif); --gm3-floating-label-label-text-line= -height: var(--gm3-select-shared-text-field-label-text-line-height,1.5rem);= --gm3-floating-label-label-text-overflow: var(--gm3-select-shared-text-fie= ld-label-text-overflow,hidden); --gm3-floating-label-label-text-size: var(-= -gm3-select-shared-text-field-label-text-size,1rem); --gm3-floating-label-l= abel-text-tracking: var(--gm3-select-shared-text-field-label-text-tracking,= 0rem); --gm3-floating-label-label-text-weight: var(--gm3-select-shared-text= -field-label-text-weight,400); --gm3-floating-label-resting-label-top-space= : calc(50% - var(--gm3-select-shared-text-field-label-text-line-height, 1.5= rem)/2); --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm= 3-select-shared-text-field-trailing-icon-size, 24px) - 24px); --gm3-floatin= g-label-floating-label-text-size: var(--gm3-select-shared-text-field-label-= text-populated-size,0.75rem); --gm3-floating-label-floating-label-text-line= -height: var(--gm3-select-shared-text-field-label-text-populated-line-heigh= t,1rem); } .javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon .java= scriptMaterialdesignGm3WizSelectShared-select__floating-label { --gm3-float= ing-label-resting-label-leading-space: calc(var(--gm3-select-shared-text-fi= eld-leading-icon-size, 24px) + 24px); --gm3-floating-label-resting-label-ma= x-width: calc(100% - var(--gm3-select-shared-text-field-leading-icon-size, = 24px) - 48px - var(--gm3-select-shared-text-field-trailing-icon-size, 24px)= ); } .javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMateria= ldesignGm3WizSelectShared-select__floating-label { --gm3-floating-label-lab= el-text-color: var(--gm3-select-shared-text-field-hover-label-text-color,va= r(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectSha= red-select__floating-label { --gm3-floating-label-label-text-color: var(--g= m3-select-shared-text-field-focus-label-text-color,var(--gm3-sys-color-prim= ary,#0b57d0)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectSha= red-select__floating-label { --gm3-floating-label-label-text-color: var(--g= m3-select-shared-text-field-error-label-text-color,var(--gm3-sys-color-erro= r,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSel= ectShared-select__floating-label { --gm3-floating-label-label-text-color: v= ar(--upgradeable-gm3-select-shared-text-field-error-hover-label-text-color,= var(--gm3-select-shared-text-field-error-hover-label-text-color,var(--gm3-s= ys-color-on-error-container,#8c1d18))); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShar= ed-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__floa= ting-label { --gm3-floating-label-label-text-color: var(--gm3-select-shared= -text-field-error-focus-label-text-color,var(--gm3-sys-color-error,#b3261e)= ); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectSh= ared-select__floating-label, .javascriptMaterialdesignGm3WizSelectShared-se= lect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascript= MaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignG= m3WizSelectShared-select__floating-label { --gm3-floating-label-label-text-= color: var(--gm3-select-shared-text-field-disabled-label-text-color,rgba(va= r(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelect= Shared-select__floating-label, .javascriptMaterialdesignGm3WizSelectShared-= select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascri= ptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesig= nGm3WizSelectShared-select__floating-label { --gm3-floating-label-label-tex= t-color: GrayText; } } .javascriptMaterialdesignGm3WizSelectShared-select + .javascriptMaterialdes= ignGm3WizSelectShared-select__helper-text { margin: 4px 16px 0px; --gm3-tex= t-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-fie= ld-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); = --gm3-text-field-helper-text-supporting-text-font: var(--gm3-select-shared-= text-field-supporting-text-font,"Google Sans",Roboto,Arial,sans-serif); --g= m3-text-field-helper-text-supporting-text-line-height: var(--gm3-select-sha= red-text-field-supporting-text-line-height,1rem); --gm3-text-field-helper-t= ext-supporting-text-size: var(--gm3-select-shared-text-field-supporting-tex= t-size,0.75rem); --gm3-text-field-helper-text-supporting-text-tracking: var= (--upgradeable-gm3-select-shared-text-field-supporting-text-tracking,var(--= gm3-select-shared-text-field-supporting-text-tracking,0.00625rem)); --gm3-t= ext-field-helper-text-supporting-text-weight: var(--gm3-select-shared-text-= field-supporting-text-weight,400); --gm3-text-field-helper-text-supporting-= text-opacity: 1; } .javascriptMaterialdesignGm3WizSelectShared-select:hover + .javascriptMater= ialdesignGm3WizSelectShared-select__helper-text { --gm3-text-field-helper-t= ext-supporting-text-color: var(--gm3-select-shared-text-field-hover-support= ing-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--focused + .javascriptMaterialdesignGm3WizSelectS= hared-select__helper-text { --gm3-text-field-helper-text-supporting-text-co= lor: var(--gm3-select-shared-text-field-focus-supporting-text-color,var(--g= m3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid + .javascriptMaterialdesignGm3WizSelectS= hared-select__helper-text { --gm3-text-field-helper-text-supporting-text-co= lor: var(--gm3-select-shared-text-field-error-supporting-text-color,var(--g= m3-sys-color-error,#b3261e)); --gm3-text-field-helper-text-validation-text-= opacity: 1; } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover + .javascriptMaterialdesignGm3WizS= electShared-select__helper-text { --gm3-text-field-helper-text-supporting-t= ext-color: var(--gm3-select-shared-text-field-error-hover-supporting-text-c= olor,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShar= ed-select--focused + .javascriptMaterialdesignGm3WizSelectShared-select__he= lper-text { --gm3-text-field-helper-text-supporting-text-color: var(--gm3-s= elect-shared-text-field-error-focus-supporting-text-color,var(--gm3-sys-col= or-error,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled + .javascriptMaterialdesignGm3WizSelect= Shared-select__helper-text, .javascriptMaterialdesignGm3WizSelectShared-sel= ect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptM= aterialdesignGm3WizSelectShared-select--invalid + .javascriptMaterialdesign= Gm3WizSelectShared-select__helper-text { --gm3-text-field-helper-text-suppo= rting-text-color: var(--gm3-select-shared-text-field-disabled-supporting-te= xt-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled + .javascriptMaterialdesignGm3WizSele= ctShared-select__helper-text, .javascriptMaterialdesignGm3WizSelectShared-s= elect.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascrip= tMaterialdesignGm3WizSelectShared-select--invalid + .javascriptMaterialdesi= gnGm3WizSelectShared-select__helper-text { --gm3-text-field-helper-text-sup= porting-text-color: GrayText; } } .javascriptMaterialdesignGm3WizSelectShared-select__menu { --gm3-list-conta= iner-shape: var(--gm3-select-shared-menu-container-shape,4px); --gm3-menu-c= ascading-menu-indicator-icon-color: var(--gm3-select-shared-menu-cascading-= menu-indicator-icon-color,var(--gm3-sys-color-on-surface-variant,#444746));= --gm3-menu-cascading-menu-indicator-icon-size: var(--gm3-select-shared-men= u-cascading-menu-indicator-icon-size,24px); --gm3-menu-container-color: var= (--gm3-select-shared-menu-container-color,var(--gm3-sys-color-surface-conta= iner,#f0f4f9)); --gm3-menu-container-elevation: var(--gm3-select-shared-men= u-container-elevation,2); --gm3-menu-container-shadow-color: var(--gm3-sele= ct-shared-menu-container-shadow-color,var(--gm3-sys-color-shadow,#000)); --= gm3-menu-container-shape: var(--gm3-select-shared-menu-container-shape,4px)= ; --gm3-menu-active-container-shape: var(--gm3-select-shared-menu-container= -shape,4px); --gm3-list-list-item-selected-container-color: var(--upgradeab= le-gm3-select-shared-menu-list-item-selected-container-color,var(--gm3-sele= ct-shared-menu-list-item-selected-container-color,var(--gm3-sys-color-surfa= ce-container-highest,#dde3ea))); --gm3-list-divider-color: var(--gm3-select= -shared-menu-divider-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); -= -gm3-list-divider-height: var(--gm3-select-shared-menu-divider-height,1px);= --gm3-list-list-item-leading-space: 16px; --gm3-list-list-item-trailing-sp= ace: 16px; --gm3-list-list-item-content-gap: 12px; --gm3-list-list-item-one= -line-container-height: var(--gm3-select-shared-menu-list-item-one-line-con= tainer-height,48px); --gm3-list-list-item-one-line-padding: var(--gm3-selec= t-shared-menu-list-item-one-line-padding,8px); --gm3-list-list-item-two-lin= e-container-height: var(--gm3-select-shared-menu-list-item-two-line-contain= er-height,64px); --gm3-list-list-item-two-line-padding: 0px; --gm3-list-lis= t-item-leading-icon-color: var(--gm3-select-shared-menu-list-item-with-lead= ing-icon-leading-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)= ); --gm3-list-list-item-hover-leading-icon-icon-color: var(--gm3-select-sha= red-menu-list-item-with-leading-icon-leading-icon-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-list-list-item-selected-leading-icon-c= olor: var(--gm3-select-shared-menu-list-item-with-leading-icon-leading-icon= -color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-it= em-selected-hover-leading-icon-color: var(--gm3-select-shared-menu-list-ite= m-with-leading-icon-leading-icon-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); --gm3-list-list-item-leading-icon-size: var(--gm3-select-shar= ed-menu-list-item-with-leading-icon-leading-icon-size,24px); --gm3-list-lis= t-item-label-text-color: var(--gm3-select-shared-menu-list-item-label-text-= color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-hover-= label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color,v= ar(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-focus-label-t= ext-color: var(--gm3-select-shared-menu-list-item-label-text-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-selected-label-text-= color: var(--gm3-select-shared-menu-list-item-label-text-color,var(--gm3-sy= s-color-on-surface,#1f1f1f)); --gm3-list-list-item-selected-hover-label-tex= t-color: var(--gm3-select-shared-menu-list-item-label-text-color,var(--gm3-= sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-selected-focus-label-t= ext-color: var(--gm3-select-shared-menu-list-item-label-text-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-label-text-font: var= (--gm3-select-shared-menu-list-item-label-text-font,"Google Sans",Roboto,Ar= ial,sans-serif); --gm3-list-list-item-label-text-line-height: var(--gm3-sel= ect-shared-menu-list-item-label-text-line-height,1.25rem); --gm3-list-list-= item-label-text-overflow: var(--gm3-select-shared-menu-list-item-label-text= -overflow,hidden); --gm3-list-list-item-label-text-size: var(--gm3-select-s= hared-menu-list-item-label-text-size,1rem); --gm3-list-list-item-label-text= -tracking: var(--gm3-select-shared-menu-list-item-label-text-tracking,0rem)= ; --gm3-list-list-item-label-text-weight: var(--gm3-select-shared-menu-list= -item-label-text-weight,400); --gm3-list-list-item-selected-label-text-weig= ht: var(--gm3-select-shared-menu-list-item-label-text-weight,400); --gm3-li= st-list-item-supporting-text-color: var(--gm3-select-shared-menu-list-item-= supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --g= m3-list-list-item-selected-supporting-text-color: var(--gm3-select-shared-m= enu-list-item-supporting-text-color,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-list-list-item-supporting-text-font: var(--gm3-select-shar= ed-menu-list-item-label-text-font,"Google Sans",Roboto,Arial,sans-serif); -= -gm3-list-list-item-supporting-text-tracking: var(--gm3-select-shared-menu-= list-item-label-text-tracking,0rem); --gm3-list-list-item-supporting-text-w= eight: 400; --gm3-list-list-item-trailing-supporting-text-color: var(--gm3-= select-shared-menu-list-item-supporting-text-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); --gm3-list-list-item-selected-trailing-supporting= -text-color: var(--gm3-select-shared-menu-list-item-supporting-text-color,v= ar(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-trail= ing-supporting-text-font: var(--gm3-select-shared-menu-list-item-label-text= -font,"Google Sans",Roboto,Arial,sans-serif); --gm3-list-list-item-trailing= -supporting-text-size: 12px; --gm3-list-list-item-trailing-supporting-text-= tracking: var(--gm3-select-shared-menu-list-item-label-text-tracking,0rem);= --gm3-list-list-item-trailing-supporting-text-weight: 400; --gm3-list-list= -item-selected-trailing-supporting-text-weight: 400; --gm3-list-list-item-c= ontrol-selected-focus-label-text-color: var(--gm3-select-shared-menu-list-i= tem-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-l= ist-item-control-selected-hover-label-text-color: var(--gm3-select-shared-m= enu-list-item-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --= gm3-list-list-item-control-selected-hover-leading-icon-color: var(--gm3-sel= ect-shared-menu-list-item-with-leading-icon-leading-icon-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-list-list-item-control-selected= -label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color,= var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-control-sele= cted-label-text-weight: var(--gm3-select-shared-menu-list-item-label-text-w= eight,400); --gm3-list-list-item-control-selected-leading-icon-color: var(-= -gm3-select-shared-menu-list-item-with-leading-icon-leading-icon-color,var(= --gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-control-= selected-supporting-text-color: var(--gm3-select-shared-menu-list-item-supp= orting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-l= ist-list-item-control-selected-trailing-supporting-text-color: var(--gm3-se= lect-shared-menu-list-item-supporting-text-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --gm3-list-list-item-control-selected-trailing-supp= orting-text-weight: 400; --gm3-list-list-item-fallback-selection-end-margin= : 0; --gm3-list-list-item-fallback-selection-content-gap: 12px; } .javascriptMaterialdesignGm3WizSelectShared-select__menuMatchWidth { width:= 100%; } .javascriptMaterialdesignGm3WizSelectShared-select__option-with-leading-con= tent { --gm3-list-list-item-leading-space: 12px; --gm3-list-list-item-trail= ing-space: 12px; --gm3-list-list-item-fallback-selection-end-margin: 0; } .javascriptMaterialdesignGm3WizSelectShared-select__option-one-line { min-h= eight: var(--gm3-select-shared-menu-list-item-one-line-container-height,48p= x); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectShared-select__menu::before { positi= on: absolute; box-sizing: border-box; inset: 0px; border: 1px solid transpa= rent; border-radius: inherit; pointer-events: none; content: ""; } } .javascriptMaterialdesignGm3WizSelectOutlinedOldTokens { --upgradeable-gm3-= select-outlined-text-field-error-hover-outline-color: var(--gm3-select-outl= ined-text-field-error-hover-outline-color,var(--gm3-sys-color-on-error-cont= ainer,#410e0b)); } .javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdes= ignGm3WizSelectShared-select__anchor { overflow: visible; } .javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdes= ignGm3WizSelectShared-select__selected-text-container { height: 100%; displ= ay: inline-flex; align-items: center; } .javascriptMaterialdesignGm3WizSelectOutlined-select:not(.javascriptMateria= ldesignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdes= ignGm3WizSelectShared-select__anchor { padding-inline-start: max(16px,var(-= -gm3-select-outlined-text-field-container-shape-start-start,4px) + 4px); } .javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdes= ignGm3WizSelectShared-select__floating-label { --gm3-floating-label-floatin= g-label-top-space: -6px; --gm3-floating-label-floating-label-leading-space:= max(16px,var(--gm3-select-outlined-text-field-container-shape-start-start,= 4px) + 4px); --gm3-floating-label-floating-label-max-width: calc(100% - (ma= x(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4= px) + 4px) + max(8px, min(var(--gm3-select-outlined-text-field-container-sh= ape-start-end, 4px), var(--gm3-select-outlined-text-field-container-height,= 56px) / 2)) + 6px)); } .javascriptMaterialdesignGm3WizSelectOutlined-select:not(.javascriptMateria= ldesignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdes= ignGm3WizSelectShared-select__floating-label { --gm3-floating-label-resting= -label-leading-space: max(16px,var(--gm3-select-outlined-text-field-contain= er-shape-start-start,4px) + 4px); } .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline { --g= m3-notched-outline-border-color: var(--gm3-select-outlined-text-field-outli= ne-color,var(--gm3-sys-color-outline,#747775)); --gm3-notched-outline-borde= r-width: var(--gm3-select-outlined-text-field-outline-width,1px); --gm3-not= ched-outline-container-shape-start-start: var(--gm3-select-outlined-text-fi= eld-container-shape-start-start,4px); --gm3-notched-outline-container-shape= -start-end: var(--gm3-select-outlined-text-field-container-shape-start-end,= 4px); --gm3-notched-outline-container-shape-end-start: var(--gm3-select-out= lined-text-field-container-shape-end-start,4px); --gm3-notched-outline-cont= ainer-shape-end-end: var(--gm3-select-outlined-text-field-container-shape-e= nd-end,4px); --gm3-notched-outline-leading-space: max(16px,var(--gm3-select= -outlined-text-field-container-shape-start-start,4px) + 4px); --gm3-notched= -outline-trailing-space: max(8px,min(var(--gm3-select-outlined-text-field-c= ontainer-shape-start-end,4px),var(--gm3-select-outlined-text-field-containe= r-height,56px)/2)); } .javascriptMaterialdesignGm3WizSelectOutlined-select:hover .javascriptMater= ialdesignGm3WizSelectOutlined-select__notched-outline { --gm3-notched-outli= ne-border-color: var(--gm3-select-outlined-text-field-hover-outline-color,v= ar(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-notched-outline-border-width= : var(--gm3-select-outlined-text-field-hover-outline-width,1px); } .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectO= utlined-select__notched-outline { --gm3-notched-outline-border-color: var(-= -gm3-select-outlined-text-field-focus-outline-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-notched-outline-border-width: var(--gm3-select-outlin= ed-text-field-focus-outline-width,3px); } .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectO= utlined-select__notched-outline { --gm3-notched-outline-border-color: var(-= -gm3-select-outlined-text-field-error-outline-color,var(--gm3-sys-color-err= or,#b3261e)); } .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizS= electOutlined-select__notched-outline { --gm3-notched-outline-border-color:= var(--upgradeable-gm3-select-outlined-text-field-error-hover-outline-color= ,var(--gm3-select-outlined-text-field-error-hover-outline-color,var(--gm3-s= ys-color-on-error-container,#8c1d18))); } .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectSh= ared-select--focused .javascriptMaterialdesignGm3WizSelectOutlined-select__= notched-outline { --gm3-notched-outline-border-color: var(--gm3-select-outl= ined-text-field-error-focus-outline-color,var(--gm3-sys-color-error,#b3261e= )); } .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelect= Outlined-select__notched-outline, .javascriptMaterialdesignGm3WizSelectOutl= ined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.jav= ascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterial= designGm3WizSelectOutlined-select__notched-outline { --gm3-notched-outline-= border-color: var(--gm3-select-outlined-text-field-disabled-outline-color,r= gba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.12)); --gm3-notched-outl= ine-border-width: var(--gm3-select-outlined-text-field-disabled-outline-wid= th,1px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialde= signGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSele= ctOutlined-select__notched-outline, .javascriptMaterialdesignGm3WizSelectOu= tlined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.j= avascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMateri= aldesignGm3WizSelectOutlined-select__notched-outline { --gm3-notched-outlin= e-border-color: GrayText; } } .javascriptMaterialdesignGm3WizSwitchOldTokens { --upgradeable-gm3-switch-s= elected-icon-color: var(--gm3-switch-selected-icon-color,var(--gm3-sys-colo= r-on-primary-container,#041e49)); } .javascriptMaterialdesignGm3WizSwitch-root { display: inline-flex; outline:= none; vertical-align: top; -webkit-tap-highlight-color: transparent; } .javascriptMaterialdesignGm3WizSwitch-switch { align-items: center; backgro= und: none; border-width: medium; border-style: none; border-color: currentc= olor; border-image: none; cursor: pointer; display: inline-flex; flex-shrin= k: 0; margin: 0px; outline: none; padding: 0px; position: relative; width: = var(--gm3-switch-track-width,52px); height: var(--gm3-switch-track-height,3= 2px); border-start-start-radius: var(--gm3-switch-track-shape-start-start,9= 999px); border-start-end-radius: var(--gm3-switch-track-shape-start-end,999= 9px); border-end-end-radius: var(--gm3-switch-track-shape-end-end,9999px); = border-end-start-radius: var(--gm3-switch-track-shape-end-start,9999px); --= jF0a9c: var(--gm3-switch-focus-indicator-color,var(--gm3-sys-color-secondar= y,#00639b)); --hK0TOb: var(--gm3-switch-focus-indicator-offset,2px); --SGGi= : var(--gm3-switch-focus-indicator-thickness,3px); --vTiv8c: var(--gm3-swit= ch-track-shape-start-start,9999px); --UtHrue: var(--gm3-switch-track-shape-= start-start,9999px); --uHecC: var(--gm3-switch-track-shape-start-start,9999= px); --C8LWjb: var(--gm3-switch-track-shape-start-start,9999px); } .javascriptMaterialdesignGm3WizSwitch-switch:focus-visible { --H6apye: bloc= k; } .javascriptMaterialdesignGm3WizSwitch-switch__touch { position: absolute; b= lock-size: var(--gm3-switch-touch-target-height,48px); inline-size: var(--g= m3-switch-touch-target-width,52px); } .javascriptMaterialdesignGm3WizSwitch-switch:disabled { cursor: default; po= inter-events: none; } .javascriptMaterialdesignGm3WizSwitch-switch:disabled .javascriptMaterialde= signGm3WizSwitch-switch__ripple { display: none; } .javascriptMaterialdesignGm3WizSwitch-switch:disabled .javascriptMaterialde= signGm3WizSwitch-switch__track { background: transparent; border-color: tra= nsparent; } .javascriptMaterialdesignGm3WizSwitch-switch:disabled .javascriptMaterialde= signGm3WizSwitch-switch__track::before { background-clip: content-box; } .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascript= MaterialdesignGm3WizSwitch-switch__track { background-clip: border-box; } .javascriptMaterialdesignGm3WizSwitch-switch__input { display: none; } .javascriptMaterialdesignGm3WizSwitch-switch__track { position: relative; w= idth: 100%; height: 100%; box-sizing: border-box; border-radius: inherit; d= isplay: flex; justify-content: center; align-items: center; } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__track { background: var(--gm3-switch-selected-tra= ck-color,var(--gm3-sys-color-primary,#0b57d0)); outline-color: transparent;= } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateria= ldesignGm3WizSwitch-switch__track { background-color: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch__track::before { content: ""; = display: flex; position: absolute; height: 100%; width: 100%; border-radius= : inherit; box-sizing: border-box; border-style: solid; transition-property= : opacity; transition-duration: 75ms; border-width: var(--gm3-switch-track-= outline-width,2px); background: var(--gm3-switch-unselected-track-color,var= (--gm3-sys-color-surface-container-highest,#dde3ea)); border-color: var(--g= m3-switch-unselected-track-outline-color,var(--gm3-sys-color-outline,#74777= 5)); } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__track::before { opacity: 0; } .javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptMat= erialdesignGm3WizSwitch-switch__track { background: var(--gm3-switch-select= ed-hover-track-color,var(--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptM= aterialdesignGm3WizSwitch-switch__track { background-color: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .javas= criptMaterialdesignGm3WizSwitch-switch__track { background: var(--gm3-switc= h-selected-focus-track-color,var(--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .jav= ascriptMaterialdesignGm3WizSwitch-switch__track { background-color: buttont= ext; } } .javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascriptMa= terialdesignGm3WizSwitch-switch__track { background: var(--gm3-switch-selec= ted-pressed-track-color,var(--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascript= MaterialdesignGm3WizSwitch-switch__track { background-color: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascript= MaterialdesignGm3WizSwitch-switch__track { background: var(--gm3-switch-dis= abled-selected-track-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31= ),.12)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__track { background-color: graytext; op= acity: 1; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascriptM= aterialdesignGm3WizSwitch-switch__track::before { background: var(--gm3-swi= tch-unselected-hover-track-color,var(--gm3-sys-color-surface-container-high= est,#dde3ea)); border-color: var(--gm3-switch-unselected-hover-track-outlin= e-color,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .jav= ascriptMaterialdesignGm3WizSwitch-switch__track::before { background: var(-= -gm3-switch-unselected-focus-track-color,var(--gm3-sys-color-surface-contai= ner-highest,#dde3ea)); border-color: var(--gm3-switch-unselected-focus-trac= k-outline-color,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascript= MaterialdesignGm3WizSwitch-switch__track::before { background: var(--gm3-sw= itch-unselected-pressed-track-color,var(--gm3-sys-color-surface-container-h= ighest,#dde3ea)); border-color: var(--gm3-switch-unselected-pressed-track-o= utline-color,var(--gm3-sys-color-outline,#747775)); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__track::before { background-image: ; ba= ckground-position-x: ; background-position-y: ; background-size: ; backgrou= nd-repeat: ; background-attachment: ; background-origin: ; background-color= : ; background-clip: content-box; border-color: var(--gm3-switch-disabled-u= nselected-track-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31= ,31),.12)); } .javascriptMaterialdesignGm3WizSwitch-switch__handle-container { position: = relative; transition: margin 75ms cubic-bezier(0.4, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__handle-container { margin-inline-start: calc(var(= --gm3-switch-track-width, 52px) - var(--gm3-switch-track-height, 32px)); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMateria= ldesignGm3WizSwitch-switch__handle-container { margin-inline-end: calc(var(= --gm3-switch-track-width, 52px) - var(--gm3-switch-track-height, 32px)); } .javascriptMaterialdesignGm3WizSwitch-switch__handle { border-start-start-r= adius: var(--gm3-switch-handle-shape-start-start,9999px); border-start-end-= radius: var(--gm3-switch-handle-shape-start-end,9999px); border-end-end-rad= ius: var(--gm3-switch-handle-shape-end-end,9999px); border-end-start-radius= : var(--gm3-switch-handle-shape-end-start,9999px); background-color: var(--= gm3-switch-selected-handle-color,var(--gm3-sys-color-on-primary,#fff)); pos= ition: relative; transition: width 75ms cubic-bezier(0.4, 0, 0.2, 1), heigh= t 75ms cubic-bezier(0.4, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizSwitch-switch__handle::before { content: "";= display: flex; position: absolute; height: 100%; width: 100%; border-radiu= s: inherit; box-sizing: border-box; transition-property: opacity; transitio= n-duration: 75ms; background-color: var(--gm3-switch-unselected-handle-colo= r,var(--gm3-sys-color-outline,#747775)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch__handle::before { background= -color: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__handle::before { opacity: 0; } .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMateria= ldesignGm3WizSwitch-switch__handle { height: var(--gm3-switch-unselected-ha= ndle-height,16px); width: var(--gm3-switch-unselected-handle-width,16px); } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__handle { height: var(--gm3-switch-selected-handle= -height,24px); width: var(--gm3-switch-selected-handle-width,24px); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMateria= ldesignGm3WizSwitch-switch__handle--big { height: var(--gm3-switch-with-ico= n-handle-height,24px); width: var(--gm3-switch-with-icon-handle-width,24px)= ; } .javascriptMaterialdesignGm3WizSwitch-switch--selected:enabled:active .java= scriptMaterialdesignGm3WizSwitch-switch__handle, .javascriptMaterialdesignG= m3WizSwitch-switch--unselected:enabled:active .javascriptMaterialdesignGm3W= izSwitch-switch__handle { height: var(--gm3-switch-pressed-handle-height,28= px); width: var(--gm3-switch-pressed-handle-width,28px); } .javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptMat= erialdesignGm3WizSwitch-switch__handle { background-color: var(--gm3-switch= -selected-hover-handle-color,var(--gm3-sys-color-primary-container,#d3e3fd)= ); } .javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .javas= criptMaterialdesignGm3WizSwitch-switch__handle { background-color: var(--gm= 3-switch-selected-focus-handle-color,var(--gm3-sys-color-primary-container,= #d3e3fd)); } .javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascriptMa= terialdesignGm3WizSwitch-switch__handle { background-color: var(--gm3-switc= h-selected-pressed-handle-color,var(--gm3-sys-color-primary-container,#d3e3= fd)); } .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascript= MaterialdesignGm3WizSwitch-switch__handle { background-color: var(--gm3-swi= tch-disabled-selected-handle-color,var(--gm3-sys-color-surface,#fff)); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__handle { background-color: var(--gm3-s= witch-disabled-unselected-handle-color,rgba(var(--gm3-sys-color-on-surface-= rgb,31,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javasc= riptMaterialdesignGm3WizSwitch-switch__handle { background-color: graytext;= opacity: 1; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascriptM= aterialdesignGm3WizSwitch-switch__handle::before { background-color: var(--= gm3-switch-unselected-hover-handle-color,var(--gm3-sys-color-on-surface-var= iant,#444746)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascrip= tMaterialdesignGm3WizSwitch-switch__handle::before { background-color: butt= ontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .jav= ascriptMaterialdesignGm3WizSwitch-switch__handle::before { background-color= : var(--gm3-switch-unselected-focus-handle-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .j= avascriptMaterialdesignGm3WizSwitch-switch__handle::before { background-col= or: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascript= MaterialdesignGm3WizSwitch-switch__handle::before { background-color: var(-= -gm3-switch-unselected-pressed-handle-color,var(--gm3-sys-color-on-surface-= variant,#444746)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascri= ptMaterialdesignGm3WizSwitch-switch__handle::before { background-color: but= tontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__handle::before { opacity: 0; } .javascriptMaterialdesignGm3WizSwitch-switch__icons { position: relative; h= eight: 100%; width: 100%; } .javascriptMaterialdesignGm3WizSwitch-switch__icon { position: absolute; in= set: 0px; margin: auto; display: flex; transition-property: fill; transitio= n-duration: 75ms; } .javascriptMaterialdesignGm3WizSwitch-switch__icon svg { width: 100%; heigh= t: 100%; } .javascriptMaterialdesignGm3WizSwitch-switch__icon--off, .javascriptMateria= ldesignGm3WizSwitch-switch__icon--on { forced-color-adjust: none; opacity: = 0; } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__icon--on, .javascriptMaterialdesignGm3WizSwitch-s= witch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__icon--off {= opacity: 1; } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__icon { width: var(--gm3-switch-selected-icon-size= ,16px); height: var(--gm3-switch-selected-icon-size,16px); fill: var(--upgr= adeable-gm3-switch-selected-icon-color,var(--gm3-switch-selected-icon-color= ,var(--gm3-sys-color-on-primary-container,#0842a0))); color: var(--upgradea= ble-gm3-switch-selected-icon-color,var(--gm3-switch-selected-icon-color,var= (--gm3-sys-color-on-primary-container,#0842a0))); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateria= ldesignGm3WizSwitch-switch__icon { fill: buttontext; color: buttontext; } } .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMateriald= esignGm3WizSwitch-switch__icon i { font-size: var(--gm3-switch-selected-ico= n-size,16px); } .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMateria= ldesignGm3WizSwitch-switch__icon { width: var(--gm3-switch-unselected-icon-= size,16px); height: var(--gm3-switch-unselected-icon-size,16px); fill: var(= --gm3-switch-unselected-icon-color,var(--gm3-sys-color-surface-container-hi= ghest,#dde3ea)); color: var(--gm3-switch-unselected-icon-color,var(--gm3-sy= s-color-surface-container-highest,#dde3ea)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMater= ialdesignGm3WizSwitch-switch__icon { fill: canvas; color: canvas; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMateria= ldesignGm3WizSwitch-switch__icon i { font-size: var(--gm3-switch-unselected= -icon-size,16px); } .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascript= MaterialdesignGm3WizSwitch-switch__icon { fill: var(--gm3-switch-disabled-s= elected-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38));= color: var(--gm3-switch-disabled-selected-icon-color,rgba(var(--gm3-sys-co= lor-on-surface-rgb,31,31,31),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__icon { fill: graytext; color: graytext= ; } } .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascri= ptMaterialdesignGm3WizSwitch-switch__icon { fill: var(--gm3-switch-disabled= -unselected-icon-color,rgba(var(--gm3-sys-color-surface-container-highest-r= gb,221,227,234),.38)); color: var(--gm3-switch-disabled-unselected-icon-col= or,rgba(var(--gm3-sys-color-surface-container-highest-rgb,221,227,234),.38)= ); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javasc= riptMaterialdesignGm3WizSwitch-switch__icon { fill: canvas; color: canvas; = } } .javascriptMaterialdesignGm3WizSwitch-switch__ripple { left: 50%; top: 50%;= transform: translate(-50%, -50%); height: var(--gm3-switch-state-layer-siz= e,40px); width: var(--gm3-switch-state-layer-size,40px); } .javascriptMaterialdesignGm3WizSwitch-switch--selected { --sbadab: var(--gm= 3-switch-selected-hover-state-layer-color,var(--gm3-sys-color-primary,#0b57= d0)); --F1tVH: var(--gm3-switch-selected-pressed-state-layer-color,var(--gm= 3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-switch-selected-hover-st= ate-layer-opacity,0.08); --kDWEsd: var(--gm3-switch-selected-pressed-state-= layer-opacity,0.1); --QOcx9e: 50%; --vRgHIb: 50%; --xg9FB: 50%; --Pk3PIb: 5= 0%; } .javascriptMaterialdesignGm3WizSwitch-switch--unselected { --sbadab: var(--= gm3-switch-unselected-hover-state-layer-color,var(--gm3-sys-color-on-surfac= e,#1f1f1f)); --F1tVH: var(--gm3-switch-unselected-pressed-state-layer-color= ,var(--gm3-sys-color-on-surface,#1f1f1f)); --hSHBee: var(--gm3-switch-unsel= ected-hover-state-layer-opacity,0.08); --kDWEsd: var(--gm3-switch-unselecte= d-pressed-state-layer-opacity,0.1); --QOcx9e: 50%; --vRgHIb: 50%; --xg9FB: = 50%; --Pk3PIb: 50%; } .boqAddonscardsrendererCardTextfieldTextFieldContainer { width: 100%; posit= ion: relative; } .boqAddonscardsrendererCardTextfieldTextField { --gm3-autocomplete-outlined= -menu-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#4= 44746); --gm3-autocomplete-outlined-menu-list-item-label-text-font: "Google= Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-autocomplete-outli= ned-menu-list-item-label-text-line-height: 1.25rem; --gm3-autocomplete-outl= ined-menu-list-item-label-text-size: 0.875rem; --gm3-autocomplete-outlined-= menu-list-item-label-text-tracking: 0rem; --gm3-autocomplete-outlined-menu-= list-item-label-text-weight: 400; --gm3-autocomplete-outlined-text-field-in= put-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-auto= complete-outlined-text-field-input-text-font: "Google Sans Text","Google Sa= ns",Roboto,Arial,sans-serif; --gm3-autocomplete-outlined-text-field-input-t= ext-line-height: 1.25rem; --gm3-autocomplete-outlined-text-field-input-text= -size: 0.875rem; --gm3-autocomplete-outlined-text-field-input-text-tracking= : 0rem; --gm3-autocomplete-outlined-text-field-input-text-weight: 500; --gm= 3-autocomplete-outlined-text-field-label-text-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-autocomplete-outlined-text-field-label-tex= t-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-aut= ocomplete-outlined-text-field-label-text-size: 0.875rem; --gm3-autocomplete= -outlined-text-field-label-text-line-height: 1.25rem; --gm3-autocomplete-ou= tlined-text-field-label-text-tracking: 0.00625rem; --gm3-autocomplete-outli= ned-text-field-label-text-weight: 500; --gm3-autocomplete-outlined-text-fie= ld-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-autocomplete-outlined-text-field-supporting-text-font: "Google Sans T= ext","Google Sans",Roboto,Arial,sans-serif; --gm3-autocomplete-outlined-tex= t-field-supporting-text-line-height: 1rem; --gm3-autocomplete-outlined-text= -field-supporting-text-size: 0.6875rem; --gm3-autocomplete-outlined-text-fi= eld-supporting-text-tracking: 0.00625rem; --gm3-autocomplete-outlined-text-= field-supporting-text-weight: 500; --gm3-autocomplete-outlined-text-field-t= railing-icon-size: 20px; --gm3-text-field-outlined-input-text-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined-input-= text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-= text-field-outlined-input-text-size: 0.875rem; --gm3-text-field-outlined-in= put-text-tracking: 0rem; --gm3-text-field-outlined-input-text-weight: 500; = --gm3-text-field-outlined-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-text-field-outlined-label-text-font: "Google Sans T= ext","Google Sans",Roboto,Arial,sans-serif; --gm3-text-field-outlined-label= -text-size: 0.875rem; --gm3-text-field-outlined-label-text-line-height: 1.2= 5rem; --gm3-text-field-outlined-label-text-tracking: 0.00625rem; --gm3-text= -field-outlined-label-text-weight: 500; --gm3-text-field-outlined-label-tex= t-populated-size: 0.65625rem; --gm3-text-field-outlined-supporting-text-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outli= ned-supporting-text-font: "Google Sans Text","Google Sans",Roboto,Arial,san= s-serif; --gm3-text-field-outlined-supporting-text-line-height: 1rem; --gm3= -text-field-outlined-supporting-text-size: 0.6875rem; --gm3-text-field-outl= ined-supporting-text-tracking: 0.00625rem; --gm3-text-field-outlined-suppor= ting-text-weight: 500; --gm3-text-field-outlined-trailing-icon-size: 20px; = } .boqAddonscardsrendererCardTextfieldTextField.bottomLabelTextStylingSmall {= --gm3-text-field-outlined-supporting-text-size: 0.75rem; --gm3-text-field-= outlined-supporting-text-font: "Google Sans Text","Google Sans",Roboto,Aria= l,sans-serif; } .boqAddonscardsrendererCardTextfieldTextField.bottomLabelTextStylingMedium = { --gm3-text-field-outlined-supporting-text-size: 0.875rem; --gm3-text-fiel= d-outlined-supporting-text-font: "Google Sans Text","Google Sans",Roboto,Ar= ial,sans-serif; } .boqAddonscardsrendererCardTextfieldTextField.bottomLabelTextStylingLarge {= --gm3-text-field-outlined-supporting-text-size: 1rem; --gm3-text-field-out= lined-supporting-text-font: "Google Sans Text","Google Sans",Roboto,Arial,s= ans-serif; } .boqAddonscardsrendererCardTextfieldTextField.topLabelTextStylingSmall { --= gm3-text-field-outlined-label-text-size: 0.75rem; --gm3-text-field-outlined= -label-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif;= } .boqAddonscardsrendererCardTextfieldTextField.topLabelTextStylingMedium { -= -gm3-text-field-outlined-label-text-size: 0.875rem; --gm3-text-field-outlin= ed-label-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-seri= f; } .boqAddonscardsrendererCardTextfieldTextField.topLabelTextStylingLarge { --= gm3-text-field-outlined-label-text-size: 1rem; --gm3-text-field-outlined-la= bel-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; } .boqAddonscardsrendererCardTextfieldTextField.inputTextStylingSmall { --gm3= -text-field-outlined-input-text-size: 0.75rem; --gm3-text-field-outlined-in= put-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; } .boqAddonscardsrendererCardTextfieldTextField.inputTextStylingMedium { --gm= 3-text-field-outlined-input-text-size: 0.875rem; --gm3-text-field-outlined-= input-text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; = } .boqAddonscardsrendererCardTextfieldTextField.inputTextStylingLarge { --gm3= -text-field-outlined-input-text-size: 1rem; --gm3-text-field-outlined-input= -text-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; } .boqAddonscardsrendererCardTextfieldTextField { width: 100%; } .boqAddonscardsrendererCardTextfieldInsertVariableButton { margin-right: 8p= x; } .boqAddonscardsrendererCardTextfieldInsertVariableButton.isHidden { display= : none; } .boqAddonscardsrendererCardTextfieldEmailAutocompleteContainer { width: 100= %; position: relative; } .boqAddonscardsrendererCardTextfieldFocusedSuggestion { background-color: v= ar(--gm3-sys-color-surface-variant,#e1e3e1); } .boqAddonscardsrendererCardTextfieldMenuSurface { --gm3-list-list-item-cont= ainer-color: transparent; --gm3-list-list-item-label-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-list-list-item-label-text-font= : "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-list-list= -item-label-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: = 0rem; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-item-lab= el-text-line-height: 1.25rem; --gm3-list-list-item-supporting-text-color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-supporting-tex= t-font: "Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-lis= t-list-item-supporting-text-size: 0.75rem; --gm3-list-list-item-supporting-= text-tracking: 0.00625rem; --gm3-list-list-item-supporting-text-weight: 400= ; --gm3-list-list-item-supporting-text-line-height: 1rem; --gm3-list-list-i= tem-selected-container-color: var(--gm3-sys-color-surface-variant,#e1e3e1);= --gm3-list-list-item-control-selected-container-color: transparent; --gm3-= list-list-item-control-selected-label-text-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-list-list-item-control-selected-label-text-we= ight: 400; --gm3-list-list-item-control-selected-supporting-text-color: var= (--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-fallback-selecti= on-end-margin: 0; --gm3-menu-surface-container-color: var(--gm3-sys-color-s= urface-container,#f0f4f9); width: 100%; } .boqAddonscardsrendererCardTextfieldMenuSurface .GmList, .boqAddonscardsren= dererCardTextfieldTextField .GmList { color: var(--gm3-sys-color-on-surface= -variant,#444746); } .boqAddonscardsrendererCardTextfieldFormattedHintText { --text-font: Google= Sans Text,Google Sans,Roboto,Arial,sans-serif; --text-line-height: 1rem; -= -text-size: 0.6875rem; --text-tracking: 0.00625rem; --text-weight: 500; --l= ight-color: var(--gm3-sys-color-on-surface-variant,#444746); } .boqAddonscardsrendererCardTextfieldVariableChip.isInvalid { --gm3-chip-inp= ut-without-avatar-label-text-color: var(--gm3-sys-color-error,#b3261e); --g= m3-chip-input-without-avatar-hover-label-text-color: var(--gm3-sys-color-er= ror,#b3261e); --gm3-chip-input-without-avatar-focus-label-text-color: var(-= -gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avatar-outline-colo= r: var(--gm3-sys-color-error,#b3261e); --gm3-chip-input-without-avatar-pres= sed-label-text-color: var(--gm3-sys-color-error,#b3261e); } .boqAddonscardsrendererCardTextfieldVariableChip { white-space: nowrap; ove= rflow: hidden; text-overflow: ellipsis; } .boqAddonscardsrendererCardTextfieldVariableChip.isWorkflowApp { background= -color: var(--gm3-sys-color-surface-container,#f0f4f9); min-width: 5rem; ju= stify-content: center; } .boqAddonscardsrendererCardTextfieldVariableChip.isWorkflowApp:not(.isInval= id) { --gm3-chip-input-without-avatar-outline-width: 0; } .boqAddonscardsrendererCardTextparagraphTextParagraph { color: var(--gm3-sy= s-color-on-surface,#1f1f1f); max-width: 100%; } .boqAddonscardsrendererCardTextparagraphCollapsedText { --max-lines: inheri= t; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: = var(--max-lines); } .boqAddonscardsrendererCardTextparagraphShowLessTextButton, .boqAddonscards= rendererCardTextparagraphShowMoreTextButton { --gm3-button-text-container-h= eight: 24px; --gm3-button-text-focus-indicator-outline-offset: -3px; --gm3-= button-text-focus-indicator-thickness: 3px; margin: 0px; } .boqAddonscardsrendererCardTextparagraphShowLessTextButton.isHidden, .boqAd= donscardsrendererCardTextparagraphShowMoreTextButton.isHidden { display: no= ne; } .boqDriveShareClientWebButtonSharebuttonButton { line-height: 14px; } .boqDriveShareClientWebButtonSharebuttonSplit { --gm3-split-button-tonal-co= ntainer-height: 40px; --gm3-split-button-tonal-inner-corner-corner-size: 4p= x; --gm3-split-button-tonal-inner-corner-hovered-corner-size: 12px; --gm3-s= plit-button-tonal-inner-corner-pressed-corner-size: 12px; --gm3-split-butto= n-tonal-label-text-size: 0.875rem; --gm3-split-button-tonal-leading-button-= icon-label-space: 8px; --gm3-split-button-tonal-leading-button-icon-size: 2= 0px; --gm3-split-button-tonal-trailing-button-container-width: 48px; --gm3-= split-button-tonal-trailing-button-icon-size: 22px; --gm3-split-button-tona= l-trailing-button-inner-corner-selected-corner-size: 50%; --gm3-split-butto= n-tonal-trailing-button-leading-space: 13px; --gm3-split-button-tonal-trail= ing-button-leading-space-unselected: 12px; --gm3-split-button-tonal-trailin= g-button-trailing-space: 13px; --gm3-split-button-tonal-trailing-button-tra= iling-space-unselected: 14px; } .boqDriveShareClientWebButtonSharebuttonShowNotification::after { backgroun= d-color: var(--gm3-sys-color-primary,#0b57d0); border-radius: 5px; content:= ""; min-height: 10px; min-width: 10px; outline: 2px solid var(--gm3-sys-co= lor-surface-container-low,#f8fafd); position: absolute; right: 0px; top: 0p= x; } .boqDriveShareClientWebButtonSharebuttonMenu { max-width: 350px; min-width:= 220px; } .boqDriveShareClientWebButtonSharebuttonAccessRequestsBadge { background-co= lor: var(--gm3-sys-color-primary,#0b57d0); } .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button { min-width: va= r(--gm3-split-button-tonal-trailing-button-container-min-width,48px); trans= ition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1), padding-inlin= e 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); --vTiv8c: var(--gm3-split-button= -tonal-inner-corner-corner-size,4px); --UtHrue: min(var(--gm3-split-button-= tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-height= ,40px)/2); --uHecC: min(var(--gm3-split-button-tonal-container-shape,9999px= ),var(--gm3-split-button-tonal-container-height,40px)/2); --C8LWjb: var(--g= m3-split-button-tonal-inner-corner-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled.javascriptMateriald= esignGm3WizSplitButtonTonal-split-button-wrapper:not(:has(:where(.javascrip= tMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expanded=3D"true"]))= ) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button:hover { --vTi= v8c: var(--gm3-split-button-tonal-inner-corner-hovered-corner-size,4px); --= UtHrue: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-= split-button-tonal-container-height,40px)/2); --uHecC: min(var(--gm3-split-= button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-container= -height,40px)/2); --C8LWjb: var(--gm3-split-button-tonal-inner-corner-hover= ed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled.javascriptMateriald= esignGm3WizSplitButtonTonal-split-button-wrapper:not(:has(:where(.javascrip= tMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expanded=3D"true"]))= ) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button:active { --vT= iv8c: var(--gm3-split-button-tonal-inner-corner-pressed-corner-size,4px); -= -UtHrue: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3= -split-button-tonal-container-height,40px)/2); --uHecC: min(var(--gm3-split= -button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-containe= r-height,40px)/2); --C8LWjb: var(--gm3-split-button-tonal-inner-corner-pres= sed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(:w= here(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expan= ded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button= { padding-inline: var(--gm3-split-button-tonal-trailing-button-leading-spa= ce,12px) var(--gm3-split-button-tonal-trailing-button-trailing-space,14px);= --vTiv8c: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--g= m3-split-button-tonal-container-height,40px)/2); --UtHrue: min(var(--gm3-sp= lit-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-conta= iner-height,40px)/2); --uHecC: min(var(--gm3-split-button-tonal-container-s= hape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --C8LW= jb: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-spli= t-button-tonal-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:not(:h= as(:where(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-= expanded=3D"true"]))) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-= button { padding-inline: var(--gm3-split-button-tonal-trailing-button-leadi= ng-space-unselected,12px) var(--gm3-split-button-tonal-trailing-button-trai= ling-space-unselected,14px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(:w= here(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expan= ded=3D"true"])) { --vTiv8c: min(var(--gm3-split-button-tonal-container-shap= e,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --UtHrue:= min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-b= utton-tonal-container-height,40px)/2); --uHecC: min(var(--gm3-split-button-= tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-height= ,40px)/2); --C8LWjb: min(var(--gm3-split-button-tonal-container-shape,9999p= x),var(--gm3-split-button-tonal-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-leading-button { min-width:= 48px; transition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); -= -vTiv8c: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3= -split-button-tonal-container-height,40px)/2); --UtHrue: var(--gm3-split-bu= tton-tonal-inner-corner-corner-size,4px); --uHecC: var(--gm3-split-button-t= onal-inner-corner-corner-size,4px); --C8LWjb: min(var(--gm3-split-button-to= nal-container-shape,9999px),var(--gm3-split-button-tonal-container-height,4= 0px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled .javascriptMaterial= designGm3WizSplitButtonTonal-leading-button:hover { --vTiv8c: min(var(--gm3= -split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-co= ntainer-height,40px)/2); --UtHrue: var(--gm3-split-button-tonal-inner-corne= r-hovered-corner-size,4px); --uHecC: var(--gm3-split-button-tonal-inner-cor= ner-hovered-corner-size,4px); --C8LWjb: min(var(--gm3-split-button-tonal-co= ntainer-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2= ); } .javascriptMaterialdesignGm3WizSplitButtonTonal-leading-button:active { --v= Tiv8c: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-s= plit-button-tonal-container-height,40px)/2); --UtHrue: var(--gm3-split-butt= on-tonal-inner-corner-pressed-corner-size,4px); --uHecC: var(--gm3-split-bu= tton-tonal-inner-corner-pressed-corner-size,4px); --C8LWjb: min(var(--gm3-s= plit-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-cont= ainer-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-trailing-button-icon { tran= sform: rotate(0deg); transition: transform 0.35s cubic-bezier(0.27, 1.06, 0= .18, 1); display: inline-flex; } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(:w= here(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expan= ded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonTonal-trailing-bu= tton-icon { transform: rotate(180deg); } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper { disp= lay: flex; align-items: center; gap: var(--gm3-split-button-tonal-between-s= pace,2px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-tooltip-anchor-wrapper, .ja= vascriptMaterialdesignGm3WizSplitButtonTonal-trailing-button-container { di= splay: flex; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button, .javascriptM= aterialdesignGm3WizSplitButtonTonal-leading-button, .javascriptMaterialdesi= gnGm3WizSplitButtonTonal-trailing-button-icon { transition: none; } } .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button { --gm3-icon-bu= tton-filled-tonal-icon-size: var(--gm3-split-button-tonal-trailing-button-i= con-size,22px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled.javascriptMateriald= esignGm3WizSplitButtonTonal-split-button-wrapper:not(:has(:where(.javascrip= tMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expanded=3D"true"]))= ) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button:hover { --gm3= -icon-button-filled-tonal-container-shape-start-start: var(--gm3-split-butt= on-tonal-inner-corner-hovered-corner-size,4px); --gm3-icon-button-filled-to= nal-container-shape-start-end: min(var(--gm3-split-button-tonal-container-s= hape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-= icon-button-filled-tonal-container-shape-end-end: min(var(--gm3-split-butto= n-tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-heig= ht,40px)/2); --gm3-icon-button-filled-tonal-container-shape-end-start: var(= --gm3-split-button-tonal-inner-corner-hovered-corner-size,4px); --gm3-icon-= button-filled-tonal-pressed-container-shape-start-start: var(--gm3-split-bu= tton-tonal-inner-corner-hovered-corner-size,4px); --gm3-icon-button-filled-= tonal-pressed-container-shape-start-end: min(var(--gm3-split-button-tonal-c= ontainer-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/= 2); --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: min(var= (--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-to= nal-container-height,40px)/2); --gm3-icon-button-filled-tonal-pressed-conta= iner-shape-end-start: var(--gm3-split-button-tonal-inner-corner-hovered-cor= ner-size,4px); --gm3-icon-button-filled-tonal-selected-container-shape-star= t-start: var(--gm3-split-button-tonal-inner-corner-hovered-corner-size,4px)= ; --gm3-icon-button-filled-tonal-selected-container-shape-start-end: min(va= r(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-t= onal-container-height,40px)/2); --gm3-icon-button-filled-tonal-selected-con= tainer-shape-end-end: min(var(--gm3-split-button-tonal-container-shape,9999= px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-butt= on-filled-tonal-selected-container-shape-end-start: var(--gm3-split-button-= tonal-inner-corner-hovered-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled.javascriptMateriald= esignGm3WizSplitButtonTonal-split-button-wrapper:not(:has(:where(.javascrip= tMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expanded=3D"true"]))= ) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button:active { --gm= 3-icon-button-filled-tonal-container-shape-start-start: var(--gm3-split-but= ton-tonal-inner-corner-pressed-corner-size,4px); --gm3-icon-button-filled-t= onal-container-shape-start-end: min(var(--gm3-split-button-tonal-container-= shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3= -icon-button-filled-tonal-container-shape-end-end: min(var(--gm3-split-butt= on-tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-hei= ght,40px)/2); --gm3-icon-button-filled-tonal-container-shape-end-start: var= (--gm3-split-button-tonal-inner-corner-pressed-corner-size,4px); --gm3-icon= -button-filled-tonal-pressed-container-shape-start-start: var(--gm3-split-b= utton-tonal-inner-corner-pressed-corner-size,4px); --gm3-icon-button-filled= -tonal-pressed-container-shape-start-end: min(var(--gm3-split-button-tonal-= container-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)= /2); --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: min(va= r(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-t= onal-container-height,40px)/2); --gm3-icon-button-filled-tonal-pressed-cont= ainer-shape-end-start: var(--gm3-split-button-tonal-inner-corner-pressed-co= rner-size,4px); --gm3-icon-button-filled-tonal-selected-container-shape-sta= rt-start: var(--gm3-split-button-tonal-inner-corner-pressed-corner-size,4px= ); --gm3-icon-button-filled-tonal-selected-container-shape-start-end: min(v= ar(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-= tonal-container-height,40px)/2); --gm3-icon-button-filled-tonal-selected-co= ntainer-shape-end-end: min(var(--gm3-split-button-tonal-container-shape,999= 9px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-but= ton-filled-tonal-selected-container-shape-end-start: var(--gm3-split-button= -tonal-inner-corner-pressed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(:w= here(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expan= ded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button= { --gm3-icon-button-filled-tonal-container-shape-start-start: var(--gm3-sp= lit-button-tonal-trailing-button-inner-corner-selected-corner-size,4px); --= gm3-icon-button-filled-tonal-container-shape-start-end: min(var(--gm3-split= -button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-containe= r-height,40px)/2); --gm3-icon-button-filled-tonal-container-shape-end-end: = min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-bu= tton-tonal-container-height,40px)/2); --gm3-icon-button-filled-tonal-contai= ner-shape-end-start: var(--gm3-split-button-tonal-trailing-button-inner-cor= ner-selected-corner-size,4px); --gm3-icon-button-filled-tonal-pressed-conta= iner-shape-start-start: var(--gm3-split-button-tonal-trailing-button-inner-= corner-selected-corner-size,4px); --gm3-icon-button-filled-tonal-pressed-co= ntainer-shape-start-end: min(var(--gm3-split-button-tonal-container-shape,9= 999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-b= utton-filled-tonal-pressed-container-shape-end-end: min(var(--gm3-split-but= ton-tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-he= ight,40px)/2); --gm3-icon-button-filled-tonal-pressed-container-shape-end-s= tart: var(--gm3-split-button-tonal-trailing-button-inner-corner-selected-co= rner-size,4px); --gm3-icon-button-filled-tonal-selected-container-shape-sta= rt-start: var(--gm3-split-button-tonal-trailing-button-inner-corner-selecte= d-corner-size,4px); --gm3-icon-button-filled-tonal-selected-container-shape= -start-end: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--= gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-button-filled-= tonal-selected-container-shape-end-end: min(var(--gm3-split-button-tonal-co= ntainer-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2= ); --gm3-icon-button-filled-tonal-selected-container-shape-end-start: var(-= -gm3-split-button-tonal-trailing-button-inner-corner-selected-corner-size,4= px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(= :where(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-exp= anded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-butt= on { --gm3-icon-button-filled-tonal-icon-color: Canvas; --gm3-icon-button-f= illed-tonal-hover-icon-color: Canvas; --gm3-icon-button-filled-tonal-focus-= icon-color: Canvas; --gm3-icon-button-filled-tonal-pressed-icon-color: Canv= as; --gm3-icon-button-filled-tonal-container-color: CanvasText; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(= :where(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-exp= anded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonTonal-icon-butt= on::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper:has(:w= here(.javascriptMaterialdesignGm3WizSplitButtonTonal-icon-button[aria-expan= ded=3D"true"])) { --gm3-icon-button-filled-tonal-container-shape-start-star= t: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split= -button-tonal-container-height,40px)/2); --gm3-icon-button-filled-tonal-con= tainer-shape-start-end: min(var(--gm3-split-button-tonal-container-shape,99= 99px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-bu= tton-filled-tonal-container-shape-end-end: min(var(--gm3-split-button-tonal= -container-shape,9999px),var(--gm3-split-button-tonal-container-height,40px= )/2); --gm3-icon-button-filled-tonal-container-shape-end-start: min(var(--g= m3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-= container-height,40px)/2); --gm3-icon-button-filled-tonal-pressed-container= -shape-start-start: min(var(--gm3-split-button-tonal-container-shape,9999px= ),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-button= -filled-tonal-pressed-container-shape-start-end: min(var(--gm3-split-button= -tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-heigh= t,40px)/2); --gm3-icon-button-filled-tonal-pressed-container-shape-end-end:= min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-b= utton-tonal-container-height,40px)/2); --gm3-icon-button-filled-tonal-press= ed-container-shape-end-start: min(var(--gm3-split-button-tonal-container-sh= ape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-i= con-button-filled-tonal-selected-container-shape-start-start: min(var(--gm3= -split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-co= ntainer-height,40px)/2); --gm3-icon-button-filled-tonal-selected-container-= shape-start-end: min(var(--gm3-split-button-tonal-container-shape,9999px),v= ar(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-button-fi= lled-tonal-selected-container-shape-end-end: min(var(--gm3-split-button-ton= al-container-shape,9999px),var(--gm3-split-button-tonal-container-height,40= px)/2); --gm3-icon-button-filled-tonal-selected-container-shape-end-start: = min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-bu= tton-tonal-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-enabled .javascriptMaterial= designGm3WizSplitButtonTonal-leading-button:hover { --gm3-button-filled-ton= al-container-shape-start-start: min(var(--gm3-split-button-tonal-container-= shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3= -button-filled-tonal-container-shape-start-end: var(--gm3-split-button-tona= l-inner-corner-hovered-corner-size,4px); --gm3-button-filled-tonal-containe= r-shape-end-end: var(--gm3-split-button-tonal-inner-corner-hovered-corner-s= ize,4px); --gm3-button-filled-tonal-container-shape-end-start: min(var(--gm= 3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-c= ontainer-height,40px)/2); --gm3-button-filled-tonal-pressed-container-shape= -start-start: min(var(--gm3-split-button-tonal-container-shape,9999px),var(= --gm3-split-button-tonal-container-height,40px)/2); --gm3-button-filled-ton= al-pressed-container-shape-start-end: var(--gm3-split-button-tonal-inner-co= rner-hovered-corner-size,4px); --gm3-button-filled-tonal-pressed-container-= shape-end-end: var(--gm3-split-button-tonal-inner-corner-hovered-corner-siz= e,4px); --gm3-button-filled-tonal-pressed-container-shape-end-start: min(va= r(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-t= onal-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-leading-button:active { --g= m3-button-filled-tonal-container-shape-start-start: min(var(--gm3-split-but= ton-tonal-container-shape,9999px),var(--gm3-split-button-tonal-container-he= ight,40px)/2); --gm3-button-filled-tonal-container-shape-start-end: var(--g= m3-split-button-tonal-inner-corner-pressed-corner-size,4px); --gm3-button-f= illed-tonal-container-shape-end-end: var(--gm3-split-button-tonal-inner-cor= ner-pressed-corner-size,4px); --gm3-button-filled-tonal-container-shape-end= -start: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-= split-button-tonal-container-height,40px)/2); --gm3-button-filled-tonal-pre= ssed-container-shape-start-start: min(var(--gm3-split-button-tonal-containe= r-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --g= m3-button-filled-tonal-pressed-container-shape-start-end: var(--gm3-split-b= utton-tonal-inner-corner-pressed-corner-size,4px); --gm3-button-filled-tona= l-pressed-container-shape-end-end: var(--gm3-split-button-tonal-inner-corne= r-pressed-corner-size,4px); --gm3-button-filled-tonal-pressed-container-sha= pe-end-start: min(var(--gm3-split-button-tonal-container-shape,9999px),var(= --gm3-split-button-tonal-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonTonal-leading-button:focus-visibl= e { z-index: 2; } .javascriptMaterialdesignGm3WizSplitButtonTonal-split-button-wrapper { --gm= 3-button-filled-tonal-container-shape-transition-easing-function: cubic-bez= ier(0.27,1.06,0.18,1); --gm3-button-filled-tonal-container-height: var(--gm= 3-split-button-tonal-container-height,40px); --gm3-button-filled-tonal-labe= l-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-bu= tton-filled-tonal-label-text-size: var(--gm3-split-button-tonal-label-text-= size,14px); --gm3-button-filled-tonal-pressed-label-text-color: var(--gm3-s= ys-color-on-secondary-container,#004a77); --gm3-button-filled-tonal-hover-l= abel-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3= -button-filled-tonal-focus-label-text-color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); --gm3-button-filled-tonal-with-icon-icon-color: var(= --gm3-sys-color-on-secondary-container,#004a77); --gm3-button-filled-tonal-= with-icon-pressed-icon-color: var(--gm3-sys-color-on-secondary-container,#0= 04a77); --gm3-button-filled-tonal-with-icon-hover-icon-color: var(--gm3-sys= -color-on-secondary-container,#004a77); --gm3-button-filled-tonal-with-icon= -focus-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --g= m3-button-filled-tonal-with-leading-icon-leading-space: var(--gm3-split-but= ton-tonal-leading-button-leading-space,16px); --gm3-button-filled-tonal-wit= h-leading-icon-trailing-space: var(--gm3-split-button-tonal-leading-button-= trailing-space,12px); --gm3-button-filled-tonal-leading-space: var(--gm3-sp= lit-button-tonal-leading-button-leading-space,16px); --gm3-button-filled-to= nal-trailing-space: var(--gm3-split-button-tonal-leading-button-trailing-sp= ace,12px); --gm3-button-filled-tonal-hover-state-layer-opacity: 0.08; --gm3= -button-filled-tonal-pressed-state-layer-opacity: 0.12; --gm3-button-filled= -tonal-with-icon-icon-label-space: var(--gm3-split-button-tonal-leading-but= ton-icon-label-space,8px); --gm3-button-filled-tonal-with-icon-icon-size: v= ar(--gm3-split-button-tonal-leading-button-icon-size,20px); --gm3-button-fi= lled-tonal-hover-container-elevation: 0; --gm3-button-filled-tonal-containe= r-shape-start-start: min(var(--gm3-split-button-tonal-container-shape,9999p= x),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-button-fil= led-tonal-container-shape-start-end: var(--gm3-split-button-tonal-inner-cor= ner-corner-size,4px); --gm3-button-filled-tonal-container-shape-end-end: va= r(--gm3-split-button-tonal-inner-corner-corner-size,4px); --gm3-button-fill= ed-tonal-container-shape-end-start: min(var(--gm3-split-button-tonal-contai= ner-shape,9999px),var(--gm3-split-button-tonal-container-height,40px)/2); -= -gm3-button-filled-tonal-pressed-container-shape-start-start: min(var(--gm3= -split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-co= ntainer-height,40px)/2); --gm3-button-filled-tonal-pressed-container-shape-= start-end: var(--gm3-split-button-tonal-inner-corner-corner-size,4px); --gm= 3-button-filled-tonal-pressed-container-shape-end-end: var(--gm3-split-butt= on-tonal-inner-corner-corner-size,4px); --gm3-button-filled-tonal-pressed-c= ontainer-shape-end-start: min(var(--gm3-split-button-tonal-container-shape,= 9999px),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-= button-filled-tonal-unselected-container-color: var(--gm3-sys-color-seconda= ry-container,#c2e7ff); --gm3-icon-button-filled-tonal-icon-color: var(--gm3= -sys-color-on-secondary-container,#004a77); --gm3-icon-button-filled-tonal-= hover-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm= 3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); --gm3-icon-button-filled-tonal-pressed-icon-color: v= ar(--gm3-sys-color-on-secondary-container,#004a77); --gm3-icon-button-fille= d-tonal-toggle-unselected-icon-color: var(--gm3-sys-color-on-secondary-cont= ainer,#004a77); --gm3-icon-button-filled-tonal-toggle-unselected-pressed-ic= on-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-icon-b= utton-filled-tonal-toggle-unselected-hover-icon-color: var(--gm3-sys-color-= on-secondary-container,#004a77); --gm3-icon-button-filled-tonal-toggle-unse= lected-focus-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77= ); --gm3-icon-button-filled-tonal-toggle-unselected-hover-state-layer-color= : var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-icon-button-fi= lled-tonal-toggle-selected-icon-color: var(--gm3-sys-color-on-secondary-con= tainer,#004a77); --gm3-icon-button-filled-tonal-toggle-selected-pressed-ico= n-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-icon-bu= tton-filled-tonal-toggle-selected-hover-icon-color: var(--gm3-sys-color-on-= secondary-container,#004a77); --gm3-icon-button-filled-tonal-toggle-selecte= d-focus-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --= gm3-icon-button-filled-tonal-icon-size: var(--gm3-split-button-tonal-traili= ng-button-icon-size,22px); --gm3-icon-button-filled-tonal-hover-state-layer= -opacity: 0.08; --gm3-icon-button-filled-tonal-pressed-state-layer-opacity:= 0.12; --gm3-icon-button-filled-tonal-hover-state-layer-color: var(--gm3-sy= s-color-on-secondary-container,#004a77); --gm3-icon-button-filled-tonal-con= tainer-height: var(--gm3-split-button-tonal-container-height,40px); --gm3-i= con-button-filled-tonal-container-width: var(--gm3-split-button-tonal-trail= ing-button-container-width,48px); --gm3-icon-button-filled-tonal-container-= shape-start-start: var(--gm3-split-button-tonal-inner-corner-corner-size,4p= x); --gm3-icon-button-filled-tonal-container-shape-start-end: min(var(--gm3= -split-button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-co= ntainer-height,40px)/2); --gm3-icon-button-filled-tonal-container-shape-end= -end: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-sp= lit-button-tonal-container-height,40px)/2); --gm3-icon-button-filled-tonal-= container-shape-end-start: var(--gm3-split-button-tonal-inner-corner-corner= -size,4px); --gm3-icon-button-filled-tonal-pressed-container-shape-start-st= art: var(--gm3-split-button-tonal-inner-corner-corner-size,4px); --gm3-icon= -button-filled-tonal-pressed-container-shape-start-end: min(var(--gm3-split= -button-tonal-container-shape,9999px),var(--gm3-split-button-tonal-containe= r-height,40px)/2); --gm3-icon-button-filled-tonal-pressed-container-shape-e= nd-end: min(var(--gm3-split-button-tonal-container-shape,9999px),var(--gm3-= split-button-tonal-container-height,40px)/2); --gm3-icon-button-filled-tona= l-pressed-container-shape-end-start: var(--gm3-split-button-tonal-inner-cor= ner-corner-size,4px); --gm3-icon-button-filled-tonal-selected-container-sha= pe-start-start: var(--gm3-split-button-tonal-inner-corner-corner-size,4px);= --gm3-icon-button-filled-tonal-selected-container-shape-start-end: min(var= (--gm3-split-button-tonal-container-shape,9999px),var(--gm3-split-button-to= nal-container-height,40px)/2); --gm3-icon-button-filled-tonal-selected-cont= ainer-shape-end-end: min(var(--gm3-split-button-tonal-container-shape,9999p= x),var(--gm3-split-button-tonal-container-height,40px)/2); --gm3-icon-butto= n-filled-tonal-selected-container-shape-end-start: var(--gm3-split-button-t= onal-inner-corner-corner-size,4px); } .docsDarkMode { --gm3-sys-color-background: #131314; --gm3-sys-color-backgr= ound-rgb: 19,19,20; --gm3-sys-color-error: #f2b8b5; --gm3-sys-color-error-r= gb: 242,184,181; --gm3-sys-color-error-container: #8c1d18; --gm3-sys-color-= error-container-rgb: 140,29,24; --gm3-sys-color-inverse-on-surface: #303030= ; --gm3-sys-color-inverse-on-surface-rgb: 48,48,48; --gm3-sys-color-inverse= -primary: #0b57d0; --gm3-sys-color-inverse-primary-rgb: 11,87,208; --gm3-sy= s-color-inverse-surface: #e3e3e3; --gm3-sys-color-inverse-surface-rgb: 227,= 227,227; --gm3-sys-color-on-background: #e3e3e3; --gm3-sys-color-on-backgro= und-rgb: 227,227,227; --gm3-sys-color-on-error: #601410; --gm3-sys-color-on= -error-rgb: 96,20,16; --gm3-sys-color-on-error-container: #f9dedc; --gm3-sy= s-color-on-error-container-rgb: 249,222,220; --gm3-sys-color-on-primary: #0= 62e6f; --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-color-on-primary= -container: #d3e3fd; --gm3-sys-color-on-primary-container-rgb: 211,227,253;= --gm3-sys-color-on-primary-fixed: #041e49; --gm3-sys-color-on-primary-fixe= d-rgb: 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0842a0; --gm3-sy= s-color-on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-color-on-secondar= y: #035; --gm3-sys-color-on-secondary-rgb: 0,51,85; --gm3-sys-color-on-seco= ndary-container: #c2e7ff; --gm3-sys-color-on-secondary-container-rgb: 194,2= 31,255; --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-sys-color-on-sec= ondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fixed-variant: #004= a77; --gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,119; --gm3-sys-co= lor-on-surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227,227,227; --gm3= -sys-color-on-surface-variant: #c4c7c5; --gm3-sys-color-on-surface-variant-= rgb: 196,199,197; --gm3-sys-color-on-tertiary: #0a3818; --gm3-sys-color-on-= tertiary-rgb: 10,56,24; --gm3-sys-color-on-tertiary-container: #c4eed0; --g= m3-sys-color-on-tertiary-container-rgb: 196,238,208; --gm3-sys-color-on-ter= tiary-fixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb: 7,39,17; --gm3= -sys-color-on-tertiary-fixed-variant: #0f5223; --gm3-sys-color-on-tertiary-= fixed-variant-rgb: 15,82,35; --gm3-sys-color-outline: #8e918f; --gm3-sys-co= lor-outline-rgb: 142,145,143; --gm3-sys-color-outline-variant: #444746; --g= m3-sys-color-outline-variant-rgb: 68,71,70; --gm3-sys-color-primary: #a8c7f= a; --gm3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color-primary-contai= ner: #0842a0; --gm3-sys-color-primary-container-rgb: 8,66,160; --gm3-sys-co= lor-primary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rgb: 211,227,253;= --gm3-sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color-primary-fixed-= dim-rgb: 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys-color-scrim-rg= b: 0,0,0; --gm3-sys-color-secondary: #7fcfff; --gm3-sys-color-secondary-rgb= : 127,207,255; --gm3-sys-color-secondary-container: #004a77; --gm3-sys-colo= r-secondary-container-rgb: 0,74,119; --gm3-sys-color-secondary-fixed: #c2e7= ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-sys-color-secon= dary-fixed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim-rgb: 127,207,2= 55; --gm3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb: 0,0,0; --gm3-= sys-color-surface: #131314; --gm3-sys-color-surface-rgb: 19,19,20; --gm3-sy= s-color-surface-bright: #37393b; --gm3-sys-color-surface-bright-rgb: 55,57,= 59; --gm3-sys-color-surface-container: #1e1f20; --gm3-sys-color-surface-con= tainer-rgb: 30,31,32; --gm3-sys-color-surface-container-high: #282a2c; --gm= 3-sys-color-surface-container-high-rgb: 40,42,44; --gm3-sys-color-surface-c= ontainer-highest: #333537; --gm3-sys-color-surface-container-highest-rgb: 5= 1,53,55; --gm3-sys-color-surface-container-low: #1b1b1b; --gm3-sys-color-su= rface-container-low-rgb: 27,27,27; --gm3-sys-color-surface-container-lowest= : #0e0e0e; --gm3-sys-color-surface-container-lowest-rgb: 14,14,14; --gm3-sy= s-color-surface-dim: #131314; --gm3-sys-color-surface-dim-rgb: 19,19,20; --= gm3-sys-color-surface-variant: #444746; --gm3-sys-color-surface-variant-rgb= : 68,71,70; --gm3-sys-color-tertiary: #6dd58c; --gm3-sys-color-tertiary-rgb= : 109,213,140; --gm3-sys-color-tertiary-container: #0f5223; --gm3-sys-color= -tertiary-container-rgb: 15,82,35; --gm3-sys-color-tertiary-fixed: #c4eed0;= --gm3-sys-color-tertiary-fixed-rgb: 196,238,208; --gm3-sys-color-tertiary-= fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fixed-dim-rgb: 109,213,140; --= ws-sys-color-extended-blue-fill: #a1c9ff; --ws-sys-color-extended-blue-outl= ine: #04409f; --ws-sys-color-extended-blue-tonal: #04409f; --ws-sys-color-e= xtended-cyan-fill: #acedff; --ws-sys-color-extended-cyan-outline: #004e5d; = --ws-sys-color-extended-cyan-tonal: #004e5d; --ws-sys-color-extended-green-= fill: #80da88; --ws-sys-color-extended-green-outline: #00522c; --ws-sys-col= or-extended-green-tonal: #00522c; --ws-sys-color-extended-grey-fill: #c7c7c= 7; --ws-sys-color-extended-grey-outline: #474747; --ws-sys-color-extended-g= rey-tonal: #474747; --ws-sys-color-extended-on-blue-fill: #012c6f; --ws-sys= -color-extended-on-blue-outline: #a1c9ff; --ws-sys-color-extended-on-blue-t= onal: #d0e4ff; --ws-sys-color-extended-on-cyan-fill: #003641; --ws-sys-colo= r-extended-on-cyan-outline: #acedff; --ws-sys-color-extended-on-cyan-tonal:= #acedff; --ws-sys-color-extended-on-green-fill: #00381f; --ws-sys-color-ex= tended-on-green-outline: #80da88; --ws-sys-color-extended-on-green-tonal: #= beefbb; --ws-sys-color-extended-on-grey-fill: #303030; --ws-sys-color-exten= ded-on-grey-outline: #c7c7c7; --ws-sys-color-extended-on-grey-tonal: #e3e3e= 3; --ws-sys-color-extended-on-orange-fill: #522302; --ws-sys-color-extended= -on-orange-outline: #ffb683; --ws-sys-color-extended-on-orange-tonal: #ffdc= c3; --ws-sys-color-extended-on-pink-fill: #620438; --ws-sys-color-extended-= on-pink-outline: #ffaee4; --ws-sys-color-extended-on-pink-tonal: #ffd8ef; -= -ws-sys-color-extended-on-purple-fill: #400b84; --ws-sys-color-extended-on-= purple-outline: #d9bafd; --ws-sys-color-extended-on-purple-tonal: #eedcfe; = --ws-sys-color-extended-on-red-fill: #60150f; --ws-sys-color-extended-on-re= d-outline: #ffb3ae; --ws-sys-color-extended-on-red-tonal: #ffdadc; --ws-sys= -color-extended-on-yellow-fill: #4d2600; --ws-sys-color-extended-on-yellow-= outline: #ffe07c; --ws-sys-color-extended-on-yellow-tonal: #ffe07c; --ws-sy= s-color-extended-orange-fill: #ffb683; --ws-sys-color-extended-orange-outli= ne: #753403; --ws-sys-color-extended-orange-tonal: #753403; --ws-sys-color-= extended-pink-fill: #ffaee4; --ws-sys-color-extended-pink-outline: #8d0053;= --ws-sys-color-extended-pink-tonal: #8d0053; --ws-sys-color-extended-purpl= e-fill: #d9bafd; --ws-sys-color-extended-purple-outline: #5629a4; --ws-sys-= color-extended-purple-tonal: #5629a4; --ws-sys-color-extended-red-fill: #ff= b3ae; --ws-sys-color-extended-red-outline: #8a1a16; --ws-sys-color-extended= -red-tonal: #8a1a16; --ws-sys-color-extended-yellow-fill: #ffe07c; --ws-sys= -color-extended-yellow-outline: #8f4e06; --ws-sys-color-extended-yellow-ton= al: #8f4e06; --ws-sys-color-genai-bold-gradient01: #346bf1; --ws-sys-color-= genai-bold-gradient02: #3186ff; --ws-sys-color-genai-bold-gradient03: #a9a8= ff; --ws-sys-color-genai-gems-blue: var(--ws-sys-color-gems-blue-low,#003d6= 4); --ws-sys-color-genai-gems-cyan: var(--ws-sys-color-gems-cyan-low,#00404= e); --ws-sys-color-genai-gems-grey: var(--ws-sys-color-gems-grey-low,#3a3a3= a); --ws-sys-color-genai-gems-orange: var(--ws-sys-color-gems-orange-low,#6= 12b00); --ws-sys-color-genai-gems-pink: var(--ws-sys-color-gems-pink-low,#6= 0263d); --ws-sys-color-genai-gems-purple: var(--ws-sys-color-gems-purple-lo= w,#55226e); --ws-sys-color-genai-gems-teal: var(--ws-sys-color-gems-teal-lo= w,#004144); --ws-sys-color-genai-gems-violet: var(--ws-sys-color-gems-viole= t-low,#372d80); --ws-sys-color-genai-gems-yellow: var(--ws-sys-color-gems-y= ellow-low,#4f3500); --ws-sys-color-genai-muted-gradient01: #2a2a2a; --ws-sy= s-color-genai-muted-gradient02: #243385; --ws-sys-color-genai-muted-gradien= t03: #50469f; --ws-sys-color-genai-on-bold-gradient: #000; --ws-sys-color-g= enai-on-gems-blue: var(--ws-sys-color-gems-blue-high,#60a9ed); --ws-sys-col= or-genai-on-gems-cyan: var(--ws-sys-color-gems-cyan-high,#25b2d4); --ws-sys= -color-genai-on-gems-grey: var(--ws-sys-color-gems-grey-high,#a4a4a4); --ws= -sys-color-genai-on-gems-orange: var(--ws-sys-color-gems-orange-high,#ec8c4= c); --ws-sys-color-genai-on-gems-pink: var(--ws-sys-color-gems-pink-high,#d= b8da7); --ws-sys-color-genai-on-gems-purple: var(--ws-sys-color-gems-purple= -high,#c88ee1); --ws-sys-color-genai-on-gems-teal: var(--ws-sys-color-gems-= teal-high,#00b6bc); --ws-sys-color-genai-on-gems-violet: var(--ws-sys-color= -gems-violet-high,#a299f3); --ws-sys-color-genai-on-gems-yellow: var(--ws-s= ys-color-gems-yellow-high,#d89800); --ws-sys-color-genai-on-muted-gradient:= var(--ws-sys-color-on-surface,#e3e3e3); --ws-sys-color-genai-text-gradient= 01: #3186ff; --ws-sys-color-genai-text-gradient02: #346bf1; --ws-sys-color-= genai-text-gradient03: #4fa0ff; --ws-sys-color-premium-surface-container-ac= cent01: #196fcf; --ws-sys-color-premium-surface-container-accent02: #5f90f8= ; --ws-sys-color-premium-surface-accent01: #0f6bcb; --ws-sys-color-premium-= surface-accent02: #5f90f8; --ws-sys-color-premium-text-gradient01: var(--ws= -sys-color-on-surface,#e3e3e3); --ws-sys-color-premium-text-gradient02: #86= a4ff; color-scheme: dark; } .docsDarkMode iframe { color-scheme: normal; } .docsDarkMode .docs-icon-img:not(.docs-icon-masked-image) { content: url("h= ttps://ssl.gstatic.com/docs/common/material_common_sprite1060_dark_osv.svg"= ); } @media (prefers-color-scheme: dark) { .docsSystemMode { --gm3-sys-color-background: #131314; --gm3-sys-color-ba= ckground-rgb: 19,19,20; --gm3-sys-color-error: #f2b8b5; --gm3-sys-color-err= or-rgb: 242,184,181; --gm3-sys-color-error-container: #8c1d18; --gm3-sys-co= lor-error-container-rgb: 140,29,24; --gm3-sys-color-inverse-on-surface: #30= 3030; --gm3-sys-color-inverse-on-surface-rgb: 48,48,48; --gm3-sys-color-inv= erse-primary: #0b57d0; --gm3-sys-color-inverse-primary-rgb: 11,87,208; --gm= 3-sys-color-inverse-surface: #e3e3e3; --gm3-sys-color-inverse-surface-rgb: = 227,227,227; --gm3-sys-color-on-background: #e3e3e3; --gm3-sys-color-on-bac= kground-rgb: 227,227,227; --gm3-sys-color-on-error: #601410; --gm3-sys-colo= r-on-error-rgb: 96,20,16; --gm3-sys-color-on-error-container: #f9dedc; --gm= 3-sys-color-on-error-container-rgb: 249,222,220; --gm3-sys-color-on-primary= : #062e6f; --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-color-on-pri= mary-container: #d3e3fd; --gm3-sys-color-on-primary-container-rgb: 211,227,= 253; --gm3-sys-color-on-primary-fixed: #041e49; --gm3-sys-color-on-primary-= fixed-rgb: 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0842a0; --gm= 3-sys-color-on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-color-on-seco= ndary: #035; --gm3-sys-color-on-secondary-rgb: 0,51,85; --gm3-sys-color-on-= secondary-container: #c2e7ff; --gm3-sys-color-on-secondary-container-rgb: 1= 94,231,255; --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-sys-color-on= -secondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fixed-variant: = #004a77; --gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,119; --gm3-sy= s-color-on-surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227,227,227; -= -gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-sys-color-on-surface-vari= ant-rgb: 196,199,197; --gm3-sys-color-on-tertiary: #0a3818; --gm3-sys-color= -on-tertiary-rgb: 10,56,24; --gm3-sys-color-on-tertiary-container: #c4eed0;= --gm3-sys-color-on-tertiary-container-rgb: 196,238,208; --gm3-sys-color-on= -tertiary-fixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb: 7,39,17; -= -gm3-sys-color-on-tertiary-fixed-variant: #0f5223; --gm3-sys-color-on-terti= ary-fixed-variant-rgb: 15,82,35; --gm3-sys-color-outline: #8e918f; --gm3-sy= s-color-outline-rgb: 142,145,143; --gm3-sys-color-outline-variant: #444746;= --gm3-sys-color-outline-variant-rgb: 68,71,70; --gm3-sys-color-primary: #a= 8c7fa; --gm3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color-primary-co= ntainer: #0842a0; --gm3-sys-color-primary-container-rgb: 8,66,160; --gm3-sy= s-color-primary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rgb: 211,227,= 253; --gm3-sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color-primary-fi= xed-dim-rgb: 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys-color-scri= m-rgb: 0,0,0; --gm3-sys-color-secondary: #7fcfff; --gm3-sys-color-secondary= -rgb: 127,207,255; --gm3-sys-color-secondary-container: #004a77; --gm3-sys-= color-secondary-container-rgb: 0,74,119; --gm3-sys-color-secondary-fixed: #= c2e7ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-sys-color-s= econdary-fixed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim-rgb: 127,2= 07,255; --gm3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb: 0,0,0; --= gm3-sys-color-surface: #131314; --gm3-sys-color-surface-rgb: 19,19,20; --gm= 3-sys-color-surface-bright: #37393b; --gm3-sys-color-surface-bright-rgb: 55= ,57,59; --gm3-sys-color-surface-container: #1e1f20; --gm3-sys-color-surface= -container-rgb: 30,31,32; --gm3-sys-color-surface-container-high: #282a2c; = --gm3-sys-color-surface-container-high-rgb: 40,42,44; --gm3-sys-color-surfa= ce-container-highest: #333537; --gm3-sys-color-surface-container-highest-rg= b: 51,53,55; --gm3-sys-color-surface-container-low: #1b1b1b; --gm3-sys-colo= r-surface-container-low-rgb: 27,27,27; --gm3-sys-color-surface-container-lo= west: #0e0e0e; --gm3-sys-color-surface-container-lowest-rgb: 14,14,14; --gm= 3-sys-color-surface-dim: #131314; --gm3-sys-color-surface-dim-rgb: 19,19,20= ; --gm3-sys-color-surface-variant: #444746; --gm3-sys-color-surface-variant= -rgb: 68,71,70; --gm3-sys-color-tertiary: #6dd58c; --gm3-sys-color-tertiary= -rgb: 109,213,140; --gm3-sys-color-tertiary-container: #0f5223; --gm3-sys-c= olor-tertiary-container-rgb: 15,82,35; --gm3-sys-color-tertiary-fixed: #c4e= ed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,208; --gm3-sys-color-terti= ary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fixed-dim-rgb: 109,213,140= ; --ws-sys-color-extended-blue-fill: #a1c9ff; --ws-sys-color-extended-blue-= outline: #04409f; --ws-sys-color-extended-blue-tonal: #04409f; --ws-sys-col= or-extended-cyan-fill: #acedff; --ws-sys-color-extended-cyan-outline: #004e= 5d; --ws-sys-color-extended-cyan-tonal: #004e5d; --ws-sys-color-extended-gr= een-fill: #80da88; --ws-sys-color-extended-green-outline: #00522c; --ws-sys= -color-extended-green-tonal: #00522c; --ws-sys-color-extended-grey-fill: #c= 7c7c7; --ws-sys-color-extended-grey-outline: #474747; --ws-sys-color-extend= ed-grey-tonal: #474747; --ws-sys-color-extended-on-blue-fill: #012c6f; --ws= -sys-color-extended-on-blue-outline: #a1c9ff; --ws-sys-color-extended-on-bl= ue-tonal: #d0e4ff; --ws-sys-color-extended-on-cyan-fill: #003641; --ws-sys-= color-extended-on-cyan-outline: #acedff; --ws-sys-color-extended-on-cyan-to= nal: #acedff; --ws-sys-color-extended-on-green-fill: #00381f; --ws-sys-colo= r-extended-on-green-outline: #80da88; --ws-sys-color-extended-on-green-tona= l: #beefbb; --ws-sys-color-extended-on-grey-fill: #303030; --ws-sys-color-e= xtended-on-grey-outline: #c7c7c7; --ws-sys-color-extended-on-grey-tonal: #e= 3e3e3; --ws-sys-color-extended-on-orange-fill: #522302; --ws-sys-color-exte= nded-on-orange-outline: #ffb683; --ws-sys-color-extended-on-orange-tonal: #= ffdcc3; --ws-sys-color-extended-on-pink-fill: #620438; --ws-sys-color-exten= ded-on-pink-outline: #ffaee4; --ws-sys-color-extended-on-pink-tonal: #ffd8e= f; --ws-sys-color-extended-on-purple-fill: #400b84; --ws-sys-color-extended= -on-purple-outline: #d9bafd; --ws-sys-color-extended-on-purple-tonal: #eedc= fe; --ws-sys-color-extended-on-red-fill: #60150f; --ws-sys-color-extended-o= n-red-outline: #ffb3ae; --ws-sys-color-extended-on-red-tonal: #ffdadc; --ws= -sys-color-extended-on-yellow-fill: #4d2600; --ws-sys-color-extended-on-yel= low-outline: #ffe07c; --ws-sys-color-extended-on-yellow-tonal: #ffe07c; --w= s-sys-color-extended-orange-fill: #ffb683; --ws-sys-color-extended-orange-o= utline: #753403; --ws-sys-color-extended-orange-tonal: #753403; --ws-sys-co= lor-extended-pink-fill: #ffaee4; --ws-sys-color-extended-pink-outline: #8d0= 053; --ws-sys-color-extended-pink-tonal: #8d0053; --ws-sys-color-extended-p= urple-fill: #d9bafd; --ws-sys-color-extended-purple-outline: #5629a4; --ws-= sys-color-extended-purple-tonal: #5629a4; --ws-sys-color-extended-red-fill:= #ffb3ae; --ws-sys-color-extended-red-outline: #8a1a16; --ws-sys-color-exte= nded-red-tonal: #8a1a16; --ws-sys-color-extended-yellow-fill: #ffe07c; --ws= -sys-color-extended-yellow-outline: #8f4e06; --ws-sys-color-extended-yellow= -tonal: #8f4e06; --ws-sys-color-genai-bold-gradient01: #346bf1; --ws-sys-co= lor-genai-bold-gradient02: #3186ff; --ws-sys-color-genai-bold-gradient03: #= a9a8ff; --ws-sys-color-genai-gems-blue: var(--ws-sys-color-gems-blue-low,#0= 03d64); --ws-sys-color-genai-gems-cyan: var(--ws-sys-color-gems-cyan-low,#0= 0404e); --ws-sys-color-genai-gems-grey: var(--ws-sys-color-gems-grey-low,#3= a3a3a); --ws-sys-color-genai-gems-orange: var(--ws-sys-color-gems-orange-lo= w,#612b00); --ws-sys-color-genai-gems-pink: var(--ws-sys-color-gems-pink-lo= w,#60263d); --ws-sys-color-genai-gems-purple: var(--ws-sys-color-gems-purpl= e-low,#55226e); --ws-sys-color-genai-gems-teal: var(--ws-sys-color-gems-tea= l-low,#004144); --ws-sys-color-genai-gems-violet: var(--ws-sys-color-gems-v= iolet-low,#372d80); --ws-sys-color-genai-gems-yellow: var(--ws-sys-color-ge= ms-yellow-low,#4f3500); --ws-sys-color-genai-muted-gradient01: #2a2a2a; --w= s-sys-color-genai-muted-gradient02: #243385; --ws-sys-color-genai-muted-gra= dient03: #50469f; --ws-sys-color-genai-on-bold-gradient: #000; --ws-sys-col= or-genai-on-gems-blue: var(--ws-sys-color-gems-blue-high,#60a9ed); --ws-sys= -color-genai-on-gems-cyan: var(--ws-sys-color-gems-cyan-high,#25b2d4); --ws= -sys-color-genai-on-gems-grey: var(--ws-sys-color-gems-grey-high,#a4a4a4); = --ws-sys-color-genai-on-gems-orange: var(--ws-sys-color-gems-orange-high,#e= c8c4c); --ws-sys-color-genai-on-gems-pink: var(--ws-sys-color-gems-pink-hig= h,#db8da7); --ws-sys-color-genai-on-gems-purple: var(--ws-sys-color-gems-pu= rple-high,#c88ee1); --ws-sys-color-genai-on-gems-teal: var(--ws-sys-color-g= ems-teal-high,#00b6bc); --ws-sys-color-genai-on-gems-violet: var(--ws-sys-c= olor-gems-violet-high,#a299f3); --ws-sys-color-genai-on-gems-yellow: var(--= ws-sys-color-gems-yellow-high,#d89800); --ws-sys-color-genai-on-muted-gradi= ent: var(--ws-sys-color-on-surface,#e3e3e3); --ws-sys-color-genai-text-grad= ient01: #3186ff; --ws-sys-color-genai-text-gradient02: #346bf1; --ws-sys-co= lor-genai-text-gradient03: #4fa0ff; --ws-sys-color-premium-surface-containe= r-accent01: #196fcf; --ws-sys-color-premium-surface-container-accent02: #5f= 90f8; --ws-sys-color-premium-surface-accent01: #0f6bcb; --ws-sys-color-prem= ium-surface-accent02: #5f90f8; --ws-sys-color-premium-text-gradient01: var(= --ws-sys-color-on-surface,#e3e3e3); --ws-sys-color-premium-text-gradient02:= #86a4ff; color-scheme: dark; } .docsSystemMode iframe { color-scheme: normal; } .docsSystemMode .docs-icon-img:not(.docs-icon-masked-image) { content: ur= l("https://ssl.gstatic.com/docs/common/material_common_sprite1060_dark_osv.= svg"); } } .javascriptMaterialdesignGm3WizDialog-dialog { display: none; z-index: var(= --xwct5b,2001); justify-content: var(--BAPnLc,center); padding-inline-end: = var(--PgAWLe,unset); padding-inline-start: var(--r7U09e,unset); } .javascriptMaterialdesignGm3WizDialog-dialog__scrim { justify-content: cent= er; } .javascriptMaterialdesignGm3WizDialog-dialog, .javascriptMaterialdesignGm3W= izDialog-dialog__scrim { position: fixed; top: 0px; left: 0px; align-items:= center; box-sizing: border-box; width: 100%; height: 100%; } .javascriptMaterialdesignGm3WizDialog-dialog__surface { background-color: v= ar(--eNKeTe,var(--gm3-sys-color-surface-container-high,#e9eef6)); min-width= : var(--pjsEwc,280px); max-height: var(--rimZob,calc(100% - 32px)); min-hei= ght: var(--WhNlI,unset); position: relative; display: flex; flex-direction:= column; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; pointer-even= ts: auto; overflow-y: auto; outline: 0px; text-align: start; transform: sca= le(0.8); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDialog-dialog__surface { outline: windowte= xt solid 2px; } } .javascriptMaterialdesignGm3WizDialog-dialog__scrim { opacity: 0; z-index: = -1; background-color: var(--xzxxIf,rgba(var(--gm3-sys-color-scrim-rgb,0,0,0= ),.32)); } .javascriptMaterialdesignGm3WizDialog-dialog__container { align-items: var(= --u0nYGe,center); padding-block-start: var(--RRlEtc,unset); padding-block-e= nd: var(--opgkce,unset); display: flex; flex-direction: row; justify-conten= t: space-around; box-sizing: border-box; height: 100%; opacity: 0; pointer-= events: none; } .javascriptMaterialdesignGm3WizDialog-dialog__surface::after { position: ab= solute; box-sizing: border-box; width: 100%; height: 100%; inset-block-star= t: 0px; inset-inline-start: 0px; border: 2px solid transparent; border-radi= us: inherit; content: ""; pointer-events: none; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDialog-dialog__surface::after { border-col= or: canvastext; } } .javascriptMaterialdesignGm3WizDialog-dialog__title { position: relative; b= ox-sizing: border-box; text-align: start; display: flex; flex-shrink: 1; ma= rgin: 0px; padding: var(--LSoGo,24px) 24px var(--jyRJEe,16px); } .javascriptMaterialdesignGm3WizDialog-dialog__title .javascriptMaterialdesi= gnGm3WizDialog-dialog__title-text { display: -webkit-inline-box; overflow: = hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .javascriptMaterialdesignGm3WizDialog-dialog__title::before { display: inli= ne-block; width: 0px; height: 0px; content: ""; vertical-align: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMateria= ldesignGm3WizDialog-dialog__actions, .javascriptMaterialdesignGm3WizDialog-= dialog-scroll-divider-footer .javascriptMaterialdesignGm3WizDialog-dialog__= actions { border-width: var(--ARaXme,1px); border-color: var(--Uz3gob,var(-= -gm3-sys-color-outline-variant,#c4c7c5)); } .javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMateria= ldesignGm3WizDialog-dialog__actions { padding-top: 12px; } .javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMateria= ldesignGm3WizDialog-dialog__content { padding-block-end: var(--xkSh4b,8px);= } .javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMateria= ldesignGm3WizDialog-dialog__title + .javascriptMaterialdesignGm3WizDialog-d= ialog__content { padding-block-start: var(--urucif,var(--Vqbk2d,8px)); } .javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignG= m3WizDialog-dialog--scrollable) :is(.javascriptMaterialdesignGm3WizDialog-d= ialog__header, .javascriptMaterialdesignGm3WizDialog-dialog__title, .javasc= riptMaterialdesignGm3WizDialog-dialog__actions) { border-width: medium; bor= der-style: none; border-color: currentcolor; border-image: none; } .javascriptMaterialdesignGm3WizDialog-dialog__content { color: var(--QO9E3,= var(--gm3-sys-color-on-surface-variant,#444746)); display: var(--ghukTc,uns= et); font-family: var(--P9t0Se,"Google Sans",Roboto,Arial,sans-serif); line= -height: var(--bZ6GHf,1.25rem); font-size: var(--GDKclc,.875rem); letter-sp= acing: var(--vMpty,0); font-weight: var(--Xs6xod,400); padding-block-start:= var(--urucif,var(--tMn9Gb,20px)); padding-inline-end: var(--Cv3aid,24px); = padding-block-end: var(--xkSh4b,var(--Cj7GJb,20px)); padding-inline-start: = var(--tukwab,24px); box-sizing: border-box; flex-grow: 1; margin: 0px; over= flow: auto; position: relative; } @supports (scrollbar-color:auto) { :where(.javascriptMaterialdesignGm3WizDialogUseStandardizedScrollbarStyle= s) .javascriptMaterialdesignGm3WizDialog-dialog__content { scrollbar-color:= var(--Y6i8Od,var(--gm3-sys-color-outline,#747775)) var(--Gogws,transparent= ); } } .javascriptMaterialdesignGm3WizDialog-dialog__use-updated-dialog-fonts .jav= ascriptMaterialdesignGm3WizDialog-dialog__content { font-family: var(--ZRmH= Vb,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-se= rif); } :where(.javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterial= designGm3WizDialogUntrimmedContentBlockMargins)) .javascriptMaterialdesignG= m3WizDialog-dialog__content > :first-child { margin-top: 0px; } :where(.javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterial= designGm3WizDialogUntrimmedContentBlockMargins)) .javascriptMaterialdesignG= m3WizDialog-dialog__content > :last-child { margin-bottom: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog__actions { display: flex; posi= tion: relative; flex-shrink: 0; flex-wrap: wrap; align-items: center; justi= fy-content: flex-end; box-sizing: border-box; min-height: 52px; margin: 0px= ; padding: 0 24px var(--VcxYfc,20px); gap: 8px; border-top: 1px solid trans= parent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDialog-dialog__actions { border-top-color:= canvastext; } } .javascriptMaterialdesignGm3WizDialog-dialog--stacked .javascriptMaterialde= signGm3WizDialog-dialog__actions { flex-direction: column-reverse; align-it= ems: flex-end; gap: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog__button:first-child { margin-i= nline-start: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog__button { margin-inline-start:= 8px; text-align: start; max-width: 100%; } .javascriptMaterialdesignGm3WizDialog-dialog--stacked .javascriptMaterialde= signGm3WizDialog-dialog__button:not(:first-child) { margin-top: 12px; } .javascriptMaterialdesignGm3WizDialog-dialog--closing, .javascriptMateriald= esignGm3WizDialog-dialog--open, .javascriptMaterialdesignGm3WizDialog-dialo= g--opening { display: flex; } .javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialde= signGm3WizDialog-dialog__scrim { transition: opacity 0.15s linear; } .javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialde= signGm3WizDialog-dialog__container { transition: opacity 75ms linear; } .javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialde= signGm3WizDialog-dialog__surface { transition: transform 0.15s cubic-bezier= (0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizDialog-dialog--closing .javascriptMaterialde= signGm3WizDialog-dialog__container, .javascriptMaterialdesignGm3WizDialog-d= ialog--closing .javascriptMaterialdesignGm3WizDialog-dialog__scrim { transi= tion: opacity 75ms linear; } .javascriptMaterialdesignGm3WizDialog-dialog--chaining .javascriptMateriald= esignGm3WizDialog-dialog__scrim { transition: none; opacity: 1; } .javascriptMaterialdesignGm3WizDialog-dialog--closing .javascriptMaterialde= signGm3WizDialog-dialog__surface { transform: none; } .javascriptMaterialdesignGm3WizDialog-dialog--open .javascriptMaterialdesig= nGm3WizDialog-dialog__container, .javascriptMaterialdesignGm3WizDialog-dial= og--open .javascriptMaterialdesignGm3WizDialog-dialog__scrim { opacity: 1; = } .javascriptMaterialdesignGm3WizDialog-dialog--open .javascriptMaterialdesig= nGm3WizDialog-dialog__surface { transform: none; } .javascriptMaterialdesignGm3WizDialog-dialog-scroll-lock { overflow: hidden= ; } .javascriptMaterialdesignGm3WizDialog-dialog__scrim--hidden .javascriptMate= rialdesignGm3WizDialog-dialog__scrim { opacity: 0; } .javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed { pointer-even= ts: none; } .javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed .javascriptMat= erialdesignGm3WizDialog-dialog__scrim { display: none; } .javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignG= m3WizDialog-dialog--no-content-padding) .javascriptMaterialdesignGm3WizDial= og-dialog__content:last-child { padding-block-end: var(--xkSh4b,var(--qqkfN= d,24px)); } .javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed .javascriptMat= erialdesignGm3WizDialog-dialog__surface { overflow: unset; --Fe5l0b: var(--= gm3-sys-color-shadow,#000); } .javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignG= m3WizDialog-dialog--stacked) .javascriptMaterialdesignGm3WizDialog-dialog__= auxiliary-actions { margin-right: auto; } .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateriald= esignGm3WizDialog-dialog__title { color: var(--NAW3rf,var(--gm3-sys-color-o= n-surface,#1f1f1f)); font-family: var(--Ux39Cb,"Google Sans"); line-height:= var(--f0mbYd,2rem); font-size: var(--uIsBm,1.5rem); letter-spacing: var(--= H8HCPd,0); font-weight: var(--Bpk69,400); } .javascriptMaterialdesignGm3WizDialog-dialog--standard.javascriptMaterialde= signGm3WizDialog-dialog__use-updated-dialog-fonts .javascriptMaterialdesign= Gm3WizDialog-dialog__title { font-family: var(--A8mvjc,"Google Sans Flex","= Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizDialog-dialog__title-icon { color: var(--KMM= 8wd,var(--gm3-sys-color-secondary,#00639b)); margin: 0 auto var(--MhWLGe,16= px); } .javascriptMaterialdesignGm3WizDialog-dialog__title-icon i, .javascriptMate= rialdesignGm3WizDialog-dialog__title-icon img, .javascriptMaterialdesignGm3= WizDialog-dialog__title-icon svg { inline-size: var(--OVc2Ab,24px); block-s= ize: var(--d3K6sb,24px); font-size: var(--d3K6sb,24px); color: inherit; } .javascriptMaterialdesignGm3WizDialog-dialog__title-with-icon { flex-direct= ion: column; align-items: center; text-align: center; } .javascriptMaterialdesignGm3WizDialog-dialog--standard:not(.javascriptMater= ialdesignGm3WizDialog-dialog--scrollable) .javascriptMaterialdesignGm3WizDi= alog-dialog__title + .javascriptMaterialdesignGm3WizDialog-dialog__content = { padding-top: var(--urucif,0); } .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateriald= esignGm3WizDialog-dialog__surface { border-radius: var(--QtLBTb,28px); } @media (max-width: 592px) { .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateria= ldesignGm3WizDialog-dialog__surface { max-width: var(--Tlqqfc,calc(100vw - = 32px)); min-width: var(--A8cwbf,var(--pjsEwc,280px)); } } @media (min-width: 592px) { .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateria= ldesignGm3WizDialog-dialog__surface { max-width: var(--Tlqqfc,560px); } } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateria= ldesignGm3WizDialog-dialog__surface { --yXuigc: var(--bBZC5b,3); } } .javascriptMaterialdesignGm3WizDialog-dialog--standard.javascriptMaterialde= signGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-d= ialog__title { border-bottom: var(--ARaXme,1px) solid var(--Uz3gob,var(--gm= 3-sys-color-outline-variant,#c4c7c5)); } .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMateriald= esignGm3WizDialog-dialog__actions { --gm3-button-text-focus-label-text-colo= r: var(--U42Bjf,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-ho= ver-label-text-color: var(--x6yN3c,var(--gm3-sys-color-primary,#0b57d0)); -= -gm3-button-text-hover-state-layer-color: var(--bjveZc,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-hover-state-layer-opacity: var(--MILAk= d,0.08); --gm3-button-text-label-text-color: var(--mZk13c,var(--gm3-sys-col= or-primary,#0b57d0)); --gm3-button-text-label-text-font: var(--MSHA0c,"Goog= le Sans",Roboto,Arial,sans-serif); --gm3-button-text-label-text-size: var(-= -AVLVmd,0.875rem); --gm3-button-text-label-text-tracking: var(--jwcN9d,0rem= ); --gm3-button-text-label-text-weight: var(--NDEsce,500); --gm3-button-tex= t-pressed-label-text-color: var(--oXzPbf,var(--gm3-sys-color-primary,#0b57d= 0)); --gm3-button-text-pressed-state-layer-color: var(--bjveZc,var(--gm3-sy= s-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-opacity: v= ar(--CfTDP,0.1); } .javascriptMaterialdesignGm3WizDialog-dialog--standard.javascriptMaterialde= signGm3WizDialog-dialog__use-updated-dialog-fonts .javascriptMaterialdesign= Gm3WizDialog-dialog__actions { --gm3-button-text-label-text-font: var(--GPf= NXb,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-s= erif); } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__surface { border-radius: var(--QtLBTb,28px); } @media (max-width: 592px) { .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialde= signGm3WizDialog-dialog__surface { max-width: var(--Tlqqfc,calc(100vw - 32p= x)); min-width: var(--A8cwbf,var(--pjsEwc,280px)); } } @media (min-width: 592px) { .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialde= signGm3WizDialog-dialog__surface { max-width: var(--Tlqqfc,560px); } } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialde= signGm3WizDialog-dialog__surface { --yXuigc: var(--bBZC5b,3); } } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__title { color: var(--NAW3rf,var(--gm3-sys-color-on-s= urface,#1f1f1f)); font-family: var(--Ux39Cb,"Google Sans"); line-height: va= r(--f0mbYd,2rem); font-size: var(--uIsBm,1.5rem); letter-spacing: var(--H8H= CPd,0); font-weight: var(--Bpk69,400); } .javascriptMaterialdesignGm3WizDialog-dialog--sheet.javascriptMaterialdesig= nGm3WizDialog-dialog__use-updated-dialog-fonts .javascriptMaterialdesignGm3= WizDialog-dialog__title { font-family: var(--A8mvjc,"Google Sans Flex","Goo= gle Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__header { display: flex; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog_= _title { flex-grow: 1; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog_= _close--tooltip-wrapper { align-self: center; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet:not(.javascriptMaterial= designGm3WizDialog-dialog__scrim--removed) .javascriptMaterialdesignGm3WizD= ialog-dialog__surface { overflow: hidden; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog_= _close { position: relative; top: 4px; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__header + .javascriptMaterialdesignGm3WizDialog-dialo= g__content { padding-block-start: var(--urucif,0); } .javascriptMaterialdesignGm3WizDialog-dialog--no-content-padding .javascrip= tMaterialdesignGm3WizDialog-dialog__content { padding-block-start: var(--ur= ucif,0); padding-inline-end: var(--Cv3aid,0); padding-block-end: var(--xkSh= 4b,0); padding-inline-start: var(--tukwab,0); border-radius: inherit; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog__close { right: 0px; margin-right: 12px; top: 9px; po= sition: absolute; z-index: 1; } .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesi= gnGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dia= log__title { margin-bottom: 1px; padding-bottom: 15px; border-bottom: var(-= -ARaXme,1px) solid var(--Uz3gob,var(--gm3-sys-color-outline-variant,#c4c7c5= )); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__surface { background-color: var(--V5opxd,var(--= gm3-sys-color-surface-container-high,#e9eef6)); border-radius: var(--rjnno,= 28px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { --yXuigc: var(--bk7Hre,3); } } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__header { position: relative; align-items: flex-= start; display: inline-flex; justify-content: space-between; background-col= or: var(--o0m4Bd,var(--V5opxd,var(--gm3-sys-color-surface-container-high,#e= 9eef6))); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__header + .javascriptMaterialdesignGm3WizDialog-= dialog__content { padding-block-start: var(--urucif,0); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__title { color: var(--xEA67d,var(--gm3-sys-color= -on-surface,#1f1f1f)); font-family: var(--kP9oe,"Google Sans"); line-height= : var(--nq7c5e,1.75rem); letter-spacing: var(--lNRz1b,0); font-weight: var(= --elb9zf,400); font-size: var(--XMxwr,1.375rem); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterial= designGm3WizDialog-dialog__use-updated-dialog-fonts .javascriptMaterialdesi= gnGm3WizDialog-dialog__title { font-family: var(--oVubze,"Google Sans Flex"= ,"Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__close { inset: 0px; margin-top: 18px; margin-in= line-end: 18px; --gm3-icon-button-standard-unselected-icon-color: var(--VAc= pzc,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-icon-button-standard-un= selected-focus-icon-color: var(--VAcpzc,var(--gm3-sys-color-on-surface,#1f1= f1f)); --gm3-icon-button-standard-unselected-hover-icon-color: var(--VAcpzc= ,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-icon-button-standard-unsel= ected-pressed-icon-color: var(--VAcpzc,var(--gm3-sys-color-on-surface,#1f1f= 1f)); --gm3-icon-button-standard-icon-size: var(--h4yYxb,24px); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterial= designGm3WizDialog-dialog--titleless .javascriptMaterialdesignGm3WizDialog-= dialog__close { margin-top: 4px; margin-inline-end: 8px; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterial= designGm3WizDialog-dialog--titleless.javascriptMaterialdesignGm3WizDialog-d= ialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__close { mar= gin-top: 0px; margin-bottom: 8px; } .javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesign= Gm3WizDialog-dialog__surface-scrim--shown .javascriptMaterialdesignGm3WizDi= alog-dialog__surface-scrim { opacity: 1; } .javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesign= Gm3WizDialog-dialog__surface-scrim--hiding .javascriptMaterialdesignGm3WizD= ialog-dialog__surface-scrim { transition: opacity 75ms linear; } .javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesign= Gm3WizDialog-dialog__surface-scrim--showing .javascriptMaterialdesignGm3Wiz= Dialog-dialog__surface-scrim { transition: opacity 0.15s linear; } .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim { background-co= lor: rgba(0, 0, 0, 0.32); display: none; opacity: 0; position: absolute; wi= dth: 100%; height: 100%; z-index: 1; } :is(.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--shown, .ja= vascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--showing, .javascr= iptMaterialdesignGm3WizDialog-dialog__surface-scrim--hiding) .javascriptMat= erialdesignGm3WizDialog-dialog__surface-scrim { display: block; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMateria= ldesignGm3WizDialog-dialog__title::before { display: inline-block; width: 0= px; height: 0px; content: ""; vertical-align: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterial= designGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog= -dialog__title { margin-bottom: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterial= designGm3WizDialog-dialog-scroll-divider-header .javascriptMaterialdesignGm= 3WizDialog-dialog__header { background-color: var(--p6YX4c,var(--gm3-sys-co= lor-surface-container-highest,#dde3ea)); border-bottom: var(--ARaXme,1px) s= olid transparent; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen:not(.javascriptMat= erialdesignGm3WizDialog-dialog__scrim--removed) .javascriptMaterialdesignGm= 3WizDialog-dialog__surface { overflow: hidden; } @media (max-width: 960px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { max-height: var(--rimZob,min(560px,= 100% - 32px)); width: var(--RSexXb,560px); height: var(--XFrvOb,unset); max= -width: var(--Tlqqfc,unset); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface .javascriptMaterialdesignGm3WizDialog= -dialog__close { right: -12px; } } @media (max-width: 720px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { height: var(--XFrvOb,unset); width:= var(--RSexXb,unset); } } @media (max-width: 720px) and (max-width: 672px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { width: var(--RSexXb,calc(100vw - 11= 2px)); } } @media (max-width: 720px) and (min-width: 672px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { width: var(--RSexXb,560px); } } @media (max-width: 720px) and (max-height: 720px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { max-height: var(--rimZob,calc(100vh= - 160px)); } } @media (max-width: 720px) and (min-height: 720px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { max-height: var(--rimZob,560px); } } @media (max-width: 720px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__close { right: -12px; } } @media (min-width: 960px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { width: var(--RSexXb,calc(100vw - 40= 0px)); height: var(--XFrvOb,unset); max-height: var(--rimZob,calc(100% - 32= px)); max-width: var(--Tlqqfc,unset); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__close { right: -12px; } } @media (max-height: 400px), (max-width: 600px) { .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface { height: var(--XFrvOb,100%); max-hei= ght: var(--rimZob,100vh); max-width: var(--Tlqqfc,100vw); width: var(--RSex= Xb,100vw); border-radius: var(--QtLBTb,0); background-color: var(--eNKeTe,v= ar(--gm3-sys-color-surface,#fff)); --yXuigc: var(--bBZC5b,0); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__close--tooltip-wrapper { order: -1; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__close { order: -1; left: 0px; margin: 0px 4px= 0px 8px; right: 0px; top: 0px; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__header { align-items: flex-start; justify-con= tent: flex-start; flex: 0 0 auto; padding: 8px 0px 0px; min-height: calc(va= r(--KUOShe, 56px) - 8px); background-color: var(--ZhbiFf,var(--gm3-sys-colo= r-surface,#fff)); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMateri= aldesignGm3WizDialog-dialog--hide-close-button .javascriptMaterialdesignGm3= WizDialog-dialog__header { padding-inline-start: var(--tukwab,24px); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMateri= aldesignGm3WizDialog-dialog-scroll-divider-header .javascriptMaterialdesign= Gm3WizDialog-dialog__header { background-color: var(--QSSaXd,var(--gm3-sys-= color-surface-container,#f0f4f9)); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__title { display: flex; height: fit-content; m= argin-left: 0px; padding: 6px 0px 0px; } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__surface .javascriptMaterialdesignGm3WizDialog= -dialog__content { padding-block-start: var(--urucif,var(--Vjmxof,12px)); p= adding-inline-end: var(--Cv3aid,24px); padding-block-end: var(--xkSh4b,0); = padding-inline-start: var(--tukwab,24px); } .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMater= ialdesignGm3WizDialog-dialog__header--titleless .javascriptMaterialdesignGm= 3WizDialog-dialog__close--tooltip-wrapper { top: 0px; align-self: center; } } .docsWizSidebarSidebarContainer { position: absolute; margin: 6px 16px 16px= ; height: 100%; } .has-right-rail .docsWizSidebarSidebarContainer { margin-left: 0px; margin-= right: 0px; } .appsElementsSurfaceWrapperContainer { display: flex; block-size: 100%; inl= ine-size: 100%; } .appsElementsSurfaceWrapperContainer[data-position=3D"1"] { flex-direction:= row; } .appsElementsSurfaceWrapperContainer[data-position=3D"2"] { flex-direction:= row-reverse; } .appsElementsSurfaceWrapperHost { flex-grow: 1; } .appsElementsSurfaceWrapperSurface { display: flex; } .appsElementsSurfaceWrapperSurfaceContent { display: contents; } .docsPreferencesDialogDialog { --pjsEwc: 498px; --Tlqqfc: 600px; } .docsPreferencesDialogCseMessage { position: relative; top: 8px; } .docsPreferencesDialogPreferenceCheckboxes { display: flex; flex-direction:= column; padding-top: 4px; } .docsPreferencesDialogCheckboxes { --gm3-checkbox-container-size: 18px; --g= m3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; = } .docsPreferencesDialogSubtext { color: var(--gm3-sys-color-on-surface-varia= nt,#444746); margin: 4px 0px; font-size: 13px; } .docsPreferencesDialogStringReplacementListContainer { display: flex; flex-= direction: column; gap: 8px; } .docsPreferencesDialogStringReplacementList { list-style: none; padding-lef= t: 0px; margin-top: 0px; display: inline-flex; flex-direction: column; gap:= 8px; } .docsPreferencesDialogStringReplacementField { margin: 4px 3px 4px 0px; wid= th: 164px; } .docsPreferencesDialogStringReplacementLabel { display: inline-flex; gap: 8= px; } .docsPreferencesDialogStringReplacementListItem { display: inline-flex; ali= gn-items: center; } .docsPreferencesDialogLabelAndTextField { display: flex; flex-direction: co= lumn; } .docsPreferencesDialogEmptyTextFields { display: flex; gap: 8px; margin-lef= t: 52px; margin-top: 4px; font-weight: 700; } .docsCommonWizDialogDialogContent { --gm3-select-shared-text-field-containe= r-height: 40px; --gm3-select-shared-text-field-input-text-size: 16px; --gm3= -text-field-outlined-container-height: 40px; --gm3-button-filled-container-= height: 40px; --gm3-button-outlined-container-height: 40px; --gm3-button-te= xt-container-height: 40px; --gm3-button-filled-tonal-container-height: 40px= ; } .docsCommonWizDialogDialogContent .appsElementsSpinButtonNumericalInputCont= ainer { --gm3-text-field-outlined-container-height: 40px; --gm3-text-field-= outlined-input-text-line-height: var(--ae-spin-button-input-text-line-heigh= t,1.25rem); --gm3-text-field-outlined-input-text-size: var(--ae-spin-button= -input-text-size,0.875rem); --gm3-text-field-outlined-input-text-tracking: = var(--ae-spin-button-input-text-tracking,0rem); --gm3-text-field-outlined-i= nput-text-weight: var(--ae-spin-button-input-text-weight,400); } .docsCommonWizDialogDialogContent .appsElementsSpinButtonHorizontalButton {= --gm3-icon-button-standard-container-height: 24px; --gm3-icon-button-stand= ard-container-width: 24px; --gm3-icon-button-standard-icon-size: 18px; } .docsCommonWizDialogDialogContent .appsElementsSpinButtonVerticalButton { -= -gm3-icon-button-standard-container-height: 20px; --gm3-icon-button-standar= d-container-width: 20px; --gm3-icon-button-standard-icon-size: 20px; --gm3-= icon-button-standard-touch-target-size: 20px; } .docsCommonWizDialogDialogContent .appsElementsSpinButtonVerticalButtonsCon= tainer { gap: 0px; } .docsCommonWizDialogDialogContent { --gm3-checkbox-container-size: 18px; --= gm3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px;= --gm3-checkbox-label-text-size: 0.875rem; --gm3-radio-state-layer-size: 36= px; --gm3-radio-label-text-size: 0.875rem; --gm3-tabs-primary-container-col= or: var(--gm3-sys-color-surface-bright,#fff); --gm3-tabs-primary-focus-indi= cator-active-offset-bottom: -4px; --gm3-button-outlined-focus-indicator-out= line-offset: -3px; --gm3-button-text-focus-indicator-outline-offset: -3px; = --gm3-button-filled-tonal-focus-indicator-outline-offset: -3px; --gm3-check= box-focus-indicator-outline-offset: -3px; --gm3-radio-focus-ring-offset: -3= px; --gm3-switch-focus-indicator-offset: -3px; --gm3-card-outlined-focus-in= dicator-outline-offset: -3px; --gm3-card-filled-focus-indicator-outline-off= set: -3px; --gm3-icon-button-standard-focus-indicator-outline-offset: -3px;= --gm3-icon-button-filled-focus-indicator-outline-offset: -3px; --gm3-dropd= own-button-outlined-focus-indicator-outline-offset: -3px; --hK0TOb: -3px; -= -FvCLB: -3px; } .docsCommonWizDialogDialogContent a { color: var(--gm3-sys-color-primary,#0= b57d0); text-decoration: underline; } .docsCommonWizDialogDialogContent a:focus, .docsCommonWizDialogDialogConten= t a:hover { color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8= %,var(--gm3-sys-color-primary,#0b57d0)); } .docsCommonWizDialogDialogContent a:visited { color: var(--ws-sys-color-ext= ended-purple-fill,#7438d2); } .docsCommonWizDialogDialogContent a:visited:focus, .docsCommonWizDialogDial= ogContent a:visited:hover { color: color-mix(in srgb,var(--ws-sys-color-ext= ended-on-purple-fill,#fff) 10%,var(--ws-sys-color-extended-purple-fill,#743= 8d2)); } .commonNoticeComponentContainer { border-radius: 8px; padding: 4px 16px; } .commonNoticeComponentErrorContainer { background-color: var(--gm3-sys-colo= r-error-container,#f9dedc); color: var(--gm3-sys-color-on-error-container,#= 8c1d18); } .commonNoticeComponentCautionContainer { background-color: var(--ws-sys-col= or-extended-yellow-tonal,#fff2b4); color: var(--ws-sys-color-extended-on-ye= llow-tonal,#6d3a01); } .commonNoticeComponentInfoContainer { background-color: var(--gm3-sys-color= -primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-containe= r,#0842a0); } .commonNoticeComponentContainerSection { padding: 12px 0px; display: flex; = align-items: center; } .commonNoticeComponentIconContainer { padding-right: 16px; } .commonNoticeComponentInfoIcon { color: var(--gm3-sys-color-on-primary-cont= ainer,#0842a0); } .commonNoticeComponentErrorIcon { color: var(--gm3-sys-color-on-error-conta= iner,#8c1d18); } .commonNoticeComponentContent { letter-spacing: 0.00625rem; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-bar.javascriptMaterialdesign= Gm3WizTabsPrimary-tab-bar { border-bottom: var(--gm3-tabs-primary-divider-h= eight,1px) solid var(--gm3-tabs-primary-divider-color,var(--gm3-sys-color-s= urface-variant,#e1e3e1)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab-bar { background-color: var(= --gm3-tabs-primary-tablist-container-color,transparent); border-radius: var= (--gm3-tabs-primary-tablist-container-shape,0); height: var(--gm3-tabs-prim= ary-tablist-container-height,auto); padding-inline: var(--gm3-tabs-primary-= tablist-container-inline-space,0); } .javascriptMaterialdesignGm3WizTabsPrimary-tab { min-width: 90px; padding: = 0px 24px; display: flex; flex: 1 0 auto; justify-content: center; box-sizin= g: border-box; margin: 0px; border-width: medium; border-style: none; borde= r-color: currentcolor; border-image: none; outline: none; text-align: cente= r; white-space: nowrap; text-transform: none; cursor: pointer; appearance: = none; width: auto; font-size: 0.875rem; z-index: unset; position: relative;= background-color: var(--gm3-tabs-primary-container-color,var(--gm3-sys-col= or-surface,#fff)); border-end-end-radius: var(--gm3-tabs-primary-container-= shape-end-end,0); border-end-start-radius: var(--gm3-tabs-primary-container= -shape-end-start,0); border-start-end-radius: var(--gm3-tabs-primary-contai= ner-shape-start-end,0); border-start-start-radius: var(--gm3-tabs-primary-c= ontainer-shape-start-start,0); --NRr4y: var(--gm3-tabs-primary-focus-indica= tor-color,var(--gm3-sys-color-secondary,#00639b)); --eJOJeb: var(--gm3-tabs= -primary-focus-indicator-outline-offset,-3px); --po6djf: var(--gm3-tabs-pri= mary-container-shape-end-end,0px); --Oypuue: var(--gm3-tabs-primary-contain= er-shape-end-start,0px); --cIYKdb: var(--gm3-tabs-primary-container-shape-s= tart-end,0px); --QzESQd: var(--gm3-tabs-primary-container-shape-start-start= ,0px); --QTb7ce: var(--gm3-tabs-primary-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab__wrapper { display: flex; fl= ex-grow: 1; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:active .javascriptMaterialde= signGm3WizTabsPrimary-tab-indicator__content--underline, .javascriptMateria= ldesignGm3WizTabsPrimary-tab:hover .javascriptMaterialdesignGm3WizTabsPrima= ry-tab-indicator__content--underline { border-color: var(--gm3-tabs-primary= -active-indicator-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator .javascriptMateria= ldesignGm3WizTabsPrimary-tab-indicator__content--underline { border-color: = var(--gm3-tabs-primary-active-indicator-color,var(--gm3-sys-color-primary,#= 0b57d0)); border-top-width: var(--gm3-tabs-primary-active-indicator-height,= 3px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--stacked) { height: calc(var(--gm3-tabs-primary-cont= ainer-height, 48px) - var(--gm3-tabs-primary-divider-height, 1px)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active { --gm3-font-icon-fi= ll: var(--gm3-tabs-primary-with-icon-active-icon-fill,unset); --NRr4y: var(= --gm3-tabs-primary-active-focus-indicator-color,var(--gm3-sys-color-seconda= ry,#00639b)); --eJOJeb: var(--gm3-tabs-primary-active-focus-indicator-outli= ne-offset,-3px); --zpfArf: var(--gm3-tabs-primary-focus-indicator-active-of= fset-bottom,-4px); --QTb7ce: var(--gm3-tabs-primary-active-focus-indicator-= thickness,3px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active) { --gm3-font-icon-fill: var(--gm3-tabs-prim= ary-with-icon-inactive-icon-fill,unset); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:focus-visible { --Mal6Ee: bl= ock; } .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label { transition: co= lor 0.15s linear; display: inline-block; z-index: 2; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator { display: flex; p= osition: absolute; top: 0px; left: 0px; justify-content: center; width: 100= %; height: 100%; pointer-events: none; z-index: var(--gm3-tabs-primary-acti= ve-indicator-z-index,1); } .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content { transfo= rm-origin: left center; opacity: 0; align-self: flex-end; box-sizing: borde= r-box; width: 100%; border-top-style: solid; transition: var(--gm3-tabs-pri= mary-active-indicator-transition-duration,.25s) transform var(--gm3-tabs-pr= imary-active-indicator-transition-easing,cubic-bezier(.4,0,.2,1)); border-t= op-width: 2px; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator--active .javascrip= tMaterialdesignGm3WizTabsPrimary-tab-indicator__content { opacity: 1; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator--no-transition .ja= vascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content { transition= : none; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller { overflow-y: hidde= n; height: var(--gm3-tabs-primary-tablist-container-scroller-height,auto); = align-content: var(--gm3-tabs-primary-tablist-container-scroller-align-cont= ent,normal); } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller, .javascriptMateria= ldesignGm3WizTabsPrimary-tab-scroller__scroll-area { border-radius: var(--g= m3-tabs-primary-tablist-container-scroller-shape,0); } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area { disp= lay: flex; overflow-x: hidden; scrollbar-width: none; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area::-webk= it-scrollbar { display: none; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area--scrol= l { overflow-x: scroll; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content { p= osition: relative; display: flex; flex: 1 0 auto; transform: none; will-cha= nge: transform; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content .ja= vascriptMaterialdesignGm3WizTabsPrimary-tab { padding: 0px 16px; min-width:= auto; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--align-start .javas= criptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content { justify= -content: flex-start; } .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--align-end .javascr= iptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content { justify-c= ontent: flex-end; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--min-width { flex: 0 1 auto;= } .javascriptMaterialdesignGm3WizTabsPrimary-tab__content { display: flex; al= ign-items: center; justify-content: center; height: inherit; pointer-events= : none; position: relative; } .javascriptMaterialdesignGm3WizTabsPrimary-tab .gm3-tab__icon { transition:= color 0.15s linear; z-index: 2; height: var(--gm3-tabs-primary-with-icon-i= con-size,24px); width: var(--gm3-tabs-primary-with-icon-icon-size,24px); fo= nt-size: var(--gm3-tabs-primary-with-icon-icon-size,24px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab .gm3-tab__icon svg { display= : block; margin: auto; height: inherit; width: inherit; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--stacked) .javascriptMaterialdesignGm3WizTabsPrimary= -tab__content > .gm3-tab__icon + .javascriptMaterialdesignGm3WizTabsPrimary= -tab__text-label { padding-left: var(--gm3-tabs-primary-with-icon-icon-labe= l-space,8px); padding-right: 0px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTabsPrimary-tab--active { --NRr4y: var(--g= m3-tabs-primary-hcm-on-active-indicator-color,unset); --eJOJeb: var(--gm3-t= abs-primary-hcm-active-focus-indicator-outline-offset,-3px); --QTb7ce: var(= --gm3-tabs-primary-hcm-active-focus-indicator-thickness,3px); } } .javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3W= izTabsPrimary-tab--stacked { height: calc(var(--gm3-tabs-primary-with-icon-= and-label-text-container-height, 64px) - var(--gm3-tabs-primary-divider-hei= ght, 1px)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3W= izTabsPrimary-tab--stacked .javascriptMaterialdesignGm3WizTabsPrimary-tab__= content { flex-direction: column; align-items: center; justify-content: cen= ter; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active { --sbadab: var(--gm= 3-tabs-primary-active-hover-state-layer-color,var(--gm3-sys-color-primary,#= 0b57d0)); --F1tVH: var(--gm3-tabs-primary-active-hover-state-layer-color,va= r(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--gm3-tabs-primary-activ= e-hover-state-layer-opacity,0.08); --kDWEsd: var(--gm3-tabs-primary-active-= pressed-state-layer-opacity,0.1); --QOcx9e: var(--gm3-tabs-primary-containe= r-shape-start-start,0px); --vRgHIb: var(--gm3-tabs-primary-container-shape-= start-end,0px); --Pk3PIb: var(--gm3-tabs-primary-container-shape-end-start,= 0px); --xg9FB: var(--gm3-tabs-primary-container-shape-end-end,0px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled) .gm3-= tab__icon { color: var(--gm3-tabs-primary-with-icon-active-icon-color,var(-= -gm3-sys-color-primary,#0b57d0)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):hover= .gm3-tab__icon { color: var(--gm3-tabs-primary-with-icon-active-hover-icon= -color,var(--gm3-sys-color-primary,#0b57d0)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):focus= .gm3-tab__icon { color: var(--gm3-tabs-primary-with-icon-active-focus-icon= -color,var(--gm3-sys-color-primary,#0b57d0)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):activ= e .gm3-tab__icon { color: var(--gm3-tabs-primary-with-icon-active-pressed-i= con-color,var(--gm3-sys-color-primary,#0b57d0)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled) .java= scriptMaterialdesignGm3WizTabsPrimary-tab__text-label { color: var(--gm3-ta= bs-primary-with-label-text-active-label-text-color,var(--gm3-sys-color-prim= ary,#0b57d0)); font-weight: var(--gm3-tabs-primary-active-label-text-weight= ,500); } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):hover= .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label { color: var(--= gm3-tabs-primary-with-label-text-active-hover-label-text-color,var(--gm3-sy= s-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):focus= .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label { color: var(--= gm3-tabs-primary-with-label-text-active-focus-label-text-color,var(--gm3-sy= s-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):activ= e .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label { color: var(-= -gm3-tabs-primary-with-label-text-active-pressed-label-text-color,var(--gm3= -sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active) { --sbadab: var(--gm3-tabs-primary-inactive= -hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --F1tVH:= var(--gm3-tabs-primary-inactive-hover-state-layer-color,var(--gm3-sys-colo= r-on-surface,#1f1f1f)); --hSHBee: var(--gm3-tabs-primary-inactive-hover-sta= te-layer-opacity,0.08); --kDWEsd: var(--gm3-tabs-primary-inactive-pressed-s= tate-layer-opacity,0.1); --QOcx9e: var(--gm3-tabs-primary-container-shape-s= tart-start,0px); --vRgHIb: var(--gm3-tabs-primary-container-shape-start-end= ,0px); --Pk3PIb: var(--gm3-tabs-primary-container-shape-end-start,0px); --x= g9FB: var(--gm3-tabs-primary-container-shape-end-end,0px); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled) .gm3-tab__icon { color: var(= --gm3-tabs-primary-with-icon-inactive-icon-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):hover .gm3-tab__icon { color= : var(--gm3-tabs-primary-with-icon-inactive-hover-icon-color,var(--gm3-sys-= color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):focus .gm3-tab__icon { color= : var(--gm3-tabs-primary-with-icon-inactive-focus-icon-color,var(--gm3-sys-= color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):active .gm3-tab__icon { colo= r: var(--gm3-tabs-primary-with-icon-inactive-pressed-icon-color,var(--gm3-s= ys-color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled) .javascriptMaterialdesignGm3= WizTabsPrimary-tab__text-label { color: var(--gm3-tabs-primary-with-label-t= ext-inactive-label-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):hover .javascriptMaterialdes= ignGm3WizTabsPrimary-tab__text-label { color: var(--gm3-tabs-primary-with-l= abel-text-inactive-hover-label-text-color,var(--gm3-sys-color-on-surface,#1= f1f1f)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):focus .javascriptMaterialdes= ignGm3WizTabsPrimary-tab__text-label { color: var(--gm3-tabs-primary-with-l= abel-text-inactive-focus-label-text-color,var(--gm3-sys-color-on-surface,#1= f1f1f)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesig= nGm3WizTabsPrimary-tab--active):not(:disabled):active .javascriptMaterialde= signGm3WizTabsPrimary-tab__text-label { color: var(--gm3-tabs-primary-with-= label-text-inactive-pressed-label-text-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3= WizTabsPrimary-tab__text-label { font-family: var(--gm3-tabs-primary-with-l= abel-text-label-text-font,"Google Sans Flex","Google Sans Text","Google San= s",Roboto,Arial,sans-serif); font-size: var(--gm3-tabs-primary-with-label-t= ext-label-text-size,.875rem); letter-spacing: var(--gm3-tabs-primary-with-l= abel-text-label-text-tracking,0); line-height: var(--gm3-tabs-primary-with-= label-text-label-text-line-height,1.25rem); font-weight: var(--gm3-tabs-pri= mary-with-label-text-label-text-weight,500); font-variation-settings: var(-= -gm3-tabs-primary-with-label-text-label-text-font-variation-settings,initia= l); } .javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3W= izTabsPrimary-tab--stacked .gm3-tab__icon + .javascriptMaterialdesignGm3Wiz= TabsPrimary-tab__text-label { margin-block-start: 2px; } .javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3= WizTabsPrimary-tab__content { position: var(--gm3-tabs-primary-content-posi= tion,relative); } .javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3= WizTabsPrimary-tab-indicator { left: var(--gm3-tabs-primary-active-indicato= r-position-left,0); transform: var(--gm3-tabs-primary-active-indicator-tran= sform,none); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMat= erialdesignGm3WizTabsPrimary-tab-indicator { transform: none; } .javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3= WizTabsPrimary-tab-indicator .javascriptMaterialdesignGm3WizTabsPrimary-tab= -indicator__content--underline { border-start-start-radius: var(--gm3-tabs-= primary-active-indicator-shape-start-start,3px); border-start-end-radius: v= ar(--gm3-tabs-primary-active-indicator-shape-start-end,3px); border-end-end= -radius: var(--gm3-tabs-primary-active-indicator-shape-end-end,0); border-e= nd-start-radius: var(--gm3-tabs-primary-active-indicator-shape-end-start,0)= ; margin: 0 var(--gm3-tabs-primary-active-indicator-inline-space,2px); min-= width: 24px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled) .gm= 3-tab__icon, .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:di= sabled) .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label, .javasc= riptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):active .gm3-= tab__icon, .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disa= bled):active .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label, .j= avascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):focus .= gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:= disabled):focus .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label,= .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):hove= r .gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsPrimary-tab--active:no= t(:disabled):hover .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-lab= el { forced-color-adjust: none; color: var(--gm3-tabs-primary-hcm-on-active= -indicator-color,unset); } } .kixCoeditingOnboardingDialogContainer { background-color: var(--gm3-sys-co= lor-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-conta= iner,#0842a0); max-width: 560px; min-width: 560px; overflow: hidden; } .kixCoeditingOnboardingDialogMediaContainer { height: 350px; } .kixCoeditingOnboardingDialogContentContainer { display: flex; flex-directi= on: column; padding: 24px 24px 28px; gap: 24px; } .kixCoeditingOnboardingDialogTextContainer { display: flex; flex-direction:= column; padding-right: 8px; padding-left: 8px; gap: 16px; } .kixCoeditingOnboardingDialogTitle { font: 400 1.75rem / 2.25rem "Google Sa= ns"; letter-spacing: 0px; text-align: center; } .kixCoeditingOnboardingDialogBody { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.25rem; text-align: center; } .kixCoeditingOnboardingDialogActionContainer { display: flex; flex-directio= n: row; justify-content: flex-end; } .kixCoeditingOnboardingDialogTryItButton { margin: 0px; } .multiChapterSelectionDialogContentContainer { display: flex; } .multiChapterSelectorTitle { display: flex; } .multiChapterSelectorListSelector { display: flex; flex-direction: column; = padding: 16px 16px 0px; } .multiChapterSelectorListSelector .docs-icon { margin: 4px; } .multiChapterSelectorChapterItem { align-items: center; cursor: pointer; di= splay: flex; padding-bottom: 4px; } .multiChapterSelectorChapterLabel { padding: 0px 4px; } .multiChapterSelectorSeparator { background-color: rgba(105, 145, 214, 0.12= ); border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; height: 1px; margin: 5px 7px 7px; } .multiChapterSelectorChapterListContainer { display: flex; flex-direction: = column; } .multiChapterSelectorSelectAllCheckbox { margin-left: -2px; --gm3-checkbox-= container-size: 18px; --gm3-checkbox-state-layer-size: 32px; --gm3-checkbox= -touch-target-size: 0px; --gm3-checkbox-control-label-space: 2px; --gm3-che= ckbox-label-text-weight: 500; } .multiChapterSelectorIndent0 { margin-right: 0px; } .multiChapterSelectorIndent1 { margin-right: 16px; } .multiChapterSelectorIndent2 { margin-right: 32px; } .docsCoWIconDisabled { opacity: 0.38; } .appsDocsCowWizDialogsDialogcomponentsFullscreenDialog { --eNKeTe: var(--gm= 3-sys-color-surface-bright,#fff); --V5opxd: var(--gm3-sys-color-surface-bri= ght,#fff); --xwct5b: 1003; } .kixAiPreviewDiffBottomOverlayWrapper { bottom: 24px; position: fixed; tran= sform: translateX(-50%); z-index: 101; } .kixAiPreviewDiffBottomOverlayContainer { align-items: center; background: = var(--gm3-sys-color-surface,#fff); border-radius: 28px; box-shadow: 0 1px 3= px 0 color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 30%,transparent= ),0 4px 12px 3px color-mix(in sRGB,var(--gm3-sys-color-primary,#0b57d0) 20%= ,transparent); box-sizing: border-box; display: flex; flex-direction: row; = height: 48px; justify-content: space-between; letter-spacing: 0.00625rem; m= ax-width: calc(-32px + 100vw); padding: 6px 12px 6px 16px; vertical-align: = middle; width: 540px; z-index: 101; } .kixAiPreviewDiffBottomOverlayDisclaimer { align-items: center; color: var(= --gm3-sys-color-on-surface-variant,#444746); display: flex; flex: 1 1 auto;= gap: 12px; min-width: 0px; overflow: hidden; } .kixAiPreviewDiffBottomOverlayVisibilityIcon { align-items: center; color: = var(--gm3-sys-color-on-surface-variant,#444746); display: flex; flex-shrink= : 0; } .kixAiPreviewDiffBottomOverlayDisclaimerText { color: var(--gm3-sys-color-o= n-surface-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Ar= ial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.25rem; o= verflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kixAiPreviewDiffBottomOverlayButtonContainer { align-items: center; displa= y: flex; flex-shrink: 0; gap: 8px; } .kixAiPreviewDiffBottomOverlayRejectAllButton { border: 1px solid var(--gm3= -sys-color-outline-variant,#c4c7c5); border-radius: 20px; display: inline-f= lex; --gm3-button-outlined-container-height: 32px; --gm3-button-outlined-le= ading-space: 12px; --gm3-button-outlined-trailing-space: 12px; --gm3-button= -outlined-with-icon-icon-size: 20px; } .kixAiPreviewDiffBottomOverlayAcceptAllButton { display: inline-flex; --gm3= -button-filled-tonal-container-height: 32px; --gm3-button-filled-tonal-lead= ing-space: 12px; --gm3-button-filled-tonal-trailing-space: 12px; --gm3-butt= on-filled-tonal-with-icon-icon-size: 20px; --gm3-button-filled-tonal-contai= ner-color: var(--gm3-sys-color-secondary-container,#c2e7ff); --gm3-button-f= illed-tonal-label-text-color: var(--gm3-sys-color-on-secondary-container,#0= 04a77); --gm3-button-filled-tonal-focus-label-text-color: var(--gm3-sys-col= or-on-secondary-container,#004a77); --gm3-button-filled-tonal-hover-label-t= ext-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-butto= n-filled-tonal-pressed-label-text-color: var(--gm3-sys-color-on-secondary-c= ontainer,#004a77); --gm3-button-filled-tonal-with-icon-icon-color: var(--gm= 3-sys-color-on-secondary-container,#004a77); --gm3-button-filled-tonal-with= -icon-focus-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77)= ; --gm3-button-filled-tonal-with-icon-hover-icon-color: var(--gm3-sys-color= -on-secondary-container,#004a77); --gm3-button-filled-tonal-with-icon-press= ed-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); } .kixAiPreviewDiffBottomOverlayVisible { display: flex; } .kixAiPreviewDiffBottomOverlayHidden { display: none; } .appsElementsCowControlBinderHidden.appsElementsCowControlBinderHidden { di= splay: none; } .esignatureObjectSurfaceCard { --gm3-card-elevated-container-color: var(--g= m3-sys-color-surface,#fff); --gm3-card-elevated-container-shape-start-start= : 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-card-ele= vated-container-shape-end-end: 12px; --gm3-card-elevated-container-shape-en= d-start: 12px; inline-size: 320px; } .esignatureObjectSurfaceFormFieldsContainer { display: flex; flex-direction= : column; padding: 16px 16px 0px; } .esignatureObjectSurfaceSignerDropdownLabel { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spac= ing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface,#= 1f1f1f); padding-bottom: 8px; } .esignatureObjectSurfaceSignerDropdownButton { --gm3-dropdown-button-outlin= ed-container-height: 40px; --gm3-dropdown-button-outlined-container-min-wid= th: 100%; --gm3-dropdown-button-outlined-dropdown-icon-label-space: auto; -= -gm3-dropdown-button-outlined-focus-label-text-color: var(--gm3-sys-color-o= n-surface,#1f1f1f); --gm3-dropdown-button-outlined-focus-outline-color: var= (--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-button-outlined-hover-lab= el-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-butt= on-outlined-hover-outline-color: var(--gm3-sys-color-on-surface,#1f1f1f); -= -gm3-dropdown-button-outlined-hover-state-layer-opacity: 0; --gm3-dropdown-= button-outlined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-dropdown-button-outlined-label-text-size: 1rem; --gm3-dropdown-button= -outlined-label-text-weight: 400; --gm3-dropdown-button-outlined-outline-co= lor: var(--gm3-sys-color-outline,#747775); --gm3-dropdown-button-outlined-o= utline-width: 1px; --gm3-dropdown-button-outlined-pressed-label-text-color:= var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-outlined-pr= essed-outline-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdow= n-button-outlined-pressed-state-layer-opacity: 0; --gm3-dropdown-button-out= lined-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); --gm3-dropdown-button-outlined-with-icon-icon-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-outlined-= with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-dropdown-button-outlined-with-leading-icon-leading-space: 12px; --gm3-dro= pdown-button-outlined-with-leading-icon-trailing-space: 12px; --gm3-dropdow= n-button-outlined-container-shape-start-start: 4px; --gm3-dropdown-button-o= utlined-container-shape-start-end: 4px; --gm3-dropdown-button-outlined-cont= ainer-shape-end-end: 4px; --gm3-dropdown-button-outlined-container-shape-en= d-start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-start-= start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-start-en= d: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-end-end: 4px= ; --gm3-dropdown-button-outlined-pressed-container-shape-end-start: 4px; --= H6apye: none; } .esignatureObjectSurfaceSignerDropdownButton:focus-visible, .esignatureObje= ctSurfaceSignerDropdownButtonMenuOpen { --gm3-dropdown-button-outlined-cont= ainer-height: 44px; --gm3-dropdown-button-outlined-focus-indicator-thicknes= s: 0; --gm3-dropdown-button-outlined-focus-outline-color: var(--gm3-sys-col= or-primary,#0b57d0); --gm3-dropdown-button-outlined-hover-outline-color: va= r(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-button-outlined-outline-= color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-button-outlined= -outline-width: 3px; --gm3-dropdown-button-outlined-pressed-outline-color: = var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-button-outlined-with-i= con-focus-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-= button-outlined-with-icon-hover-icon-color: var(--gm3-sys-color-primary,#0b= 57d0); --gm3-dropdown-button-outlined-with-icon-icon-color: var(--gm3-sys-c= olor-primary,#0b57d0); --gm3-dropdown-button-outlined-with-icon-pressed-ico= n-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-button-outlin= ed-with-leading-icon-leading-space: 10px; --gm3-dropdown-button-outlined-wi= th-leading-icon-trailing-space: 10px; --H6apye: none; } .esignatureObjectSurfaceSignerDropdownButton.esignatureObjectSurfaceSignerD= ropdownButtonError { --gm3-dropdown-button-outlined-focus-label-text-color:= var(--gm3-sys-color-error,#b3261e); --gm3-dropdown-button-outlined-focus-o= utline-color: var(--gm3-sys-color-error,#b3261e); --gm3-dropdown-button-out= lined-hover-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-dro= pdown-button-outlined-hover-outline-color: var(--gm3-sys-color-error,#b3261= e); --gm3-dropdown-button-outlined-label-text-color: var(--gm3-sys-color-er= ror,#b3261e); --gm3-dropdown-button-outlined-outline-color: var(--gm3-sys-c= olor-error,#b3261e); --gm3-dropdown-button-outlined-pressed-label-text-colo= r: var(--gm3-sys-color-error,#b3261e); --gm3-dropdown-button-outlined-press= ed-outline-color: var(--gm3-sys-color-error,#b3261e); --gm3-dropdown-button= -outlined-with-icon-focus-icon-color: var(--gm3-sys-color-error,#b3261e); -= -gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3-sys-col= or-error,#b3261e); --gm3-dropdown-button-outlined-with-icon-icon-color: var= (--gm3-sys-color-error,#b3261e); --gm3-dropdown-button-outlined-with-icon-p= ressed-icon-color: var(--gm3-sys-color-error,#b3261e); } .esignatureObjectSurfaceSignerColor { block-size: 20px; border: 1px solid v= ar(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 9999px; inline-= size: 20px; margin-inline-end: 12px; } .esignatureObjectSurfaceEditEsigFieldsButtonContainer { display: flex; just= ify-content: flex-end; } .esignatureObjectSurfaceEditEsigFieldsButton { display: flex; margin: 8px 1= 6px 8px 0px; } .esignatureObjectSurfaceEditEsigFieldsButtonIcon { margin-inline-end: 8px; = } .esignatureObjectSurfaceUnassignedFieldErrorContainer { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; l= etter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-er= ror,#b3261e); display: flex; gap: 8px; margin: 4px 16px 0px; } .esignatureObjectSurfaceUnassignedFieldErrorIcon { display: block; } .esignatureObjectSurfaceCustomTextField { inline-size: 155px; margin: 16px = 0px 8px; --gm3-text-field-outlined-container-height: 40px; --gm3-text-field= -outlined-input-text-size: 14px; --gm3-text-field-outlined-supporting-text-= line-height: 0; --gm3-text-field-outlined-supporting-text-size: 0; --gm3-te= xt-field-outlined-supporting-text-top-space: 0; } .esignatureObjectSurfaceCustomTextFieldsContainer { display: flex; flex-dir= ection: row; gap: 16px; } .esignatureObjectSurfaceFontSizeControlsContainer { display: flex; flex-dir= ection: row; gap: 0px; } .esignatureObjectSurfaceSpinButton { margin: 16px 0px 8px; } .esignatureObjectSurfaceSpinButton .appsElementsSpinButtonNumericalInputCon= tainer { --gm3-text-field-outlined-container-height: 40px; --gm3-text-field= -outlined-input-text-line-height: var(--ae-spin-button-input-text-line-heig= ht,1.25rem); --gm3-text-field-outlined-input-text-size: var(--ae-spin-butto= n-input-text-size,0.875rem); --gm3-text-field-outlined-input-text-tracking:= var(--ae-spin-button-input-text-tracking,0rem); --gm3-text-field-outlined-= input-text-weight: var(--ae-spin-button-input-text-weight,400); } .esignatureObjectSurfaceSpinButton .appsElementsSpinButtonHorizontalButton = { --gm3-icon-button-standard-container-height: 24px; --gm3-icon-button-stan= dard-container-width: 24px; --gm3-icon-button-standard-icon-size: 18px; } .esignatureObjectSurfaceSpinButton .appsElementsSpinButtonVerticalButton { = --gm3-icon-button-standard-container-height: 20px; --gm3-icon-button-standa= rd-container-width: 20px; --gm3-icon-button-standard-icon-size: 20px; --gm3= -icon-button-standard-touch-target-size: 20px; } .esignatureObjectSurfaceSpinButton .appsElementsSpinButtonVerticalButtonsCo= ntainer { gap: 0px; } .esignatureObjectSurfaceSpinButton { --ae-spin-button-input-container-width= : 56px; } .esignatureObjectSurfaceMenu { --gm3-list-divider-height: 1.5px; --gm3-list= -list-item-content-gap: 11px; --gm3-list-list-item-label-text-line-height: = 24px; --gm3-list-list-item-label-text-size: 16px; --gm3-list-list-item-labe= l-text-weight: 400; --gm3-list-list-item-leading-space: 13px; --gm3-list-li= st-item-trailing-space: 13px; --gm3-list-list-item-control-selected-label-t= ext-weight: 400; --gm3-menu-container-color: var(--gm3-sys-color-surface,#f= ff); --gm3-menu-divider-height: 1.5px; --gm3-menu-list-item-container-heigh= t: 32px; --gm3-menu-list-item-content-gap: 11px; --gm3-menu-list-item-label= -text-line-height: 24px; --gm3-menu-list-item-label-text-size: 16px; --gm3-= menu-list-item-label-text-weight: 400; --gm3-menu-list-item-leading-space: = 13px; --gm3-menu-list-item-trailing-space: 13px; --gm3-menu-list-item-contr= ol-selected-label-text-weight: 400; inline-size: 288px; margin-block-start:= -4px; z-index: 1003; } .esignatureObjectSurfaceSelectedSignerItem { --gm3-list-list-item-container= -color: var(--gm3-sys-color-surface-variant,#e1e3e1); --gm3-list-list-item-= control-selected-container-color: var(--gm3-sys-color-surface-variant,#e1e3= e1); --gm3-list-list-item-fallback-selection-end-margin: 0; } .esignatureObjectSurfaceManageSignersItemIcon { color: var(--gm3-sys-color-= on-surface-variant,#444746); } .esignatureObjectSurfaceManageSignersItemIcon.esignatureObjectSurfaceManage= SignersItemIcon { margin-left: -1px; margin-bottom: 2px; } .eSignatureSidebarAnchoredButtonContainer { display: flex; flex-direction: = column; justify-content: center; padding: 20px 0px 0px; text-align: center;= } .eSignatureSidebarButtonContainer { width: 288px; } .eSignatureSidebarDragIcon { color: var(--gm3-sys-color-on-surface-variant,= #444746); } :disabled .eSignatureSidebarDragIcon { color: color-mix(in srgb,var(--gm3-s= ys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff)); } .eSignatureSidebarFieldButtonIcon { color: var(--gm3-sys-color-primary,#0b5= 7d0); } :disabled .eSignatureSidebarFieldButtonIcon { color: color-mix(in srgb,var(= --gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surface,#fff));= } .eSignatureSidebarIconWrapper { pointer-events: none; } :disabled .eSignatureSidebarIconWrapper { opacity: 0.38; } .eSignatureSidebarSupportingText { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.0062= 5rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant,#444= 746); padding-bottom: 12px; } .eSignatureSidebarUpgradeButtonContainer { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacin= g: 0px; line-height: 1.25rem; text-align: center; } .eSignatureSidebarUpgradeButton { width: 256px; height: 32px; } .eSignatureSidebarSignersSelect { display: flex; width: 100%; padding-botto= m: 8px; } .eSignatureSidebarPremiumFeatureText { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0= px; line-height: 1.25rem; display: inline-block; } .eSignatureSidebarUpgradeText { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; pa= dding-top: 5px; padding-bottom: 5px; font-size: 13px; color: var(--gm3-sys-= color-on-surface,#1f1f1f); } .eSignatureSidebarUpgradeContainer { text-align: left; border-radius: 8px; = background: var(--gm3-sys-color-surface-container-high,#e9eef6); box-sizing= : border-box; width: 288px; padding: 8px 16px 12px; } .eSignatureSidebarHeading { font-family: "Google Sans", Roboto, Arial, sans= -serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-he= ight: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); margin-botto= m: 8px; margin-top: 16px; } .eSignatureSidebarFieldButton { width: 100%; justify-content: left; --gm3-b= utton-outlined-label-text-color: var(--gm3-sys-color-primary,#0b57d0); gap:= 8px; } .eSignatureSidebarContentContainer { display: flex; flex-direction: column;= height: 100%; } .eSignatureSidebarUpgradeTextContainer { display: flex; padding-top: 8px; } .eSignatureSidebarTextContainer { padding: 0px 26px 8px 16px; flex: 1 0 0px= ; } .eSignatureSidebarFieldsViewContent { flex: 1 1 0%; } .eSignatureSidebarSignerSelectMenuItem { display: flex; flex-direction: col= umn; gap: 8px; padding-bottom: 8px; } .eSignatureSidebarButtonLabel { padding-right: 2px; } .eSignatureSidebarSelectIcon { display: inline-block; height: 20px; width: = 20px; border-radius: 9999px; border: 1px solid var(--gm3-sys-color-outline-= variant,#c4c7c5); } .eSignatureSidebarManageSignersSelect { vertical-align: baseline; margin: 3= px; } .eSignatureSidebarAlignedIcon { align-self: center; display: inline-flex; } .esignatureManageSignerSignerColor { border-radius: 9999px; border: 1px sol= id var(--gm3-sys-color-outline-variant,#c4c7c5); height: 20px; margin-right= : 8px; width: 20px; } .esignatureManageSignerSigner { display: flex; gap: 10px; align-items: cent= er; padding: 10px 0px; } .esignatureManageSignerSignerInput { width: 360px; } .esignatureManageSignerTrashIcon.docs-icon { height: 24px; margin: 0px; wid= th: 24px; } .esignatureManageSignerDialogHeaderSubtitle { padding-bottom: 5px; } .esignatureManageSignerDialogHeaderSubtitleInfo { color: var(--gm3-sys-colo= r-on-surface-variant,#444746); font-size: 0.75rem; width: 471px; padding-bo= ttom: 16px; } .esignatureManageSignerDialogSignerContainer { max-height: 300px; overflow:= hidden auto; } .esignatureManageSignerDialogSignerListContainer { padding-inline-start: 0p= x; align-items: center; gap: 10px; list-style-type: none; } .esignatureManageSignerDialogInvalidMessageContainer { display: flex; gap: = 10px; } .esignatureManageSignerDialogInvalidMessage { color: var(--gm3-sys-color-er= ror,#b3261e); } .EsignatureRequestDialogSignerInputContainer { display: block; padding-bott= om: 12px; } .EsignatureRequestDialogSignerInput { flex-grow: 1; } .EsignatureRequestDialogMessageTextareaContainer { display: flex; padding-b= ottom: 12px; } .EsignatureRequestDialogMessageTextarea { flex-grow: 1; } .EsignatureRequestDialogWarningContainer { display: flex; line-height: 1.25= rem; margin-top: 16px; word-break: break-word; padding: 10px; border-radius= : 8px; background: var(--gm3-sys-color-primary-container,#d3e3fd); } .EsignatureRequestDialogIcon { display: inline-block; } .EsignatureRequestDialogSigningIcon { margin-right: 16px; } .EsignatureRequestDialogInfoIcon { align-self: center; height: 20px; margin= : 6px 16px 6px 6px; width: 20px; } .EsignatureRequestDialogLockIcon { align-self: center; margin: 4px 13px 0px= 6px; } .EsignatureRequestDialogLanguageIcon { width: 24px; height: 24px; } .EsignatureRequestDialogDocumentInput { width: 100%; padding-top: 16px; } .EsignatureRequestDialogAuditTrail { padding: 8px 0px; width: 100%; } .EsignatureRequestDialogSignerErrorText { color: var(--gm3-sys-color-error,= #b3261e); } .EsignatureRequestDialogRemindersContainer { align-items: center; display: = flex; flex-direction: row; height: 32px; padding-bottom: 2px; margin-top: 1= 0px; } .EsignatureRequestDialogReminderSwitch { --gm3-switch-track-width: 33px; --= gm3-switch-track-height: 20px; --gm3-switch-state-layer-size: 25px; --gm3-s= witch-pressed-handle-height: 16px; --gm3-switch-pressed-handle-width: 16px;= --gm3-switch-selected-handle-height: 14px; --gm3-switch-selected-handle-wi= dth: 14px; --gm3-switch-selected-icon-size: 10px; --gm3-switch-unselected-h= andle-height: 10px; --gm3-switch-unselected-handle-width: 10px; --gm3-switc= h-unselected-icon-size: 10px; --gm3-switch-with-icon-handle-height: 14px; -= -gm3-switch-with-icon-handle-width: 14px; --gm3-switch-touch-target-height:= 20px; --gm3-switch-touch-target-width: 33px; } .EsignatureRequestDialogReminderSwitchLabel { display: flex; font-size: 1re= m; margin-left: 12px; margin-right: 4px; } .EsignatureRequestDialogReminderInfoIcon { height: 20px; width: 20px; } .EsignatureRequestDialogReminderIconButton { display: flex; --gm3-icon-butt= on-standard-container-height: 20px; --gm3-icon-button-standard-container-wi= dth: 20px; --gm3-icon-button-standard-icon-size: 20px; } .EsignatureRequestDialogReminderInfoTooltip { width: 200px; --gm3-tooltip-r= ich-supporting-text-size: 14px; --gm3-tooltip-rich-action-label-text-size: = 14px; } .EsignatureRequestSignerSignerWrapper { display: flex; gap: 12px; align-ite= ms: center; padding: 8px; width: 100%; } .EsignatureRequestSignerSignerColor { border-radius: 4px; height: 20px; wid= th: 20px; } .EsignatureRequestSignerSignerLabel { width: 15%; font-size: 1rem; font-wei= ght: 500; } .EsignatureRequestSignerSignerInput { width: 80%; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip { position: fixed; displ= ay: none; z-index: var(--gm3-tooltip-rich-z-index,2101); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface { box-sizing: b= order-box; min-block-size: 22px; min-inline-size: 40px; overflow-wrap: anyw= here; overflow: hidden; padding-block: var(--gm3-tooltip-rich-container-pad= ding-block,4px); padding-inline: 8px; word-break: normal; max-block-size: v= ar(--gm3-tooltip-rich-container-max-block-size,40vh); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface::before { posit= ion: absolute; box-sizing: border-box; inline-size: 100%; block-size: 100%;= inset-block-start: 0px; inset-inline-start: 0px; border: 1px solid transpa= rent; border-radius: inherit; content: ""; pointer-events: none; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide, .javascriptMateri= aldesignGm3WizTooltipRich-tooltip--showing, .javascriptMaterialdesignGm3Wiz= TooltipRich-tooltip--shown { display: inline-flex; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation { opa= city: 0; transform: scale(0.8); will-change: transform, opacity; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--shown .javascriptMateri= aldesignGm3WizTooltipRich-tooltip__surface-animation { opacity: 1; transfor= m: scale(1); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide .javascriptMateria= ldesignGm3WizTooltipRich-tooltip__surface-animation { transform: scale(1); = } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--showing-transition .jav= ascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation { transit= ion: opacity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bezier= (0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide-transition .javasc= riptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation { transition= : opacity 75ms cubic-bezier(0.4, 0, 1, 1); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich { --gm3-button-tex= t-focus-label-text-color: var(--gm3-tooltip-rich-action-focus-label-text-co= lor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-te= xt-color: var(--gm3-tooltip-rich-action-hover-label-text-color,var(--gm3-sy= s-color-primary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(-= -gm3-tooltip-rich-action-hover-state-layer-color,var(--gm3-sys-color-primar= y,#0b57d0)); --gm3-button-text-hover-state-layer-opacity: var(--gm3-tooltip= -rich-action-hover-state-layer-opacity,0.08); --gm3-button-text-label-text-= color: var(--gm3-tooltip-rich-action-label-text-color,var(--gm3-sys-color-p= rimary,#0b57d0)); --gm3-button-text-label-text-font: var(--gm3-tooltip-rich= -action-label-text-font,"Google Sans Text","Google Sans"); --gm3-button-tex= t-label-text-font-variation-settings: var(--gm3-tooltip-rich-action-label-t= ext-font-variation-settings,initial); --gm3-button-text-label-text-size: va= r(--gm3-tooltip-rich-action-label-text-size,0.875rem); --gm3-button-text-la= bel-text-tracking: var(--gm3-tooltip-rich-action-label-text-tracking,0rem);= --gm3-button-text-label-text-weight: var(--gm3-tooltip-rich-action-label-t= ext-weight,500); --gm3-button-text-pressed-label-text-color: var(--gm3-tool= tip-rich-action-pressed-label-text-color,var(--gm3-sys-color-primary,#0b57d= 0)); --gm3-button-text-pressed-state-layer-opacity: var(--gm3-tooltip-rich-= action-pressed-state-layer-opacity,0.1); --gm3-button-text-pressed-state-la= yer-color: var(--gm3-tooltip-rich-action-hover-state-layer-color,var(--gm3-= sys-color-primary,#0b57d0)); --yXuigc: var(--gm3-tooltip-rich-container-ele= vation,2); --Fe5l0b: var(--gm3-tooltip-rich-container-shadow-color,var(--gm= 3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascriptMateria= ldesignGm3WizTooltipRich-tooltip__use-updated-font-styles { --gm3-button-te= xt-label-text-font: var(--gm3-tooltip-rich-action-label-text-font,"Google S= ans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide.javascriptMaterial= designGm3WizTooltipRich-tooltip--rich, .javascriptMaterialdesignGm3WizToolt= ipRich-tooltip--showing.javascriptMaterialdesignGm3WizTooltipRich-tooltip--= rich, .javascriptMaterialdesignGm3WizTooltipRich-tooltip--shown.javascriptM= aterialdesignGm3WizTooltipRich-tooltip--rich { display: inline-block; posit= ion: absolute; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip-wrapper--rich { position= : relative; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip-wrapper--rich-hoisted { = display: inline-block; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascriptMateria= ldesignGm3WizTooltipRich-tooltip__surface { align-items: flex-start; displa= y: flex; flex-direction: column; line-height: 20px; max-inline-size: var(--= gm3-tooltip-rich-container-max-inline-size,320px); position: relative; text= -align: start; background-color: var(--gm3-tooltip-rich-container-color,var= (--gm3-sys-color-surface-container,#f0f4f9)); border-radius: var(--gm3-tool= tip-rich-container-shape,12px); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__title { margin-block: 0= px; margin-inline: 8px; color: var(--gm3-tooltip-rich-subhead-color,var(--g= m3-sys-color-on-surface-variant,#444746)); font-family: var(--gm3-tooltip-r= ich-subhead-font,"Google Sans Text","Google Sans"); font-size: var(--gm3-to= oltip-rich-subhead-size,.875rem); font-weight: var(--gm3-tooltip-rich-subhe= ad-weight,500); letter-spacing: var(--gm3-tooltip-rich-subhead-tracking,0);= line-height: var(--gm3-tooltip-rich-subhead-line-height,1.25rem); font-var= iation-settings: var(--gm3-tooltip-rich-subhead-font-variation-settings,ini= tial); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__use-updated-font-styles= .javascriptMaterialdesignGm3WizTooltipRich-tooltip__title { font-family: v= ar(--gm3-tooltip-rich-subhead-font,"Google Sans Flex","Google Sans Text","G= oogle Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__title::before { display= : inline-block; inline-size: 0px; block-size: var(--gm3-tooltip-rich-subhea= d-block-size,24px); content: ""; vertical-align: 0px; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { align-self: s= tretch; margin: var(--gm3-tooltip-rich-container-margin-block,8px) 8px; max= -inline-size: calc(var(--gm3-tooltip-rich-container-max-inline-size, 320px)= - 16px); color: var(--gm3-tooltip-rich-supporting-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); font-family: var(--gm3-tooltip-rich-su= pporting-text-font,Roboto,sans-serif); font-size: var(--gm3-tooltip-rich-su= pporting-text-size,.875rem); font-weight: var(--gm3-tooltip-rich-supporting= -text-weight,400); letter-spacing: var(--gm3-tooltip-rich-supporting-text-t= racking,.0178571429em); line-height: var(--gm3-tooltip-rich-supporting-text= -line-height,1.25rem); font-variation-settings: var(--gm3-tooltip-rich-supp= orting-text-font-variation-settings,initial); } @supports (scrollbar-color:auto) { .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { scrollbar-c= olor: var(--gm3-tooltip-rich-scrollbar-thumb-color,var(--gm3-sys-color-outl= ine,#747775)) var(--gm3-tooltip-rich-scrollbar-track-color,transparent); } } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__use-updated-font-styles= .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { font-family:= var(--gm3-tooltip-rich-supporting-text-font,"Google Sans Flex","Google San= s Text","Google Sans",Roboto,Arial,sans-serif); letter-spacing: var(--gm3-t= ooltip-rich-supporting-text-tracking,0); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content-link { text-dec= oration: none; color: var(--gm3-tooltip-rich-action-label-text-color,var(--= gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__interactive-content { o= verflow-x: var(--gm3-tooltip-rich-content-overflow-x,unset); overflow-y: va= r(--gm3-tooltip-rich-content-overflow-y,unset); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich-actions, .javascri= ptMaterialdesignGm3WizTooltipRich-tooltip__content, .javascriptMaterialdesi= gnGm3WizTooltipRich-tooltip__title { z-index: 1; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich-action { margin-bl= ock: 0px; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-bottom { = outline: transparent solid 1px; z-index: -1; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-bottom, .= javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-top { bloc= k-size: var(--gm3-tooltip-rich-caret-size,24px); border-radius: 4px; inline= -size: var(--gm3-tooltip-rich-caret-size,24px); position: absolute; transfo= rm: rotate(35deg) skewY(20deg) scaleX(0.939693); background-color: var(--gm= 3-tooltip-rich-container-color,var(--gm3-sys-color-surface-container,#f0f4f= 9)); } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-top-elevation::af= ter, .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-top-elevatio= n::before { box-shadow: none; } .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-bottom-elevatio= n { border-radius: var(--gm3-tooltip-rich-container-shape,12px); } .DocsSidebarComponentsSidebarContent { --gm3-select-shared-text-field-input= -text-size: 16px; --gm3-button-filled-container-height: 40px; --gm3-button-= outlined-container-height: 40px; --gm3-button-text-container-height: 40px; = --gm3-button-filled-tonal-container-height: 40px; } .DocsSidebarComponentsSidebarContent .appsElementsSpinButtonNumericalInputC= ontainer { --gm3-text-field-outlined-container-height: 40px; --gm3-text-fie= ld-outlined-input-text-line-height: var(--ae-spin-button-input-text-line-he= ight,1.25rem); --gm3-text-field-outlined-input-text-size: var(--ae-spin-but= ton-input-text-size,0.875rem); --gm3-text-field-outlined-input-text-trackin= g: var(--ae-spin-button-input-text-tracking,0rem); --gm3-text-field-outline= d-input-text-weight: var(--ae-spin-button-input-text-weight,400); } .DocsSidebarComponentsSidebarContent .appsElementsSpinButtonHorizontalButto= n { --gm3-icon-button-standard-container-height: 24px; --gm3-icon-button-st= andard-container-width: 24px; --gm3-icon-button-standard-icon-size: 18px; } .DocsSidebarComponentsSidebarContent .appsElementsSpinButtonVerticalButton = { --gm3-icon-button-standard-container-height: 20px; --gm3-icon-button-stan= dard-container-width: 20px; --gm3-icon-button-standard-icon-size: 20px; --g= m3-icon-button-standard-touch-target-size: 20px; } .DocsSidebarComponentsSidebarContent .appsElementsSpinButtonVerticalButtons= Container { gap: 0px; } .DocsSidebarComponentsSidebarContent { --gm3-checkbox-container-size: 18px;= --gm3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0= px; --gm3-checkbox-label-text-size: 0.875rem; --gm3-radio-state-layer-size:= 36px; --gm3-radio-label-text-size: 0.875rem; --gm3-tabs-primary-container-= color: var(--gm3-sys-color-surface-bright,#fff); --gm3-tabs-primary-focus-i= ndicator-active-offset-bottom: -4px; --gm3-button-outlined-focus-indicator-= outline-offset: -3px; --gm3-button-text-focus-indicator-outline-offset: -3p= x; --gm3-button-filled-tonal-focus-indicator-outline-offset: -3px; --gm3-ch= eckbox-focus-indicator-outline-offset: -3px; --gm3-radio-focus-ring-offset:= -3px; --gm3-switch-focus-indicator-offset: -3px; --gm3-card-outlined-focus= -indicator-outline-offset: -3px; --gm3-card-filled-focus-indicator-outline-= offset: -3px; --gm3-icon-button-standard-focus-indicator-outline-offset: -3= px; --gm3-icon-button-filled-focus-indicator-outline-offset: -3px; --gm3-dr= opdown-button-outlined-focus-indicator-outline-offset: -3px; --hK0TOb: -3px= ; --FvCLB: -3px; } .DocsSidebarComponentsSidebarContent a { color: var(--gm3-sys-color-primary= ,#0b57d0); text-decoration: underline; } .DocsSidebarComponentsSidebarContent a:focus, .DocsSidebarComponentsSidebar= Content a:hover { color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#= fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .DocsSidebarComponentsSidebarContent a:visited { color: var(--ws-sys-color-= extended-purple-fill,#7438d2); } .DocsSidebarComponentsSidebarContent a:visited:focus, .DocsSidebarComponent= sSidebarContent a:visited:hover { color: color-mix(in srgb,var(--ws-sys-col= or-extended-on-purple-fill,#fff) 10%,var(--ws-sys-color-extended-purple-fil= l,#7438d2)); } .DocsSidebarComponentsSidebarContent { --gm3-select-shared-menu-list-item-o= ne-line-container-height: 32px; --gm3-select-shared-menu-list-item-one-line= -padding: 0px; --gm3-select-shared-menu-list-item-two-line-container-height= : 48px; --gm3-select-shared-text-field-container-height: 40px; --gm3-select= -shared-menu-container-color: var(--gm3-sys-color-surface-container,#f0f4f9= ); --gm3-list-list-item-one-line-container-height: 40px; --gm3-list-list-it= em-two-line-container-height: 56px; --gm3-list-list-item-one-line-padding: = 0px; --gm3-list-list-item-two-line-padding: 0px; --gm3-list-list-item-fallb= ack-selection-end-margin: 0; --gm3-list-list-item-three-line-container-heig= ht: 72px; --gm3-list-list-item-three-line-padding: 4px; --gm3-list-list-ite= m-label-text-size: 16px; --gm3-list-list-item-label-text-line-height: 24px;= --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-item-control-= selected-label-text-weight: 400; --gm3-menu-container-color: var(--gm3-sys-= color-surface-container,#f0f4f9); --gm3-menu-list-item-container-height: 32= px; --gm3-menu-list-item-label-text-size: 16px; --gm3-menu-list-item-label-= text-line-height: 24px; --gm3-menu-list-item-label-text-weight: 400; --gm3-= menu-list-item-control-selected-label-text-weight: 400; --gm3-text-field-ou= tlined-container-height: 40px; --gm3-text-field-outlined-top-space: 0px; --= gm3-text-field-outlined-bottom-space: 0px; --gm3-button-filled-focus-indica= tor-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-button-= filled-focus-indicator-outline-offset: -3px; } .DocsSidebarComponentsFlexColumn { display: flex; flex-direction: column; h= eight: 100%; } .DocsSidebarComponentsSmallHeaderContentContainer:not(:empty) { margin: 0px= 0px 8px; } .DocsSidebarComponentsHeaderContentContainer:not(:empty) { margin: 0px 0px = 16px; } .DocsSidebarComponentsFooterContentContainer, .DocsSidebarComponentsHeaderC= ontentContainer, .DocsSidebarComponentsSmallHeaderContentContainer { flex-s= hrink: 0; } .DocsSidebarComponentsContentContainer { box-sizing: border-box; display: f= lex; flex-grow: 1; flex-direction: column; margin: 0px -16px; padding-botto= m: 16px; } .DocsSidebarComponentsScrollableContentContainer { padding-left: 16px; over= flow: hidden scroll; } .DocsSidebarComponentsNonScrollableContentContainer { overflow: hidden; } .DocsSidebarComponentsSharedFooterContainer { align-items: center; display:= flex; height: 40px; padding: 0px 0px 16px 8px; } .DocsSidebarComponentsLabeledButtonFooterContainer { gap: 10px; } .DocsSidebarComponentsOkCancelButtonFooterContainer { gap: 8px; justify-con= tent: end; } .DocsSidebarComponentsFullWidthButtonFooterContainer { padding: 16px 0px; } .DocsSidebarComponentsFullWidthButtonFooter { width: 100%; } .DocsSidebarComponentsLabeledButtonFooterLabel { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surfac= e-variant,#444746); margin-right: auto; } .DocsSidebarComponentsLabeledButtonFooterButtonContainer { flex-shrink: 0; = } .DocsSidebarComponentsLoadingBarContainer { height: 4px; margin-bottom: -8p= x; } .DocsSidebarComponentsLoadingBar { --gm3-linear-progress-active-indicator-c= olor: var(--gm3-sys-color-primary,#0b57d0); --gm3-linear-progress-track-thi= ckness: 4px; } .DocsSidebarComponentsVerticallyCenteredContents { margin: auto 0px; } .DocsSidebarComponentsCenteredInfoContainer { padding: 12px 12px 16px; text= -align: center; } .DocsSidebarComponentsCenteredStateHeading { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing:= 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); = margin-bottom: 8px; } .DocsSidebarComponentsCenteredStateBodyWithButton { margin-bottom: 28px; } .DocsSidebarComponentsCenteredStateBody { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,= #444746); } .DocsSidebarComponentsCenteredStateLearnMoreButton, .DocsSidebarComponentsC= enteredStateTextButton { width: 100%; } .DocsSidebarComponentsLoadingComponent { display: flex; flex-direction: col= umn; gap: 48px; } .DocsSidebarComponentsHoverElementInvisible { display: none; } .DocsSidebarComponentsHoverElementVisible { display: block; } .DocsSidebarComponentsSpinner { --yPTsAb: var(--gm3-sys-color-primary,#0b57= d0); --Sewh0e: var(--gm3-sys-color-secondary-container,#c2e7ff); --EkrYwf: = 20px; --EscQs: 4px; --XJrZW: 4px; } .DocsSidebarComponentsSelectedTile { background-color: var(--gm3-sys-color-= surface-container-lowest,#fff); border-radius: 12px; } @media screen and (forced-colors: active) { .DocsSidebarComponentsSelectedTile { outline: solid 1px; } } .DocsSidebarComponentsUnselectedTile { background-color: transparent; borde= r-radius: 12px; } .DocsSidebarComponentsTileCardActionBlock { display: flex; } .DocsSidebarComponentsSidebarIframe { height: 100%; width: 100%; } .DocsSidebarComponentsLabelMediumOnSurfaceVariant { color: var(--gm3-sys-co= lor-on-surface-variant,#444746); font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.00625r= em; line-height: 1rem; } .DocsSidebarComponentsTileHeader:empty { display: none; } .DocsSidebarComponentsCenteredInfoImageContainer { margin-bottom: 28px; } .DocsSidebarComponentsHeader { align-items: center; box-sizing: border-box;= display: flex; gap: 8px; justify-content: space-between; padding: 8px 8px = 8px 16px; } .DocsSidebarComponentsHeading { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-he= ight: 1.5rem; color: var(--gm3-sys-color-on-surface-variant,#444746); margi= n: 0px auto 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space= : nowrap; } .javascriptMaterialdesignGm3WizCard-card__media { position: relative; box-s= izing: border-box; background-repeat: no-repeat; background-position: 50% c= enter; background-size: cover; overflow: hidden; } .javascriptMaterialdesignGm3WizCard-card__media::before { display: block; c= ontent: ""; } .javascriptMaterialdesignGm3WizCard-card__media:first-child { border-start-= start-radius: inherit; border-start-end-radius: inherit; } .javascriptMaterialdesignGm3WizCard-card__media:last-child, .javascriptMate= rialdesignGm3WizCard-card__primary-action .javascriptMaterialdesignGm3WizCa= rd-card__media:nth-last-child(3) { border-end-start-radius: inherit; border= -end-end-radius: inherit; } .javascriptMaterialdesignGm3WizCard-card__primary-action { display: flex; f= lex-direction: column; box-sizing: border-box; position: relative; outline:= none; color: inherit; text-decoration: none; cursor: pointer; overflow: vi= sible; } .javascriptMaterialdesignGm3WizCard-card__primary-action:first-child { bord= er-start-start-radius: inherit; border-start-end-radius: inherit; } .javascriptMaterialdesignGm3WizCard-card__primary-action:last-child { borde= r-end-start-radius: inherit; border-end-end-radius: inherit; } .javascriptMaterialdesignGm3WizCard-card__primary-action:focus-visible .jav= ascriptMaterialdesignGm3WizCard-card__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizCard-card__primary-action-link:focus-visible= ~ .javascriptMaterialdesignGm3WizCard-card__focusring { --H6apye: block; } .javascriptMaterialdesignGm3WizCard-card__primary-action-link { width: 100%= ; height: 100%; outline: none; border-radius: inherit; } .javascriptMaterialdesignGm3WizCardFilled-card { position: relative; displa= y: flex; flex-direction: column; box-sizing: border-box; border-start-start= -radius: var(--gm3-card-filled-container-shape-start-start,12px); border-st= art-end-radius: var(--gm3-card-filled-container-shape-start-end,12px); bord= er-end-end-radius: var(--gm3-card-filled-container-shape-end-end,12px); bor= der-end-start-radius: var(--gm3-card-filled-container-shape-end-start,12px)= ; background-color: var(--gm3-card-filled-container-color,var(--gm3-sys-col= or-surface-container-highest,#dde3ea)); --yXuigc: var(--gm3-card-filled-con= tainer-elevation,0); --Fe5l0b: var(--gm3-card-filled-container-shadow-color= ,var(--gm3-sys-color-shadow,#000)); --nnZJCc: transparent; --jF0a9c: var(--= gm3-card-filled-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b= )); --hK0TOb: var(--gm3-card-filled-focus-indicator-outline-offset,2px); --= SGGi: var(--gm3-card-filled-focus-indicator-thickness,3px); --vTiv8c: var(-= -gm3-card-filled-container-shape-start-start,12px); --UtHrue: var(--gm3-car= d-filled-container-shape-start-end,12px); --uHecC: var(--gm3-card-filled-co= ntainer-shape-end-end,12px); --C8LWjb: var(--gm3-card-filled-container-shap= e-end-start,12px); } .javascriptMaterialdesignGm3WizCardFilled-card > .javascriptMaterialdesignG= m3WizCard-card__primary-action, .javascriptMaterialdesignGm3WizCardFilled-c= ard__content > .javascriptMaterialdesignGm3WizCard-card__primary-action { -= -sbadab: var(--gm3-card-filled-hover-state-layer-color,var(--gm3-sys-color-= on-surface,#1f1f1f)); --hSHBee: var(--gm3-card-filled-hover-state-layer-opa= city,0.08); --F1tVH: var(--gm3-card-filled-pressed-state-layer-color,var(--= gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-card-filled-pressed= -state-layer-opacity,0.1); --QOcx9e: var(--gm3-card-filled-container-shape-= start-start,12px); --vRgHIb: var(--gm3-card-filled-container-shape-start-en= d,12px); --xg9FB: var(--gm3-card-filled-container-shape-end-end,12px); --Pk= 3PIb: var(--gm3-card-filled-container-shape-end-start,12px); } .javascriptMaterialdesignGm3WizCardFilled-card__content { border-radius: in= herit; height: 100%; } .javascriptMaterialdesignGm3WizCardFilled-card::before { position: absolute= ; box-sizing: border-box; width: 100%; height: 100%; inset-block-start: 0px= ; inset-inline-start: 0px; border: 1px solid transparent; border-radius: in= herit; content: ""; pointer-events: none; z-index: 1; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__wrapper { po= sition: relative; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress { position: r= elative; width: 100%; overflow-x: hidden; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicat= or { position: absolute; align-self: center; border-radius: var(--gm3-linea= r-progress-stop-indicator-shape,4px); width: var(--gm3-linear-progress-stop= -indicator-size,4px); height: var(--gm3-linear-progress-stop-indicator-size= ,4px); background-color: var(--gm3-linear-progress-stop-indicator-color,var= (--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indic= ator { background-color: canvastext; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indic= ator { display: none; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress { height: max= (var(--gm3-linear-progress-track-thickness,4px),var(--gm3-linear-progress-a= ctive-indicator-thickness,4px)); display: flex; flex-direction: row; align-= items: flex-start; transform: translateZ(0px); transition: opacity 0.25s cu= bic-bezier(0.4, 0, 0.6, 1); } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar { transf= orm-origin: left top; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar[dir=3D"r= tl"]:not([dir=3D"ltr"]), [dir=3D"rtl"] .javascriptMaterialdesignGm3WizLinea= rProgress-linear-progress__bar:not([dir=3D"ltr"]) { transform-origin: right= center; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indic= ator, .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track = { width: 0px; position: relative; margin: auto 0px; animation: auto ease 0s= 1 normal none running none; transform-origin: left top; transition: min-wi= dth 0.25s cubic-bezier(0.4, 0, 0.6, 1); inset-block: 0px; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indic= ator { display: inline-block; background-color: var(--gm3-linear-progress-a= ctive-indicator-color,var(--gm3-sys-color-primary,#0b57d0)); height: var(--= gm3-linear-progress-active-indicator-thickness,4px); border-radius: var(--g= m3-linear-progress-active-indicator-shape,9999px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-ind= icator { background-color: canvastext; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track { flex= -grow: 1; overflow-x: hidden; background-color: var(--gm3-linear-progress-t= rack-color,var(--gm3-sys-color-secondary-container,#c2e7ff)); height: var(-= -gm3-linear-progress-track-thickness,4px); border-radius: var(--gm3-linear-= progress-track-shape,9999px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track { he= ight: var(--gm3-linear-progress-track-thickness,4px); box-sizing: border-bo= x; border: 1px solid canvastext; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-left, .j= avascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right { po= sition: relative; max-width: var(--gm3-linear-progress-active-indicator-tra= ck-space,4px); animation: auto ease 0s 1 normal none running none; height: = var(--gm3-linear-progress-active-indicator-track-space,4px); } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right { = width: var(--gm3-linear-progress-active-indicator-track-space,4px); flex-sh= rink: 0; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left, = .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right = { background-color: var(--gm3-linear-progress-track-color,var(--gm3-sys-col= or-secondary-container,#c2e7ff)); height: var(--gm3-linear-progress-track-t= hickness,4px); border-radius: var(--gm3-linear-progress-track-shape,9999px)= ; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left= , .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-righ= t { height: var(--gm3-linear-progress-track-thickness,4px); box-sizing: bor= der-box; border: 1px solid canvastext; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right = { flex-shrink: 0; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicat= or { inset-block: 0px; inset-inline-end: var(--gm3-linear-progress-stop-ind= icator-inset,0); animation: auto ease 0s 1 normal none running none; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-bar {= display: flex; position: relative; inset-block: 0px; margin: auto 0px; wid= th: 0px; overflow: hidden; height: var(--gm3-linear-progress-track-thicknes= s,4px); transition: width 0.25s cubic-bezier(0.4, 0, 0.6, 1); border-radius= : var(--gm3-linear-progress-track-shape,9999px); } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-dots = { background-repeat: repeat-x; flex: 1 1 auto; transform: rotate(calc(180de= g*var(--flow-direction, 1))); background-color: var(--gm3-linear-progress-a= ctive-indicator-color,var(--gm3-sys-color-primary,#0b57d0)); mask-image: ur= l("data:image/svg+xml;charset=3Dutf-8,%3Csvg xmlns=3D'http://www.w3.org/200= 0/svg' xml:space=3D'preserve' preserveAspectRatio=3D'xMinYMin slice' viewBo= x=3D'0 0 5 2'%3E%3Ccircle cx=3D'1' cy=3D'1' r=3D'1'/%3E%3C/svg%3E"); margin= -inline-start: calc(var(--gm3-linear-progress-active-indicator-track-space,= 4px)*-5); animation: 0.25s linear 0s infinite normal none running gm3-lpi-= buffering; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-dot= s { background-color: buttonborder; } } @keyframes gm3-lpi-buffering {=20 0% { transform: rotate(calc(180deg*var(--flow-direction, 1))) translateX(= calc(var(--gm3-linear-progress-track-thickness, 4px)*-2.5*var(--flow-direct= ion, 1))); } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress[dir=3D"rtl"]:= not([dir=3D"ltr"]), [dir=3D"rtl"] .javascriptMaterialdesignGm3WizLinearProg= ress-linear-progress:not([dir=3D"ltr"]) { --flow-direction: -1; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--closed { dis= play: none; opacity: 0; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-ind= icator { flex-grow: 1; flex-shrink: 1; width: 0px; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left= { flex-shrink: 0; width: 0px; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-righ= t { flex-shrink: 0; width: 100%; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-left {= width: var(--gm3-linear-progress-active-indicator-track-space,4px); } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right = { width: var(--gm3-linear-progress-active-indicator-track-space,4px); flex-= shrink: 1; } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-r= eady .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-l= eft { animation-duration: ; animation-delay: ; animation-iteration-count: ;= animation-direction: ; animation-fill-mode: ; animation-play-state: ; anim= ation-name: ; animation-timeline: ; animation-range-start: ; animation-rang= e-end: ; animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); } @keyframes gm3-lpi-track-left {=20 0% { width: 0px; } 18% { width: 0px; } 61.5385% { width: calc(50% - var(--gm3-linear-progress-active-indicator-t= rack-space, 4px)); animation-timing-function: cubic-bezier(0.05, 0.7, 0.1, = 1); } 100% { width: 100%; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indetermin= ate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation= -ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track= -left { animation-duration: ; animation-delay: ; animation-iteration-count:= ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; an= imation-name: ; animation-timeline: ; animation-range-start: ; animation-ra= nge-end: ; animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); } @keyframes gm3-lpi-track-left-hcm {=20 0% { width: 0px; border-width: 0px; } 18% { width: 0px; border-width: 0px; } 20% { border-width: 1px; } 61.5385% { border-width: 1px; width: calc(50% - var(--gm3-linear-progress= -active-indicator-track-space, 4px)); animation-timing-function: cubic-bezi= er(0.05, 0.7, 0.1, 1); } 100% { width: 100%; border-width: 1px; } } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-r= eady .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-r= ight { animation-duration: ; animation-delay: ; animation-iteration-count: = ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; ani= mation-name: ; animation-timeline: ; animation-range-start: ; animation-ran= ge-end: ; animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); } @keyframes gm3-lpi-track-right {=20 0% { width: 100%; } 61.5385% { width: 0px; } 100% { width: 0px; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indetermin= ate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation= -ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track= -right { animation-duration: ; animation-delay: ; animation-iteration-count= : ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; a= nimation-name: ; animation-timeline: ; animation-range-start: ; animation-r= ange-end: ; animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); } @keyframes gm3-lpi-track-right-hcm {=20 0% { width: 100%; border-width: 1px; } 61.4% { border-width: 1px; } 61.5385% { width: 0px; border-width: 0px; } 100% { border-width: 0px; width: 0px; } } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-r= eady .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-lef= t { animation: var(--mdc-linear-progress-animation-duration,1.3s) linear in= finite gm3-lpi-gap-left; } @keyframes gm3-lpi-gap-left {=20 0% { width: 0px; } 9.8% { width: 0px; } 20% { width: var(--gm3-linear-progress-active-indicator-track-space,4px);= } 100% { width: var(--gm3-linear-progress-active-indicator-track-space,4px)= ; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminat= e.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-r= eady .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-rig= ht { animation: var(--mdc-linear-progress-animation-duration,1.3s) linear i= nfinite gm3-lpi-gap-right; } @keyframes gm3-lpi-gap-right {=20 61.5385% { width: var(--gm3-linear-progress-active-indicator-track-space,= 4px); } 61.6385% { width: 0px; } 100% { width: 0px; } } .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--closed-anima= tion-off .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buf= fer-dots, .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--cl= osed-animation-off.javascriptMaterialdesignGm3WizLinearProgress-linear-prog= ress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-pr= ogress__bar { animation: auto ease 0s 1 normal none running none; } .appsElementsSideSheetRoot { --gm3-card-outlined-container-color: var(--ae-= side-sheet-container-color,var(--gm3-sys-color-surface,#fff)); --gm3-card-o= utlined-outline-width: var(--ae-side-sheet-outline-width,1px); --gm3-card-o= utlined-outline-color: var(--ae-side-sheet-outline-color,initial); --gm3-ca= rd-outlined-hover-outline-color: var(--ae-side-sheet-hover-outline-color,in= itial); --gm3-card-outlined-pressed-outline-color: var(--ae-side-sheet-pres= sed-outline-color,initial); --gm3-card-outlined-container-shape-start-start= : 16px; --gm3-card-outlined-container-shape-start-end: 16px; --gm3-card-out= lined-container-shape-end-end: 16px; --gm3-card-outlined-container-shape-en= d-start: 16px; overflow: hidden; inline-size: var(--ae-side-sheet-container= -width,320px); } @media screen and (forced-colors: active) { .appsElementsSideSheetRoot { outline: buttonborder solid 1px; } } .appsElementsSideSheetFooter .appsElementsSideSheetHideCancelButton, .appsE= lementsSideSheetHideBackButton, .appsElementsSideSheetHideFooter, .appsElem= entsSideSheetHideHeader { display: none; } .appsElementsSideSheetTitle.appsElementsSideSheetHeaderHeight { line-height= : 2.5rem; block-size: 40px; } .appsElementsSideSheetHeader { display: flex; justify-content: space-betwee= n; align-items: center; padding: 8px 8px 8px 16px; gap: 8px; color: var(--g= m3-sys-color-on-surface-variant,#444746); } .appsElementsSideSheetFooter { padding: 8px 8px 8px 16px; gap: 8px; display= : flex; justify-content: end; } .appsElementsSideSheetTitle { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-heig= ht: 1.5rem; margin: unset; flex-grow: 1; } .appsElementsSideSheetContent { --gm3-card-outlined-container-color: initia= l; --gm3-card-outlined-outline-color: initial; --gm3-card-outlined-outline-= width: initial; --gm3-card-outlined-hover-outline-color: initial; --gm3-car= d-outlined-pressed-outline-color: initial; --gm3-card-outlined-container-sh= ape-start-start: initial; --gm3-card-outlined-container-shape-start-end: in= itial; --gm3-card-outlined-container-shape-end-end: initial; --gm3-card-out= lined-container-shape-end-start: initial; padding-inline: var(--ae-side-she= et-content-padding,16px); flex-grow: 1; min-block-size: 0px; overflow: hidd= en auto; } .appsElementsSideSheetNoHeaderContent { padding-inline: 0px; overflow: hidd= en; } .appsElementsSideSheetContainer { display: flex; height: var(--ae-side-shee= t-container-height,initial); } .openingEsignatureDialogContainer { --pjsEwc: 365px; } .openingEsignatureDialogNotAvailableContent { max-width: 317px; } .docsCommonGMDCDialogCenteredCircularProgress { display: block; margin-left= : auto; margin-right: auto; padding-top: 10px; width: 48px; } .appsKixFeaturesAutocorrectWizMarkdownPromoCalloutStylesCallout { --ae-call= out-container-width: 350px; } .pageNumberDialogDialogContent { display: flex; flex-direction: column; gap= : 16px; } .pageNumberDialogStartAtGroup { display: flex; flex-direction: row; gap: 10= px; } .appsDocsUiMaterialWizCommonLabelledcomponentsLabelledComponent { display: = flex; flex-direction: column; } .appsDocsUiMaterialWizCommonLabelledcomponentsComponentLabel { padding-bott= om: 8px; } .appsDocsUiMaterialWizCommonLabelledcomponentsComponentLabelLargeGap { padd= ing-bottom: 16px; } .appsDocsUiMaterialWizCommonLabelledcomponentsPrimaryLabelAndHelperText { d= isplay: flex; flex-direction: column; gap: 4px; } .appsDocsUiMaterialWizCommonLabelledcomponentsPrimaryLabelText { color: var= (--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0p= x; line-height: 1.25rem; } .appsDocsUiMaterialWizCommonLabelledcomponentsSecondaryLabelText { color: v= ar(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-sp= acing: 0.00625rem; line-height: 1rem; } .appsDocsUiMaterialWizCommonLabelledcomponentsTertiaryLabelText { color: va= r(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; } .appsDocsUiMaterialWizCommonLabelledcomponentsHelperText { color: var(--gm3= -sys-color-on-surface-variant,#444746); font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0= .00625rem; line-height: 1rem; } .appsDocsUiMaterialWizCommonLabelledcomponentsDisabledLabel { opacity: 0.38= ; } @media screen and (forced-colors: active) { .appsDocsUiMaterialWizCommonLabelledcomponentsDisabledLabel { color: gray= text; opacity: 1; } } .docsCommonGMDCDialogVerticallyStackedRadioGroup { display: inline-flex; fl= ex-direction: column; } .appsElementsSpinButtonNumericalInputContainer { --gm3-text-field-filled-co= ntainer-height: 56px; --gm3-text-field-filled-input-text-line-height: var(-= -ae-spin-button-input-text-line-height,1.25rem); --gm3-text-field-filled-in= put-text-size: var(--ae-spin-button-input-text-size,0.875rem); --gm3-text-f= ield-filled-input-text-tracking: var(--ae-spin-button-input-text-tracking,0= rem); --gm3-text-field-filled-input-text-weight: var(--ae-spin-button-input= -text-weight,400); } .appsElementsSpinButtonNumericalInputContainer { --gm3-text-field-outlined-= container-height: 56px; --gm3-text-field-outlined-input-text-line-height: v= ar(--ae-spin-button-input-text-line-height,1.25rem); --gm3-text-field-outli= ned-input-text-size: var(--ae-spin-button-input-text-size,0.875rem); --gm3-= text-field-outlined-input-text-tracking: var(--ae-spin-button-input-text-tr= acking,0rem); --gm3-text-field-outlined-input-text-weight: var(--ae-spin-bu= tton-input-text-weight,400); } .appsElementsSpinButtonHorizontalButton { --gm3-icon-button-standard-contai= ner-height: 40px; --gm3-icon-button-standard-container-width: 40px; --gm3-i= con-button-standard-icon-size: 24px; } .appsElementsSpinButtonVerticalButton { --gm3-icon-button-standard-containe= r-height: 24px; --gm3-icon-button-standard-container-width: 24px; --gm3-ico= n-button-standard-icon-size: 24px; --gm3-icon-button-standard-touch-target-= size: 24px; } .appsElementsSpinButtonNumericalInputContainer { width: var(--ae-spin-butto= n-input-container-width,fit-content); } .appsElementsSpinButtonFillAvailableWidthContainer { width: 100%; } .appsElementsSpinButtonFillAvailableWidthContainer .appsElementsSpinButtonN= umericalInputContainer { width: var(--ae-spin-button-input-container-width,= 100%); } .appsElementsSpinButtonNumericalInput.appsElementsSpinButtonNumericalInput = { text-align: var(--ae-spin-button-input-text-align,center); min-width: 2ch= ; } .appsElementsSpinButtonNumericalInput.appsElementsSpinButtonNumericalInput:= :-webkit-inner-spin-button, .appsElementsSpinButtonNumericalInput.appsEleme= ntsSpinButtonNumericalInput::-webkit-outer-spin-button { appearance: none; = margin: 0px; } .appsElementsSpinButtonFillAvailableWidthContainer .appsElementsSpinButtonN= umericalInput.appsElementsSpinButtonNumericalInput { width: 100%; } .appsElementsSpinButtonNumericalInputBase { --gm3-text-field-filled-active-= indicator-height: 0; --gm3-text-field-filled-disabled-active-indicator-heig= ht: 0; --gm3-text-field-filled-focus-active-indicator-thickness: 0; --gm3-t= ext-field-filled-hover-active-indicator-height: 0; font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-sp= acing: 0px; line-height: 1.5rem; border-radius: 4px; overflow: hidden; } .appsElementsSpinButtonFillAvailableWidthContainer .appsElementsSpinButtonN= umericalInputBase { width: 100%; } .appsElementsSpinButtonNumericalInputInvalid { --gm3-text-field-filled-cont= ainer-color: var(--gm3-sys-color-error-container,#f9dedc); } .appsElementsSpinButtonHorizontalSpinButtonRoot { display: flex; align-item= s: center; width: fit-content; gap: 4px; } .appsElementsSpinButtonVerticalSpinButtonRoot { display: inline-flex; gap: = 4px; } .appsElementsSpinButtonVerticalButtonsContainer { display: flex; flex-direc= tion: column; justify-content: center; gap: 4px; } .appsElementsSpinButtonVerticalButton { display: flex; justify-content: cen= ter; align-items: flex-start; padding: 0px; } .appsElementsSpinButtonSvgIcon { display: block; } .appsElementsSpinButtonFillAvailableWidthContainer .appsElementsSpinButtonE= rrorTooltip { width: 100%; } .javascriptMaterialdesignGm3WizTextFieldFilledOldTokens { --upgradeable-gm3= -text-field-filled-error-hover-active-indicator-color: var(--gm3-text-field= -filled-error-hover-active-indicator-color,var(--gm3-sys-color-on-error-con= tainer,#410e0b)); --upgradeable-gm3-text-field-filled-error-hover-label-tex= t-color: var(--gm3-text-field-filled-error-hover-label-text-color,var(--gm3= -sys-color-on-error-container,#410e0b)); --upgradeable-gm3-text-field-fille= d-error-hover-trailing-icon-color: var(--gm3-text-field-filled-error-hover-= trailing-icon-color,var(--gm3-sys-color-on-error-container,#410e0b)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root { display: = inline-flex; flex-direction: column; position: relative; --gm3-text-field-c= haracter-counter-supporting-text-character-counter-space: var(--gm3-text-fi= eld-filled-supporting-text-character-counter-space,16px); --gm3-text-field-= character-counter-supporting-text-font: var(--gm3-text-field-filled-support= ing-text-font,"Google Sans",Roboto,Arial,sans-serif); --gm3-text-field-char= acter-counter-supporting-text-font-variation-settings: var(--gm3-text-field= -filled-supporting-text-font-variation-settings,initial); --gm3-text-field-= character-counter-supporting-text-line-height: var(--gm3-text-field-filled-= supporting-text-line-height,1rem); --gm3-text-field-character-counter-suppo= rting-text-size: var(--gm3-text-field-filled-supporting-text-size,0.75rem);= --gm3-text-field-character-counter-supporting-text-tracking: var(--gm3-tex= t-field-filled-supporting-text-tracking,0.00625rem); --gm3-text-field-chara= cter-counter-supporting-text-weight: var(--gm3-text-field-filled-supporting= -text-weight,400); --gm3-text-field-character-counter-supporting-text-color= : var(--gm3-text-field-filled-supporting-text-color,var(--gm3-sys-color-on-= surface-variant,#444746)); --gm3-text-field-helper-text-supporting-text-fon= t: var(--gm3-text-field-filled-supporting-text-font,"Google Sans",Roboto,Ar= ial,sans-serif); --gm3-text-field-helper-text-supporting-text-font-variatio= n-settings: var(--gm3-text-field-filled-supporting-text-font-variation-sett= ings,initial); --gm3-text-field-helper-text-supporting-text-line-height: va= r(--gm3-text-field-filled-supporting-text-line-height,1rem); --gm3-text-fie= ld-helper-text-supporting-text-size: var(--gm3-text-field-filled-supporting= -text-size,0.75rem); --gm3-text-field-helper-text-supporting-text-tracking:= var(--gm3-text-field-filled-supporting-text-tracking,0.00625rem); --gm3-te= xt-field-helper-text-supporting-text-weight: var(--gm3-text-field-filled-su= pporting-text-weight,400); --gm3-text-field-helper-text-supporting-text-wor= d-break: var(--gm3-text-field-filled-supporting-text-word-break,normal); --= gm3-text-field-icon-leading-icon-size: var(--gm3-text-field-filled-leading-= icon-size,24px); --gm3-text-field-icon-trailing-icon-size: var(--gm3-text-f= ield-filled-trailing-icon-size,24px); --gm3-text-field-icon-with-leading-ic= on-icon-label-text-space: var(--gm3-text-field-filled-with-leading-icon-ico= n-label-text-space,16px); --gm3-text-field-icon-with-trailing-icon-icon-lab= el-text-space: var(--gm3-text-field-filled-with-trailing-icon-icon-label-te= xt-space,16px); --gm3-text-field-icon-with-trailing-icon-trailing-space: va= r(--gm3-text-field-filled-with-trailing-icon-trailing-space,12px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font= -styles.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root { --= gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-field= -filled-supporting-text-font,"Google Sans Flex","Google Sans Text","Google = Sans",Roboto,Arial,sans-serif); --gm3-text-field-helper-text-supporting-tex= t-font: var(--gm3-text-field-filled-supporting-text-font,"Google Sans Flex"= ,"Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root[hidden] { d= isplay: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field { border-start-st= art-radius: var(--gm3-text-field-filled-container-shape-start-start,4px); b= order-start-end-radius: var(--gm3-text-field-filled-container-shape-start-e= nd,4px); border-end-start-radius: 0px; border-end-end-radius: 0px; padding-= inline: max(var(--gm3-text-field-filled-leading-space,16px),min(var(--gm3-t= ext-field-filled-container-shape-start-start,4px),var(--gm3-text-field-fill= ed-container-height,56px)/2)) max(var(--gm3-text-field-filled-trailing-spac= e,16px),min(var(--gm3-text-field-filled-container-shape-start-end,4px),var(= --gm3-text-field-filled-container-height,56px)/2)); display: inline-flex; a= lign-items: center; position: relative; box-sizing: border-box; overflow: h= idden; --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-l= abel-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-flo= ating-label-label-text-display: var(--gm3-text-field-filled-label-text-disp= lay,unset); --gm3-floating-label-label-text-font: var(--gm3-text-field-fill= ed-label-text-font,"Google Sans",Roboto,Arial,sans-serif); --gm3-floating-l= abel-label-text-font-variation-settings: var(--gm3-text-field-filled-label-= text-font-variation-settings,initial); --gm3-floating-label-label-text-line= -height: var(--gm3-text-field-filled-label-text-line-height,1.5rem); --gm3-= floating-label-label-text-overflow: var(--gm3-text-field-filled-label-text-= overflow,hidden); --gm3-floating-label-floating-label-text-line-height: var= (--gm3-text-field-filled-label-text-populated-line-height,1rem); --gm3-floa= ting-label-floating-label-text-size: var(--gm3-text-field-filled-label-text= -populated-size,0.75rem); --gm3-floating-label-label-text-size: var(--gm3-t= ext-field-filled-label-text-size,1rem); --gm3-floating-label-label-text-tra= cking: var(--gm3-text-field-filled-label-text-tracking,0rem); --gm3-floatin= g-label-label-text-weight: var(--gm3-text-field-filled-label-text-weight,40= 0); --gm3-floating-label-floating-label-leading-space: max(var(--gm3-text-f= ield-filled-leading-space,16px),min(var(--gm3-text-field-filled-container-s= hape-start-start,4px),var(--gm3-text-field-filled-container-height,56px)/2)= ); --gm3-floating-label-resting-label-leading-space: max(var(--gm3-text-fie= ld-filled-leading-space,16px),min(var(--gm3-text-field-filled-container-sha= pe-start-start,4px),var(--gm3-text-field-filled-container-height,56px)/2));= --gm3-floating-label-floating-label-top-space: var(--gm3-text-field-filled= -top-space,8px); --gm3-floating-label-resting-label-top-space: calc(50% - v= ar(--gm3-text-field-filled-label-text-line-height, 1.5rem)/2); --gm3-floati= ng-label-resting-label-max-width: calc(100% - max(var(--gm3-text-field-fill= ed-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-st= art-start, 4px), var(--gm3-text-field-filled-container-height, 56px) / 2)))= ; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font= -styles .javascriptMaterialdesignGm3WizTextFieldFilled-text-field { --gm3-f= loating-label-label-text-font: var(--gm3-text-field-filled-label-text-font,= "Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif= ); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--textarea) { min-height: var(-= -gm3-text-field-filled-container-height,56px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label { --gm3= -floating-label-label-text-display: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled { point= er-events: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { text-ali= gn: var(--gm3-text-field-filled-input-text-align,initial); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input { pointer-events:= auto; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field__input { background-co= lor: canvas; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { text-align: = end; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix { line-hei= ght: var(--gm3-text-field-filled-input-text-line-height,1.5rem); display: i= nline-flex; align-items: center; opacity: 0; white-space: nowrap; height: 1= 00%; transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); font-size: var= (--gm3-text-field-filled-input-text-size,1rem); font-weight: 400; letter-sp= acing: 0.009375em; text-decoration: inherit; text-transform: inherit; -webk= it-font-smoothing: antialiased; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-floating .= javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix, .javascrip= tMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javascriptMateri= aldesignGm3WizTextFieldFilled-text-field__affix, .javascriptMaterialdesignG= m3WizTextFieldFilled-text-field__affix--persistent { opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix { = color: var(--gm3-text-field-filled-input-text-prefix-color,#5f6368); paddin= g-inline-end: 2px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix { padd= ing-inline-end: 12px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix { color: = var(--gm3-text-field-filled-disabled-input-text-prefix-color,rgba(60,64,67,= .38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix { color= : graytext; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix { = padding-inline-start: 12px; color: var(--gm3-text-field-filled-input-text-s= uffix-color,#5f6368); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix { padd= ing-inline-start: 2px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix { color: = var(--gm3-text-field-filled-disabled-input-text-suffix-color,rgba(60,64,67,= .38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix { color= : graytext; } } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix, [d= ir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-= text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { dir= ection: ltr; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--pr= efix { padding-inline: 0px 2px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--su= ffix { padding-inline: 12px 0px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text { --gm3-text-field-icon-leading-icon-order: 1; --gm3-text-field-icon= -trailing-icon-order: 5; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--su= ffix { order: 2; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { o= rder: 3; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--pr= efix { order: 4; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligne= d .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix = { padding-inline-end: 12px; } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligne= d .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix = { padding-inline-start: 2px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line { dis= play: flex; justify-content: space-between; box-sizing: border-box; padding= -inline: var(--gm3-text-field-filled-supporting-text-leading-space,16px) va= r(--gm3-text-field-filled-supporting-text-trailing-space,16px); padding-blo= ck-start: var(--gm3-text-field-filled-supporting-text-top-space,4px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__display-none-on-= empty-help-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field-h= elper-line:not(:has(> :not(:empty))) { display: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused + .javas= criptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-tex= t-field-helper-text-supporting-text-opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid + .javas= criptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-tex= t-field-helper-text-validation-text-opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n { padding-inline-start: var(--gm3-text-field-filled-with-leading-icon-lea= ding-space,12px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-ic= on { padding-inline-end: 0px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-tex= t-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-fiel= d-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leadin= g-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-= space, 16px)); --gm3-floating-label-resting-label-leading-space: calc(var(-= -gm3-text-field-filled-with-leading-icon-leading-space, 12px) + var(--gm3-t= ext-field-filled-leading-icon-size, 24px) + var(--gm3-text-field-filled-wit= h-leading-icon-icon-label-text-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-ic= on { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-te= xt-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3= -text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-= with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-filled-lead= ing-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-i= con { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-t= ext-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-fi= eld-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-lead= ing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-with-tr= ailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trai= ling-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trai= ling-space, 12px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-persistent= .javascriptMaterialdesignGm3WizTextFieldFilled-text-field { --gm3-floating-= label-resting-label-max-width: calc(100% - (max(var(--gm3-text-field-filled= -leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-star= t-start, 4px), var(--gm3-text-field-filled-container-height, 56px) / 2)) + = max(var(--gm3-text-field-filled-trailing-space, 16px), min(var(--gm3-text-f= ield-filled-container-shape-start-end, 4px), var(--gm3-text-field-filled-co= ntainer-height, 56px) / 2)) + var(--prefix-width, 0px) + var(--prefix-leadi= ng-space, 0px) + var(--suffix-width, 0px) + var(--suffix-trailing-space, 0p= x))); --gm3-floating-label-resting-label-leading-space: calc(max(var(--gm3-= text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-con= tainer-shape-start-start, 4px), var(--gm3-text-field-filled-container-heigh= t, 56px) / 2)) + var(--prefix-width, 0px) + var(--prefix-leading-space, 0px= )); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-persisten= t { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-tex= t-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-fiel= d-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leadin= g-icon-icon-label-text-space, 16px) - var(--prefix-width, 0px) - var(--pref= ix-leading-space, 0px) - var(--suffix-width, 0px) - var(--suffix-trailing-s= pace, 0px) - var(--gm3-text-field-filled-trailing-space, 16px)); --gm3-floa= ting-label-resting-label-leading-space: calc(var(--gm3-text-field-filled-wi= th-leading-icon-leading-space, 12px) + var(--gm3-text-field-filled-leading-= icon-size, 24px) + var(--gm3-text-field-filled-with-leading-icon-icon-label= -text-space, 16px) + var(--prefix-width, 0px) + var(--prefix-leading-space,= 0px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-ic= on.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-persiste= nt { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-te= xt-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3= -text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-= with-trailing-icon-trailing-space, 12px) - var(--prefix-width, 0px) - var(-= -prefix-leading-space, 0px) - var(--suffix-width, 0px) - var(--gm3-text-fie= ld-filled-leading-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-i= con.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-persist= ent { --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-t= ext-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-fi= eld-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-lead= ing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-with-tr= ailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trai= ling-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trai= ling-space, 12px) - var(--prefix-width, 0px) - var(--prefix-leading-space, = 0px) - var(--suffix-width, 0px)); } [dir=3D"rtl"] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--lt= r-text.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-pers= istent.javascriptMaterialdesignGm3WizTextFieldFilled-text-field { --gm3-flo= ating-label-resting-label-max-width: calc(100% - (max(var(--gm3-text-field-= filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shap= e-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px) / = 2)) + max(var(--gm3-text-field-filled-trailing-space, 16px), min(var(--gm3-= text-field-filled-container-shape-start-end, 4px), var(--gm3-text-field-fil= led-container-height, 56px) / 2)) + var(--prefix-width, 0px) + var(--prefix= -leading-space, 0px) + var(--suffix-width, 0px) + var(--suffix-trailing-spa= ce, 0px))); --gm3-floating-label-resting-label-leading-space: calc(max(var(= --gm3-text-field-filled-trailing-space, 16px), min(var(--gm3-text-field-fil= led-container-shape-start-end, 4px), var(--gm3-text-field-filled-container-= height, 56px) / 2)) + var(--suffix-width, 0px) + var(--suffix-trailing-spac= e, 0px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__trailing-content= { max-block-size: 24px; display: flex; align-items: center; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled) { --gm3-floating-la= bel-label-text-color: var(--gm3-text-field-filled-label-text-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-leading-ico= n-color: var(--gm3-text-field-filled-leading-icon-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-text-field-icon-trailing-icon-color: v= ar(--gm3-text-field-filled-trailing-icon-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMaterial= designGm3WizTextFieldFilled-text-field__input { caret-color: var(--gm3-text= -field-filled-caret-color,var(--gm3-sys-color-primary,#0b57d0)); color: var= (--gm3-text-field-filled-input-text-color,var(--gm3-sys-color-on-surface,#1= f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled) + .javascriptMateri= aldesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-hel= per-text-supporting-text-color: var(--gm3-text-field-filled-supporting-text= -color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-c= haracter-counter-supporting-text-color: var(--gm3-text-field-filled-support= ing-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMate= rialdesignGm3WizTextFieldFilled-text-field--focused):hover { --gm3-floating= -label-label-text-color: var(--gm3-text-field-filled-hover-label-text-color= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-le= ading-icon-color: var(--gm3-text-field-filled-hover-leading-icon-color,var(= --gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-trailin= g-icon-color: var(--gm3-text-field-filled-hover-trailing-icon-color,var(--g= m3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMate= rialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascriptMater= ialdesignGm3WizTextFieldFilled-text-field__input { color: var(--gm3-text-fi= eld-filled-hover-input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f));= } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMate= rialdesignGm3WizTextFieldFilled-text-field--focused):hover + .javascriptMat= erialdesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-= helper-text-supporting-text-color: var(--gm3-text-field-filled-hover-suppor= ting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-tex= t-field-character-counter-supporting-text-color: var(--gm3-text-field-fille= d-hover-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMateriald= esignGm3WizTextFieldFilled-text-field--focused { --gm3-floating-label-label= -text-color: var(--gm3-text-field-filled-focus-label-text-color,var(--gm3-s= ys-color-primary,#0b57d0)); --gm3-text-field-icon-leading-icon-color: var(-= -gm3-text-field-filled-focus-leading-icon-color,var(--gm3-sys-color-on-surf= ace-variant,#444746)); --gm3-text-field-icon-trailing-icon-color: var(--gm3= -text-field-filled-focus-trailing-icon-color,var(--gm3-sys-color-on-surface= -variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMateriald= esignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3= WizTextFieldFilled-text-field__input { color: var(--gm3-text-field-filled-f= ocus-input-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMa= terialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMateriald= esignGm3WizTextFieldFilled-text-field--focused + .javascriptMaterialdesignG= m3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-helper-text-= supporting-text-color: var(--gm3-text-field-filled-focus-supporting-text-co= lor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-field-char= acter-counter-supporting-text-color: var(--gm3-text-field-filled-focus-supp= orting-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascrip= tMaterialdesignGm3WizTextFieldFilled-text-field__input { color: var(--gm3-t= ext-field-filled-error-input-text-color,var(--gm3-sys-color-on-surface,#1f1= f1f)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) { --gm3-fl= oating-label-label-text-color: var(--gm3-text-field-filled-error-label-text= -color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-icon-leading-i= con-color: var(--gm3-text-field-filled-error-leading-icon-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); --gm3-text-field-icon-trailing-icon-= color: var(--gm3-text-field-filled-error-trailing-icon-color,var(--gm3-sys-= color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) + .javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-= field-helper-text-supporting-text-color: var(--gm3-text-field-filled-error-= supporting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field= -character-counter-supporting-text-color: var(--gm3-text-field-filled-error= -supporting-text-color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javas= criptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input { color: var(--gm= 3-text-field-filled-error-hover-input-text-color,var(--gm3-sys-color-on-sur= face,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javas= criptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover { --gm3= -floating-label-label-text-color: var(--upgradeable-gm3-text-field-filled-e= rror-hover-label-text-color,var(--gm3-text-field-filled-error-hover-label-t= ext-color,var(--gm3-sys-color-on-error-container,#8c1d18))); --gm3-text-fie= ld-icon-leading-icon-color: var(--gm3-text-field-filled-error-hover-leading= -icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-text-fi= eld-icon-trailing-icon-color: var(--upgradeable-gm3-text-field-filled-error= -hover-trailing-icon-color,var(--gm3-text-field-filled-error-hover-trailing= -icon-color,var(--gm3-sys-color-on-error-container,#8c1d18))); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javas= criptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover + .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-te= xt-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-err= or-hover-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-t= ext-field-character-counter-supporting-text-color: var(--gm3-text-field-fil= led-error-hover-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); = } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascript= MaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterial= designGm3WizTextFieldFilled-text-field__input { caret-color: var(--gm3-text= -field-filled-error-focus-caret-color,var(--gm3-sys-color-error,#b3261e)); = color: var(--gm3-text-field-filled-error-focus-input-text-color,var(--gm3-s= ys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascript= MaterialdesignGm3WizTextFieldFilled-text-field--focused { --gm3-floating-la= bel-label-text-color: var(--gm3-text-field-filled-error-focus-label-text-co= lor,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-icon-leading-icon= -color: var(--gm3-text-field-filled-error-focus-leading-icon-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); --gm3-text-field-icon-trailing-ic= on-color: var(--gm3-text-field-filled-error-focus-trailing-icon-color,var(-= -gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascript= MaterialdesignGm3WizTextFieldFilled-text-field--focused + .javascriptMateri= aldesignGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-hel= per-text-supporting-text-color: var(--gm3-text-field-filled-error-focus-sup= porting-text-color,var(--gm3-sys-color-error,#b3261e)); --gm3-text-field-ch= aracter-counter-supporting-text-color: var(--gm3-text-field-filled-error-fo= cus-supporting-text-color,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMateria= ldesignGm3WizTextFieldFilled-text-field--disabled { --gm3-floating-label-la= bel-text-color: var(--gm3-text-field-filled-disabled-label-text-color,rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-text-field-icon-= leading-icon-color: var(--gm3-text-field-filled-disabled-leading-icon-color= ,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-text-field= -icon-trailing-icon-color: var(--gm3-text-field-filled-disabled-trailing-ic= on-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMater= ialdesignGm3WizTextFieldFilled-text-field--disabled { --gm3-floating-label-= label-text-color: GrayText; --gm3-text-field-icon-leading-icon-color: GrayT= ext; --gm3-text-field-icon-trailing-icon-color: GrayText; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMateria= ldesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesign= Gm3WizTextFieldFilled-text-field__input { color: var(--gm3-text-field-fille= d-disabled-input-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,3= 1),.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMater= ialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesi= gnGm3WizTextFieldFilled-text-field__input { color: graytext; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMateria= ldesignGm3WizTextFieldFilled-text-field--disabled + .javascriptMaterialdesi= gnGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-helper-te= xt-supporting-text-color: var(--gm3-text-field-filled-disabled-supporting-t= ext-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-t= ext-field-character-counter-supporting-text-color: var(--gm3-text-field-fil= led-disabled-supporting-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),0.38)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMater= ialdesignGm3WizTextFieldFilled-text-field--disabled + .javascriptMaterialde= signGm3WizTextFieldFilled-text-field-helper-line { --gm3-text-field-helper-= text-supporting-text-color: GrayText; --gm3-text-field-character-counter-su= pporting-text-color: GrayText; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper { = display: flex; box-sizing: border-box; align-items: center; flex: 1 1 0%; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper { padding= -block: 0px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { font-fam= ily: var(--gm3-text-field-filled-input-text-font,"Google Sans",Roboto,Arial= ,sans-serif); line-height: var(--gm3-text-field-filled-input-text-line-heig= ht,1.5rem); font-size: var(--gm3-text-field-filled-input-text-size,1rem); l= etter-spacing: var(--gm3-text-field-filled-input-text-tracking,0); font-wei= ght: var(--gm3-text-field-filled-input-text-weight,400); font-variation-set= tings: var(--gm3-text-field-filled-input-text-font-variation-settings,initi= al); transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; m= in-width: 0px; border-width: medium; border-style: none; border-color: curr= entcolor; border-image: none; border-radius: 0px; background: none; appeara= nce: none; padding: 0px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::-webkit-c= alendar-picker-indicator { display: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input:focus { ou= tline: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input:invalid { = box-shadow: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font= -styles .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { = font-family: var(--gm3-text-field-filled-input-text-font,"Google Sans Flex"= ,"Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::placehold= er { color: var(--gm3-text-field-filled-input-text-placeholder-color,var(--= gm3-sys-color-on-surface-variant,#444746)); transition: opacity 67ms cubic-= bezier(0.4, 0, 0.2, 1); opacity: 0; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder { co= lor: var(--gm3-text-field-filled-disabled-input-text-placeholder-color,rgba= (60,64,67,.38)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder, .jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javascript= MaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder { transi= tion-delay: 40ms; transition-duration: 0.11s; opacity: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea { flex-= direction: column; align-items: center; width: auto; height: auto; padding:= 0px; transition: none; --gm3-floating-label-resting-label-top-space: calc(= (var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-filled-= label-text-populated-line-height, 1rem) + var(--gm3-text-field-filled-input= -text-line-height, 1.5rem) + var(--gm3-text-field-filled-bottom-space, 8px)= - var(--gm3-text-field-filled-label-text-line-height, 1.5rem))/2); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea.javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field--disabled { --gm3-text-fi= eld-character-counter-supporting-text-color: var(--gm3-text-field-filled-di= sabled-supporting-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,= 31),0.38)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea.javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMate= rialdesignGm3WizTextFieldFilled-text-field__label { z-index: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input { flex-grow: 1; h= eight: auto; overflow: hidden auto; box-sizing: border-box; resize: none; p= adding: 0 max(var(--gm3-text-field-filled-leading-space,16px),min(var(--gm3= -text-field-filled-container-shape-start-start,4px),var(--gm3-text-field-fi= lled-container-height,56px)/2)) 0 max(var(--gm3-text-field-filled-trailing-= space,16px),min(var(--gm3-text-field-filled-container-shape-start-end,4px),= var(--gm3-text-field-filled-container-height,56px)/2)); min-height: var(--g= m3-text-field-filled-input-text-line-height,1.5rem); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--auto-expanding .= javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { scrollbar= -gutter: stable; scrollbar-width: none; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__input { margin-block: c= alc((var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-fil= led-label-text-populated-line-height, 1rem) + var(--gm3-text-field-filled-i= nput-text-line-height, 1.5rem) + var(--gm3-text-field-filled-bottom-space, = 8px) - var(--gm3-text-field-filled-input-text-line-height, 1.5rem))/2); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-co= unter .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { ma= rgin-block-end: 2px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-co= unter .javascriptMaterialdesignGm3WizTextFieldFilled-text-field-internal-he= lper-line { display: flex; justify-content: flex-end; box-sizing: border-bo= x; padding-inline-end: var(--gm3-text-field-filled-supporting-text-trailing= -space,16px); padding-block-end: 12px; width: 100%; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer { align-= self: stretch; display: inline-flex; flex-direction: column; flex-grow: 1; = max-height: 100%; max-width: 100%; min-height: var(--gm3-text-field-filled-= container-height,56px); min-width: 100%; width: fit-content; overflow: hidd= en; resize: both; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.java= scriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) { backgroun= d-color: var(--gm3-text-field-filled-container-color,var(--gm3-sys-color-su= rface-container-highest,#dde3ea)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled { backg= round-color: var(--gm3-text-field-filled-disabled-container-color,rgba(var(= --gm3-sys-color-on-surface-rgb,31,31,31),.04)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper { = padding-block: calc(var(--gm3-text-field-filled-top-space, 8px) + var(--gm3= -text-field-filled-label-text-populated-line-height, 1rem)) var(--gm3-text-= field-filled-bottom-space,8px); transition: padding-block 0.15s; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__persistent-input= -wrapper { padding-block: 0px; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple { border-= radius: inherit; inset: 0px; pointer-events: none; position: absolute; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple { visibil= ity: hidden; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.java= scriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):hover .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple { visibility: = visible; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:hover .ja= vascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple { background= -color: var(--gm3-text-field-filled-hover-state-layer-color,var(--gm3-sys-c= olor-on-surface,#1f1f1f)); opacity: var(--gm3-text-field-filled-hover-state= -layer-opacity,.08); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:hover .j= avascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple { backgroun= d-color: var(--gm3-text-field-filled-error-hover-state-layer-color,var(--gm= 3-sys-color-on-surface,#1f1f1f)); opacity: var(--gm3-text-field-filled-erro= r-hover-state-layer-opacity,.08); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple { in= set: auto 0px 0px; pointer-events: none; position: absolute; width: 100%; z= -index: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::aft= er, .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:= :before { border-block-end: var(--gm3-text-field-filled-active-indicator-he= ight,1px) solid var(--gm3-text-field-filled-active-indicator-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); inset: auto 0px 0px; content: "";= position: absolute; width: 100%; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::aft= er { opacity: 0; transition: opacity 0.15s cubic-bezier(0.2, 0, 0, 1); bord= er-block-end-width: var(--gm3-text-field-filled-focus-active-indicator-thic= kness,3px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::after { opa= city: 1; } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.java= scriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMat= erialdesignGm3WizTextFieldFilled-text-field__line-ripple::before { border-b= lock-end-color: var(--gm3-text-field-filled-active-indicator-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.java= scriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMate= rialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesi= gnGm3WizTextFieldFilled-text-field__line-ripple::after { border-block-end-c= olor: var(--gm3-text-field-filled-focus-active-indicator-color,var(--gm3-sy= s-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.java= scriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascrip= tMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascript= MaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::before { borde= r-block-end-color: var(--gm3-text-field-filled-hover-active-indicator-color= ,var(--gm3-sys-color-on-surface,#1f1f1f)); border-block-end-width: var(--gm= 3-text-field-filled-hover-active-indicator-height,1px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::before { b= order-block-end-color: var(--gm3-text-field-filled-disabled-active-indicato= r-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); border-blo= ck-end-width: var(--gm3-text-field-filled-disabled-active-indicator-height,= 1px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .java= scriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::before {= border-block-end-color: graytext; } } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascrip= tMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::before { bord= er-block-end-color: var(--gm3-text-field-filled-error-active-indicator-colo= r,var(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascript= MaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterial= designGm3WizTextFieldFilled-text-field__line-ripple::after { border-block-e= nd-color: var(--gm3-text-field-filled-error-focus-active-indicator-color,va= r(--gm3-sys-color-error,#b3261e)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.jav= ascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javas= criptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javasc= riptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple::before { b= order-block-end-color: var(--upgradeable-gm3-text-field-filled-error-hover-= active-indicator-color,var(--gm3-text-field-filled-error-hover-active-indic= ator-color,var(--gm3-sys-color-on-error-container,#8c1d18))); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n { --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-te= xt-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-fie= ld-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leadi= ng-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing= -space, 16px)); --gm3-floating-label-floating-label-leading-space: calc(var= (--gm3-text-field-filled-with-leading-icon-leading-space, 12px) + var(--gm3= -text-field-filled-leading-icon-size, 24px) + var(--gm3-text-field-filled-w= ith-leading-icon-icon-label-text-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-ic= on { --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-t= ext-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm= 3-text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled= -with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-filled-lea= ding-space, 16px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-ico= n.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-i= con { --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-= text-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-f= ield-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-lea= ding-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-with-t= railing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-tra= iling-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-tra= iling-space, 12px)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea:not(.ja= vascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label) .javascri= ptMaterialdesignGm3WizTextFieldFilled-text-field__input { margin-block-star= t: calc(var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-= filled-label-text-populated-line-height, 1rem)); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea:not(.ja= vascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-count= er) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input { marg= in-block-end: var(--gm3-text-field-filled-bottom-space,8px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer { transf= orm: translateY(-1px); } .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer .javascr= iptMaterialdesignGm3WizTextFieldFilled-text-field__input { transform: trans= lateY(1px); } .bookmarkContextualToolbarIconButton { --sbadab: unset; --F1tVH: unset; --g= m3-icon-button-standard-icon-size: 40px; --gm3-icon-button-standard-touch-t= arget-size: 10px; --gm3-icon-button-standard-container-width: 10px; } .bookmarkContextualToolbarIconOuter { position: absolute; } .bookmarkContextualToolbarIconTopBorder { border-left: 9px solid var(--gm3-= sys-color-primary,#0b57d0); border-top-left-radius: 2px; border-top-right-r= adius: 2px; forced-color-adjust: none; height: auto; top: 0px; bottom: 6px;= position: absolute; width: 0px; } .bookmarkContextualToolbarIconBottom { left: -96px; color: var(--gm3-sys-co= lor-primary,#0b57d0); } @media screen and (forced-colors: none) { .bookmarkContextualToolbarIconBottom { content: unset; background-color: = currentcolor; mask-image: url("https://ssl.gstatic.com/docs/documents/image= s/icons-25.png"); } } @media screen and (forced-colors: active) { .bookmarkContextualToolbarIconBottom { background: url("https://ssl.gstat= ic.com/docs/documents/images/icons-25.png") no-repeat; } } .bookmarkContextualToolbarIconBottomContainer.bookmarkContextualToolbarIcon= BottomContainer { position: absolute; bottom: 2px; width: 9px; height: 4px;= margin: 0px; } .appsKixClientFeaturesBookmarkWizBookmarkContextualToolbarBookmarkToolbar .= appsKixClientFeaturesBookmarkWizBookmarkContextualToolbarBookmarkLabel { pa= dding: 0px 6px 0px 8px; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar { align-items: cente= r; background-color: var(--gm3-toolbar-floating-standard-container-color,va= r(--gm3-sys-color-surface-container,#f0f4f9)); border-radius: var(--gm3-too= lbar-floating-container-shape,9999px); display: flex; margin: var(--gm3-too= lbar-floating-container-external-padding,16px); position: relative; block-s= ize: fit-content; --gm3-toolbar-common-filled-button-container-shape: 100px= ; --gm3-toolbar-common-filled-button-container-width: 52px; --yXuigc: 3; --= Fe5l0b: #000; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar__content { padding-i= nline: var(--gm3-toolbar-floating-container-leading-space,8px) var(--gm3-to= olbar-floating-container-trailing-space,8px); display: flex; align-items: c= enter; gap: var(--gm3-toolbar-floating-container-between-space,4px); block-= size: var(--gm3-toolbar-floating-container-height,64px); } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--disable-size-animat= ion .javascriptMaterialdesignGm3WizToolbarFloating-toolbar__content { inlin= e-size: fit-content; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--vertical { inline-s= ize: fit-content; justify-content: center; --gm3-toolbar-common-filled-butt= on-container-shape: 100px; --gm3-toolbar-common-filled-button-container-hei= ght: 52px; --gm3-toolbar-common-filled-button-container-width: 40px; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--vertical .javascrip= tMaterialdesignGm3WizToolbarFloating-toolbar__content { padding-inline: uns= et; padding-block: var(--gm3-toolbar-floating-container-leading-space,8px) = var(--gm3-toolbar-floating-container-trailing-space,8px); flex-direction: c= olumn; inline-size: var(--gm3-toolbar-floating-container-height,64px); bloc= k-size: unset; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--vertical.javascript= MaterialdesignGm3WizToolbarFloating-toolbar--disable-size-animation .javasc= riptMaterialdesignGm3WizToolbarFloating-toolbar__content { block-size: fit-= content; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar { transition: 0.5s c= ubic-bezier(0.27, 1.06, 0.18, 1); } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--disable-size-animat= ion { transition: none; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar::before { position: = absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left= : 0px; border: 1px solid transparent; border-radius: inherit; content: ""; = pointer-events: none; } .javascriptMaterialdesignGm3WizToolbarFloating-toolbar--vibrant { backgroun= d-color: var(--gm3-toolbar-floating-vibrant-container-color,var(--gm3-sys-c= olor-primary-container,#d3e3fd)); --gm3-toolbar-common-button-unselected-ic= on-color: var(--gm3-toolbar-floating-vibrant-button-unselected-icon-color,v= ar(--gm3-sys-color-on-primary-container,#0842a0)); --gm3-toolbar-common-but= ton-unselected-text-color: var(--gm3-toolbar-floating-vibrant-button-unsele= cted-text-color,var(--gm3-sys-color-on-primary-container,#0842a0)); --gm3-t= oolbar-common-button-selected-container-color: var(--gm3-toolbar-floating-v= ibrant-button-selected-container-color,var(--gm3-sys-color-surface-containe= r,#f0f4f9)); --gm3-toolbar-common-button-selected-icon-color: var(--gm3-too= lbar-floating-vibrant-button-selected-icon-color,var(--gm3-sys-color-on-sur= face,#1f1f1f)); } .appsDocsCowWizContextToolbarIconButton { display: flex; } .appsDocsCowWizContextToolbarIconButtonDropdown { --yXuigc: 0; display: fle= x; } .appsDocsCowWizContextToolbarToolbarFloating { text-wrap: nowrap; font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 500; letter-spacing: 0px; line-height: 1.25rem; --yXuigc: 2; --gm3-too= lbar-floating-container-between-space: 4px; --gm3-toolbar-floating-containe= r-height: 36px; --gm3-toolbar-floating-container-leading-space: 4px; --gm3-= toolbar-floating-container-shape: 9999px; --gm3-toolbar-floating-container-= trailing-space: 4px; --gm3-toolbar-floating-standard-container-color: var(-= -gm3-sys-color-surface,#fff); --gm3-select-shared-text-field-container-heig= ht: 28px; --gm3-select-shared-text-field-container-width: 100%; --gm3-selec= t-shared-text-field-input-text-size: 0.875rem; --gm3-select-outlined-text-f= ield-container-shape: 16px; --gm3-select-outlined-text-field-outline-color:= "transparent"; --gm3-select-outlined-text-field-container-shape-start-star= t: 16px; --gm3-select-outlined-text-field-container-shape-start-end: 16px; = --gm3-select-outlined-text-field-container-shape-end-end: 16px; --gm3-selec= t-outlined-text-field-container-shape-end-start: 16px; --gm3-icon-button-st= andard-container-width: 28px; --gm3-icon-button-standard-container-height: = 28px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standar= d-focus-indicator-outline-offset: -2px; --gm3-icon-button-standard-touch-ta= rget-size: 28px; --gm3-icon-button-standard-unselected-hover-state-layer-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-fil= led-tonal-container-width: 28px; --gm3-icon-button-filled-tonal-container-h= eight: 28px; --gm3-icon-button-filled-tonal-icon-size: 20px; --gm3-icon-but= ton-filled-tonal-focus-indicator-outline-offset: -2px; --gm3-icon-button-fi= lled-tonal-selected-container-color: var(--gm3-sys-color-primary-container,= #d3e3fd); --gm3-icon-button-filled-tonal-toggle-selected-focus-icon-color: = var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button-filled= -tonal-toggle-selected-hover-icon-color: var(--gm3-sys-color-on-primary-con= tainer,#0842a0); --gm3-icon-button-filled-tonal-toggle-selected-icon-color:= var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button-fille= d-tonal-toggle-selected-pressed-icon-color: var(--gm3-sys-color-on-primary-= container,#0842a0); --gm3-icon-button-filled-tonal-toggle-unselected-hover-= state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-i= con-button-filled-tonal-touch-target-size: 28px; --gm3-icon-button-filled-t= onal-unselected-container-color: transparent; --W7rCxe: 44px; --qLL1qd: 28p= x; --JWeH9e: 20px; --cOnIUb: -2px; --geqh2: -3px; --xqqbrc: 8px; --dt9eCd: = 4px; --gm3-button-text-container-height: 28px; --gm3-button-text-focus-indi= cator-outline-offset: -2px; --gm3-button-text-hover-label-text-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-hover-state-l= ayer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-t= ext-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --gm3-button-text-pressed-state-layer-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-text-with-icon-focus-icon-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-with= -icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-varian= t,#444746); --gm3-button-text-with-icon-icon-label-space: 4px; --gm3-button= -text-with-icon-icon-size: 20px; --gm3-button-text-with-icon-pressed-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-wi= th-leading-icon-leading-space: 4px; --gm3-button-text-with-leading-icon-tra= iling-space: 8px; --gm3-dropdown-button-text-container-height: 28px; --gm3-= dropdown-button-text-focus-indicator-outline-offset: -2px; --gm3-dropdown-b= utton-text-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-dropdown-button-text-hover-state-layer-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-dropdown-button-text-label-text-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button= -text-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-dropdown-button-text-pressed-state-layer-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-dropdown-button-text-with-icon-hove= r-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdo= wn-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-dropdown-button-text-with-icon-pressed-icon-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-toolbar-common-button-margi= n: 0px; --gm3-toolbar-floating-container-external-padding: 0; } .appsDocsCowWizContextToolbarToolbarFloatingCompact { text-wrap: nowrap; fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; f= ont-weight: 500; letter-spacing: 0px; line-height: 1.25rem; --yXuigc: 2; --= gm3-toolbar-floating-container-between-space: 2px; --gm3-toolbar-floating-c= ontainer-height: 32px; --gm3-toolbar-floating-container-leading-space: 4px;= --gm3-toolbar-floating-container-shape: 9999px; --gm3-toolbar-floating-con= tainer-trailing-space: 4px; --gm3-toolbar-floating-standard-container-color= : var(--gm3-sys-color-surface,#fff); --gm3-select-shared-text-field-contain= er-height: 24px; --gm3-select-shared-text-field-container-width: 100%; --gm= 3-select-shared-text-field-input-text-size: 0.875rem; --gm3-select-outlined= -text-field-container-shape: 16px; --gm3-select-outlined-text-field-outline= -color: "transparent"; --gm3-select-outlined-text-field-container-shape-sta= rt-start: 16px; --gm3-select-outlined-text-field-container-shape-start-end:= 16px; --gm3-select-outlined-text-field-container-shape-end-end: 16px; --gm= 3-select-outlined-text-field-container-shape-end-start: 16px; --gm3-icon-bu= tton-standard-container-width: 24px; --gm3-icon-button-standard-container-h= eight: 24px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-= standard-focus-indicator-outline-offset: -1px; --gm3-icon-button-standard-t= ouch-target-size: 24px; --gm3-icon-button-standard-unselected-hover-state-l= ayer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-but= ton-filled-tonal-container-width: 24px; --gm3-icon-button-filled-tonal-cont= ainer-height: 24px; --gm3-icon-button-filled-tonal-icon-size: 20px; --gm3-i= con-button-filled-tonal-focus-indicator-outline-offset: -1px; --gm3-icon-bu= tton-filled-tonal-selected-container-color: var(--gm3-sys-color-primary-con= tainer,#d3e3fd); --gm3-icon-button-filled-tonal-toggle-selected-focus-icon-= color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button= -filled-tonal-toggle-selected-hover-icon-color: var(--gm3-sys-color-on-prim= ary-container,#0842a0); --gm3-icon-button-filled-tonal-toggle-selected-icon= -color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-butto= n-filled-tonal-toggle-selected-pressed-icon-color: var(--gm3-sys-color-on-p= rimary-container,#0842a0); --gm3-icon-button-filled-tonal-toggle-unselected= -hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-icon-button-filled-tonal-touch-target-size: 24px; --gm3-icon-button-f= illed-tonal-unselected-container-color: transparent; --W7rCxe: 44px; --qLL1= qd: 24px; --JWeH9e: 20px; --cOnIUb: -1px; --geqh2: -3px; --xqqbrc: 8px; --d= t9eCd: 4px; --gm3-button-text-container-height: 24px; --gm3-button-text-foc= us-indicator-outline-offset: -1px; --gm3-button-text-hover-label-text-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-hover-= state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-b= utton-text-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --gm3-button-text-pressed-state-layer-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-button-text-with-icon-focus-i= con-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-te= xt-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-button-text-with-icon-icon-label-space: 4px; --gm3= -button-text-with-icon-icon-size: 20px; --gm3-button-text-with-icon-pressed= -icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-= text-with-leading-icon-leading-space: 4px; --gm3-button-text-with-leading-i= con-trailing-space: 8px; --gm3-dropdown-button-text-container-height: 24px;= --gm3-dropdown-button-text-focus-indicator-outline-offset: -1px; --gm3-dro= pdown-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-dropdown-button-text-hover-state-layer-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-label-= text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown= -button-text-pressed-label-text-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-dropdown-button-text-pressed-state-layer-color: var(--gm= 3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-ic= on-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3= -dropdown-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-dropdown-button-text-with-icon-pressed-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-toolbar-common-butto= n-margin: 0px; --gm3-toolbar-floating-container-external-padding: 0; } .appsDocsCowWizContextToolbarToolbarText { padding: 0px 4px; color: var(--g= m3-sys-color-on-surface-variant,#444746); } .appsDocsCowWizContextToolbarToolbarTextCompact { padding: 0px 6px; color: = var(--gm3-sys-color-on-surface-variant,#444746); } .appsDocsCowWizContextToolbarToolbarTextOutline { color: var(--gm3-sys-colo= r-outline,#747775); } .appsDocsCowWizContextToolbarToolbarMenu { --gm3-list-list-item-content-gap= : 8px; --gm3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-lis= t-item-label-text-size: 0.875rem; --gm3-list-list-item-label-text-weight: 4= 00; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-list-list-item-one-line-padding: 6px; --gm3-list-l= ist-item-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-list-list-item-supporting-text-line-height: 1rem; --gm3-list-li= st-item-supporting-text-size: 0.75rem; --gm3-list-list-item-two-line-contai= ner-height: 40px; --gm3-list-list-item-two-line-padding: 0px; --gm3-list-li= st-item-control-selected-label-text-weight: 400; --gm3-list-list-item-contr= ol-selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-list-list-item-control-selected-supporting-text-color: var(--gm= 3-sys-color-on-surface-variant,#444746); --gm3-menu-container-color: var(--= gm3-sys-color-surface,#fff); --gm3-menu-list-item-container-height: 32px; -= -gm3-menu-list-item-content-gap: 8px; --gm3-menu-list-item-label-text-line-= height: 1.25rem; --gm3-menu-list-item-label-text-size: 0.875rem; --gm3-menu= -list-item-label-text-weight: 400; --gm3-menu-list-item-leading-icon-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-one-= line-padding: 6px; --gm3-menu-list-item-selected-with-leading-icon-trailing= -icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-li= st-item-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-menu-list-item-supporting-text-line-height: 1rem; --gm3-menu-lis= t-item-supporting-text-size: 0.75rem; --gm3-menu-list-item-two-line-contain= er-height: 40px; --gm3-menu-list-item-two-line-padding: 0px; --gm3-menu-lis= t-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-item-cont= rol-selected-label-text-weight: 400; --gm3-menu-list-item-control-selected-= leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= menu-list-item-control-selected-supporting-text-color: var(--gm3-sys-color-= on-surface-variant,#444746); z-index: 1003; } .appsDocsCowWizContextToolbarDropdownButtonText { --yXuigc: 0; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button { ali= gn-items: center; appearance: none; background: transparent; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= box-sizing: border-box; cursor: pointer; display: inline-flex; fill: curre= ntcolor; justify-content: center; line-height: inherit; outline: none; posi= tion: relative; text-rendering: inherit; user-select: none; block-size: var= (--qLL1qd,40px); inline-size: var(--W7rCxe,80px); padding-block: calc((var(= --qLL1qd, 40px) - var(--JWeH9e, 24px))/2); padding-inline: calc((var(--W7rC= xe, 80px) - var(--JWeH9e, 24px))/2); border-start-start-radius: min(var(--F= fXrGe,9999px),var(--qLL1qd,40px)/2); border-end-end-radius: min(var(--ByxQT= d,9999px),var(--qLL1qd,40px)/2); border-start-end-radius: min(var(--DiVnUc,= 9999px),var(--qLL1qd,40px)/2); border-end-start-radius: min(var(--omgCZc,99= 99px),var(--qLL1qd,40px)/2); --jF0a9c: var(--fnzsI,var(--gm3-sys-color-seco= ndary,#00639b)); --hK0TOb: var(--cOnIUb,2px); --SGGi: var(--R7a4R,3px); --v= Tiv8c: min(var(--FfXrGe,9999px),var(--qLL1qd,40px)/2); --uHecC: min(var(--B= yxQTd,9999px),var(--qLL1qd,40px)/2); --UtHrue: min(var(--DiVnUc,9999px),var= (--qLL1qd,40px)/2); --C8LWjb: min(var(--omgCZc,9999px),var(--qLL1qd,40px)/2= ); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button, .jav= ascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__focusrin= g { transition: border-radius var(--ThCd6d,.35s) var(--Po3Bs,cubic-bezier(.= 27,1.06,.18,1)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button::befo= re { border-radius: inherit; border: 1px solid transparent; box-sizing: bor= der-box; content: ""; inset: 0px; pointer-events: none; position: absolute;= z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button i, .j= avascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button img, .j= avascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button svg { b= lock-size: var(--JWeH9e,24px); font-size: var(--JWeH9e,24px); inline-size: = var(--JWeH9e,24px); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__icon= -slot.javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button_= _icon-slot { block-size: var(--JWeH9e,24px); display: inline-block; inline-= size: var(--JWeH9e,24px); line-height: 0; z-index: 1; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__icon= -slot--off { opacity: 1; position: absolute; transition-duration: 50ms; tra= nsition-property: opacity; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on .= javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__icon-= slot, .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button= __icon-slot.javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-b= utton__icon-slot--on { opacity: 0; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on .= javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__icon-= slot--on { display: inline-block; opacity: 1; transition-duration: 50ms; tr= ansition-property: opacity; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button .java= scriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__link:focu= s-visible ~ .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-= button__focusring, .javascriptMaterialdesignGm3WizIconButtonDropdownStandar= d-icon-button:focus-visible { --H6apye: block; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button[hidde= n] { display: none; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--flip= -icon-in-rtl[dir=3D"rtl"], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizIco= nButtonDropdownStandard-icon-button--flip-icon-in-rtl { transform: scaleX(-= 1); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__link= { block-size: 100%; inline-size: 100%; left: 0px; outline: none; position:= absolute; top: 0px; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__touc= h { block-size: var(--JH2UBb,48px); inline-size: var(--JH2UBb,48px); left: = auto; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1= ; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on {= border-start-start-radius: min(var(--Aliwad,9999px),var(--qLL1qd,40px)/2);= border-end-end-radius: min(var(--QZL2nb,9999px),var(--qLL1qd,40px)/2); bor= der-start-end-radius: min(var(--c7iQqc,9999px),var(--qLL1qd,40px)/2); borde= r-end-start-radius: min(var(--Bymnoc,9999px),var(--qLL1qd,40px)/2); --vTiv8= c: min(var(--Aliwad,9999px),var(--qLL1qd,40px)/2); --uHecC: min(var(--QZL2n= b,9999px),var(--qLL1qd,40px)/2); --UtHrue: min(var(--c7iQqc,9999px),var(--q= LL1qd,40px)/2); --C8LWjb: min(var(--Bymnoc,9999px),var(--qLL1qd,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on= :active, .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-but= ton:active { border-start-start-radius: min(var(--jGLB8c,9999px),var(--qLL1= qd,40px)/2); border-end-end-radius: min(var(--JfOIg,9999px),var(--qLL1qd,40= px)/2); border-start-end-radius: min(var(--S3I9Sb,9999px),var(--qLL1qd,40px= )/2); border-end-start-radius: min(var(--LxldH,9999px),var(--qLL1qd,40px)/2= ); --vTiv8c: min(var(--jGLB8c,9999px),var(--qLL1qd,40px)/2); --uHecC: min(v= ar(--JfOIg,9999px),var(--qLL1qd,40px)/2); --UtHrue: min(var(--S3I9Sb,9999px= ),var(--qLL1qd,40px)/2); --C8LWjb: min(var(--LxldH,9999px),var(--qLL1qd,40p= x)/2); } } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button:disab= led { --hSHBee: 0; --kDWEsd: 0; cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--with= -tooltip:disabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button { col= or: var(--MbnAIc,var(--gm3-sys-color-on-surface-variant,#444746)); will-cha= nge: transform, opacity; --sbadab: var(--qfwKcd,var(--gm3-sys-color-on-surf= ace-variant,#444746)); --hSHBee: var(--qTVRmb,0.08); --F1tVH: var(--RJTuU,v= ar(--gm3-sys-color-on-surface-variant,#444746)); --kDWEsd: var(--JjlrCd,0.1= ); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on {= color: var(--WwcaPc,var(--gm3-sys-color-primary,#0b57d0)); --sbadab: var(-= -kmKFoc,var(--gm3-sys-color-primary,#0b57d0)); --hSHBee: var(--AHPkRb,0.08)= ; --F1tVH: var(--rxCoVc,var(--gm3-sys-color-primary,#0b57d0)); --kDWEsd: va= r(--tK6pmf,0.1); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button:hover= { color: var(--YkR8db,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button:focus= -visible { color: var(--djIKxb,var(--gm3-sys-color-on-surface-variant,#4447= 46)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button:activ= e { color: var(--txF6Yb,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on:h= over { color: var(--OPKnAe,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on:f= ocus-visible { color: var(--o2Andb,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button--on:a= ctive { color: var(--lYi7gf,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button:disab= led { color: var(--CcJZUb,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31)= ,.38)); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button { pad= ding-inline: var(--xqqbrc,12px) var(--dt9eCd,12px); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__touc= h { block-size: var(--T6Ygrf,48px); inline-size: var(--bzG1Zd,76px); left: = 50%; transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__drop= down-icon-slot { display: inline-flex; margin-inline-start: var(--geqh2,8px= ); align-items: center; justify-content: center; } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button__drop= down-icon-slot .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-ic= on-dropdown { fill: currentcolor; transform: rotate(0deg); transition: tran= sform var(--zETOGb,.15s) var(--WITpLb,linear); } .javascriptMaterialdesignGm3WizIconButtonDropdownStandard-icon-button[aria-= expanded=3D"true"] .javascriptMaterialdesignGm3WizIconButtonDropdownStandar= d-icon-button__dropdown-icon-slot .javascriptMaterialdesignGm3WizIconButton= DropdownStandard-icon-dropdown { transform: rotate(-180deg); } .docsCowWizPositionedSurfaceCommonLinkStyles a { color: var(--gm3-sys-color= -primary,#0b57d0); text-decoration: underline; } .docsCowWizPositionedSurfaceCommonLinkStyles a:focus, .docsCowWizPositioned= SurfaceCommonLinkStyles a:hover { color: color-mix(in srgb,var(--gm3-sys-co= lor-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .docsCowWizPositionedSurfaceCommonLinkStyles a:visited { color: var(--ws-sy= s-color-extended-purple-fill,#7438d2); } .docsCowWizPositionedSurfaceCommonLinkStyles a:visited:focus, .docsCowWizPo= sitionedSurfaceCommonLinkStyles a:visited:hover { color: color-mix(in srgb,= var(--ws-sys-color-extended-on-purple-fill,#fff) 10%,var(--ws-sys-color-ext= ended-purple-fill,#7438d2)); } .docsCowWizPositionedSurfaceCloseButton { --gm3-icon-button-standard-contai= ner-width: 32px; --gm3-icon-button-standard-container-height: 32px; --gm3-i= con-button-standard-icon-size: 20px; } .appsElementsPositionedSurfaceContainer { position: absolute; z-index: var(= --ae-positioned-surface-z-index,9999); } @media print { .appsElementsPositionedSurfaceContainer { display: var(--ae-positioned-su= rface-print-display,var(--ae-positioned-surface-printable-display,var(--ae-= positioned-surface-printable,none))); } } .appsElementsPositionedSurfaceContainer [data-is-draggable=3D"true"] { curs= or: grab; } .appsElementsPositionedSurfaceContainer [data-is-draggable=3D"false"] { cur= sor: auto; } .appsKixFeaturesChapterChaptertooltippromoWizChapterTooltipPromoCalloutStyl= esCallout { --ae-callout-container-width: 220px; } .appsDocsCowWizCalloutCalloutstylesCommonFocusRingStyles { --gm3-button-out= lined-focus-indicator-outline-offset: -3px; --gm3-button-text-focus-indicat= or-outline-offset: -3px; --gm3-button-filled-tonal-focus-indicator-outline-= offset: -3px; --gm3-checkbox-focus-indicator-outline-offset: -3px; --gm3-ra= dio-focus-ring-offset: -3px; --gm3-switch-focus-indicator-offset: -3px; --g= m3-card-outlined-focus-indicator-outline-offset: -3px; --gm3-card-filled-fo= cus-indicator-outline-offset: -3px; --gm3-icon-button-standard-focus-indica= tor-outline-offset: -3px; --gm3-icon-button-filled-focus-indicator-outline-= offset: -3px; --gm3-dropdown-button-outlined-focus-indicator-outline-offset= : -3px; --hK0TOb: -3px; --FvCLB: -3px; } .appsDocsCowWizCalloutCalloutstylesCommonLinkStyles a { color: var(--gm3-sy= s-color-primary,#0b57d0); text-decoration: underline; } .appsDocsCowWizCalloutCalloutstylesCommonLinkStyles a:focus, .appsDocsCowWi= zCalloutCalloutstylesCommonLinkStyles a:hover { color: color-mix(in srgb,va= r(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0))= ; } .appsDocsCowWizCalloutCalloutstylesCommonLinkStyles a:visited { color: var(= --ws-sys-color-extended-purple-fill,#7438d2); } .appsDocsCowWizCalloutCalloutstylesCommonLinkStyles a:visited:focus, .appsD= ocsCowWizCalloutCalloutstylesCommonLinkStyles a:visited:hover { color: colo= r-mix(in srgb,var(--ws-sys-color-extended-on-purple-fill,#fff) 10%,var(--ws= -sys-color-extended-purple-fill,#7438d2)); } .appsElementsCalloutArrowArrowSurfaceBottom { outline: transparent solid 1p= x; z-index: -1; } .appsElementsCalloutArrowArrowSurfaceBottom, .appsElementsCalloutArrowArrow= SurfaceTop { --yXuigc: 2; --Fe5l0b: var(--ae-callout-shadow-color); --nnZJC= c: transparent; background: var(--ae-callout-container-color); border-end-s= tart-radius: 20%; border-start-end-radius: 20%; position: absolute; } .appsElementsCalloutArrowArrowSurfaceTop::before { border-radius: inherit; = content: ""; inset: 0px; opacity: 0; pointer-events: none; position: absolu= te; } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"2"]::be= fore { background: var(--ae-callout-arrow-top-left-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"3"]::be= fore { background: var(--ae-callout-arrow-top-right-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"6"]::be= fore { background: var(--ae-callout-arrow-top-center-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"4"]::be= fore { background: var(--ae-callout-arrow-bottom-left-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"5"]::be= fore { background: var(--ae-callout-arrow-bottom-right-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"7"]::be= fore { background: var(--ae-callout-arrow-bottom-center-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"8"]::be= fore { background: var(--ae-callout-arrow-left-center-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"10"]::b= efore { background: var(--ae-callout-arrow-left-start-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"11"]::b= efore { background: var(--ae-callout-arrow-left-end-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"9"]::be= fore { background: var(--ae-callout-arrow-right-center-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"12"]::b= efore { background: var(--ae-callout-arrow-right-start-bg); } .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"13"]::b= efore { background: var(--ae-callout-arrow-right-end-bg); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"2"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"2"] { = inset-block-start: -9px; transform: rotate(-90deg) skewX(-26.8deg) scaleX(0= .892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"2"= ], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"2"] = { inset-inline-start: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"3"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"3"] { = inset-block-start: -9px; inset-inline-end: 0px; transform: skewY(-26.8deg) = scaleY(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"3"= ], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"3"] = { inset-inline-end: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"6"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"6"] { = border-radius: 13%; inset-block-start: -9px; inset-inline-start: calc(50% -= 16px); transform: rotate(45deg); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"4"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"4"] { = inset-block-end: -9px; transform: skewY(-26.8deg) scaleY(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"4"= ], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"4"] = { inset-inline-start: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"5"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"5"] { = inset-block-end: -9px; inset-inline-end: 0px; transform: rotate(90deg) skew= X(-26.8deg) scaleX(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"5"= ], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"5"] = { inset-inline-end: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"7"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"7"] { = border-radius: 13%; inset-block-end: -9px; inset-inline-start: calc(50% - 1= 6px); transform: rotate(45deg); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"8"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"8"] { = border-radius: 13%; inset-block: calc(50% - 16px) -9px; inset-inline-start:= calc(-8% + 16px); transform: rotate(45deg); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"9"],= .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"9"] { = border-radius: 13%; inset-block: calc(50% - 16px) -9px; inset-inline-end: c= alc(-8% + 16px); transform: rotate(45deg); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"10"]= , .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"10"] = { border-radius: 0px; border-start-start-radius: 20%; inset-block-start: 0p= x; inset-inline-start: -9px; transform: skewX(26.8deg) scaleX(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"10= "], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"10"= ] { inset-block-start: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"11"]= , .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"11"] = { border-radius: 0px; border-end-start-radius: 20%; inset-block-end: 0px; i= nset-inline-start: -9px; transform: skewX(-26.8deg) scaleX(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"11= "], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"11"= ] { inset-block-end: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"10"]= , .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"11= "], .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"= 12"], .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation= =3D"13"] { --yXuigc: 1; --Fe5l0b: var(--ae-callout-shadow-color); --nnZJCc:= transparent; } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"11"]= { clip-path: polygon(-50px -20px, -0.9px 0px, 33.1px 60px, -50px 60px); } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"12"]= , .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"12"] = { border-radius: 0px; border-start-end-radius: 20%; inset-block-start: 0px;= inset-inline-end: -9px; transform: skewX(-26.8deg) scaleX(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"12= "], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"12"= ] { inset-block-start: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"13"]= , .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"13"] = { border-radius: 0px; border-end-end-radius: 20%; inset-block-end: 0px; ins= et-inline-end: -9px; transform: skewX(26.8deg) scaleX(0.892586); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"13= "], .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation=3D"13"= ] { inset-block-end: 1px; } } .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation=3D"13"]= { clip-path: polygon(32.9px 0px, -1.1px 60px, 80px 60px, 80px 0px); } .appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation=3D"8"] { = border-radius: 4px; } .appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation=3D"9"] { = border-radius: 4px; } .appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation=3D"8"][da= ta-is-multi-line-mini-callout=3D"true"] { border-radius: 0px 0px 0px 13%; } .appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation=3D"9"][da= ta-is-multi-line-mini-callout=3D"true"] { border-radius: 0px 13% 0px 0px; } .appsElementsCalloutArrowHorizontalLayout[data-anchor-orientation=3D"8"] { = inset-inline-start: calc(-4% + 16px); } .appsElementsCalloutArrowHorizontalLayout[data-anchor-orientation=3D"9"] { = inset-inline-end: calc(-4% + 16px); } .appsElementsCalloutArrowArrowTopElevation::after, .appsElementsCalloutArro= wArrowTopElevation::before { box-shadow: none; } .appsElementsCalloutInitiallyHidden { visibility: hidden; } .appsElementsCalloutInitiallyHidden .appsElementsCalloutCardContentContaine= r { opacity: 0; } .appsElementsCalloutAnchorPaddingContainer { position: relative; color: var= (--ae-callout-content-color); --ae-callout-container-color: var(--gm3-sys-c= olor-surface-container,#f0f4f9); --ae-callout-content-color: var(--gm3-sys-= color-on-surface,#1f1f1f); --ae-callout-close-icon-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --ae-callout-shadow-color: var(--gm3-sys-co= lor-shadow,#000); } .appsElementsCalloutIsPromo.appsElementsCalloutAnchorPaddingContainer { --a= e-callout-container-color: var(--gm3-sys-color-surface-container-low,#f8faf= d); --ae-callout-shadow-color: color-mix(in srgb,var(--gm3-sys-color-shadow= ,#000) 50%,transparent); } .appsElementsCalloutIsPrimary.appsElementsCalloutAnchorPaddingContainer { -= -ae-callout-container-color: var(--gm3-sys-color-primary-container,#d3e3fd)= ; --ae-callout-content-color: var(--gm3-sys-color-on-primary-container,#084= 2a0); --ae-callout-close-icon-color: var(--ae-callout-content-color); } .appsElementsCalloutIsSecondary.appsElementsCalloutAnchorPaddingContainer {= --ae-callout-container-color: var(--gm3-sys-color-secondary-container,#c2e= 7ff); --ae-callout-content-color: var(--gm3-sys-color-on-secondary-containe= r,#004a77); --ae-callout-close-icon-color: var(--ae-callout-content-color);= --ae-callout-fill-color: var(--gm3-sys-color-secondary,#00639b); --ae-call= out-on-fill-color: var(--gm3-sys-color-on-secondary,#fff); } .appsElementsCalloutIsTertiary.appsElementsCalloutAnchorPaddingContainer { = --ae-callout-container-color: var(--gm3-sys-color-tertiary-container,#c4eed= 0); --ae-callout-content-color: var(--gm3-sys-color-on-tertiary-container,#= 0f5223); --ae-callout-close-icon-color: var(--ae-callout-content-color); --= ae-callout-fill-color: var(--gm3-sys-color-tertiary,#146c2e); --ae-callout-= on-fill-color: var(--gm3-sys-color-on-tertiary,#fff); } .appsElementsCalloutIsWarning.appsElementsCalloutAnchorPaddingContainer { -= -ae-callout-container-color: var(--ws-sys-color-extended-yellow-tonal,#fff2= b4); --ae-callout-content-color: var(--ws-sys-color-extended-on-yellow-tona= l,#6d3a01); --ae-callout-close-icon-color: var(--ae-callout-content-color);= --ae-callout-fill-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00);= --ae-callout-on-fill-color: var(--ws-sys-color-extended-on-yellow-fill,#6d= 3a01); } .appsElementsCalloutIsError.appsElementsCalloutAnchorPaddingContainer { --a= e-callout-container-color: var(--gm3-sys-color-error-container,#f9dedc); --= ae-callout-content-color: var(--gm3-sys-color-on-error-container,#8c1d18); = --ae-callout-close-icon-color: var(--ae-callout-content-color); --ae-callou= t-fill-color: var(--gm3-sys-color-error,#b3261e); --ae-callout-on-fill-colo= r: var(--gm3-sys-color-on-error,#fff); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) { --ae-callout-arrow-bottom-center= -bg: linear-gradient(to bottom right,transparent calc(50% + 6px),color-mix(= in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 34%,= var(--gm3-sys-color-surface,#fff)) calc(50% + 6px)); --ae-callout-arrow-bot= tom-left-bg: linear-gradient(to bottom left,transparent 50%,color-mix(in sr= gb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 54%,var(-= -gm3-sys-color-surface,#fff)) 50%); --ae-callout-arrow-bottom-right-bg: lin= ear-gradient(to top right,transparent 50%,color-mix(in srgb,var(--ws-sys-co= lor-premium-surface-container-accent01,#8cd1ff) 54%,var(--gm3-sys-color-sur= face,#fff)) 50%); --ae-callout-arrow-left-center-bg: linear-gradient(to bot= tom left,transparent calc(50% + 6px),color-mix(in srgb,var(--ws-sys-color-p= remium-surface-container-accent01,#8cd1ff) 8%,var(--gm3-sys-color-surface,#= fff)) calc(50% + 6px)); --ae-callout-arrow-left-end-bg: linear-gradient(to = bottom left,transparent 50%,color-mix(in srgb,var(--ws-sys-color-premium-su= rface-container-accent01,#8cd1ff) 48%,var(--gm3-sys-color-surface,#fff)) 50= %); --ae-callout-arrow-left-start-bg: linear-gradient(to top left,transpare= nt 50%,var(--gm3-sys-color-surface,#fff) 50%); --ae-callout-arrow-right-cen= ter-bg: linear-gradient(to top right,transparent calc(50% + 6px),color-mix(= in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 8%,v= ar(--gm3-sys-color-surface,#fff)) calc(50% + 6px)); --ae-callout-arrow-righ= t-end-bg: linear-gradient(to bottom right,transparent 50%,color-mix(in srgb= ,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 48%,var(--g= m3-sys-color-surface,#fff)) 50%); --ae-callout-arrow-right-start-bg: linear= -gradient(to top right,transparent 50%,var(--gm3-sys-color-surface,#fff) 50= %); --ae-callout-arrow-top-center-bg: linear-gradient(to top left,transpare= nt calc(50% + 6px),var(--gm3-sys-color-surface,#fff) calc(50% + 6px)); --ae= -callout-arrow-top-left-bg: linear-gradient(to top right,transparent 50%,va= r(--gm3-sys-color-surface,#fff) 50%); --ae-callout-arrow-top-right-bg: line= ar-gradient(to top right,transparent 50%,var(--gm3-sys-color-surface,#fff) = 50%); --ae-callout-container-color: var(--gm3-sys-color-surface,#fff); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"2"] { background: linear-gradient(to top = right,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"3"] { background: linear-gradient(to top = right,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"6"] { background: linear-gradient(to top = left,transparent calc(50% + 6px),var(--ae-callout-container-color) calc(50%= + 6px)); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"4"] { background: linear-gradient(to bott= om left,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"5"] { background: linear-gradient(to top = right,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"7"] { background: linear-gradient(to bott= om right,transparent calc(50% + 6px),var(--ae-callout-container-color) calc= (50% + 6px)); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"8"] { background: linear-gradient(to bott= om left,transparent calc(50% + 6px),var(--ae-callout-container-color) calc(= 50% + 6px)); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"10"] { background: linear-gradient(to top= left,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"11"] { background: linear-gradient(to bot= tom left,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"9"] { background: linear-gradient(to top = right,transparent calc(50% + 6px),var(--ae-callout-container-color) calc(50= % + 6px)); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"12"] { background: linear-gradient(to top= right,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner:not([data-is-mini-callout=3D"true"]) .appsElementsCalloutArrowArrowSurf= aceTop[data-anchor-orientation=3D"13"] { background: linear-gradient(to bot= tom right,transparent 50%,var(--ae-callout-container-color) 50%); } .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"2"], = .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"3"], = .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"6"] {= padding-block-start: 20px; } .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"4"], = .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"5"], = .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"7"] {= padding-block-end: 20px; } .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"10"],= .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"11"]= , .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"8"]= { padding-inline-start: 20px; } .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"12"],= .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"13"]= , .appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation=3D"9"]= { padding-inline-end: 20px; } .appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip= [data-anchor-orientation=3D"2"], .appsElementsCalloutAnchorPaddingContainer= .appsElementsCalloutIsRichTooltip[data-anchor-orientation=3D"3"], .appsElem= entsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anc= hor-orientation=3D"6"] { padding-block-start: 8px; } .appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip= [data-anchor-orientation=3D"4"], .appsElementsCalloutAnchorPaddingContainer= .appsElementsCalloutIsRichTooltip[data-anchor-orientation=3D"5"], .appsElem= entsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anc= hor-orientation=3D"7"] { padding-block-end: 8px; } .appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip= [data-anchor-orientation=3D"10"], .appsElementsCalloutAnchorPaddingContaine= r.appsElementsCalloutIsRichTooltip[data-anchor-orientation=3D"11"], .appsEl= ementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-a= nchor-orientation=3D"8"] { padding-inline-start: 8px; } .appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip= [data-anchor-orientation=3D"12"], .appsElementsCalloutAnchorPaddingContaine= r.appsElementsCalloutIsRichTooltip[data-anchor-orientation=3D"13"], .appsEl= ementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-a= nchor-orientation=3D"9"] { padding-inline-end: 8px; } .appsElementsCalloutFooterPrimaryButton { --gm3-button-filled-container-col= or: var(--ae-callout-fill-color); --gm3-button-filled-disabled-container-co= lor: var(--ae-callout-fill-color); --gm3-button-filled-label-text-color: va= r(--ae-callout-on-fill-color); --gm3-button-filled-focus-label-text-color: = var(--ae-callout-on-fill-color); --gm3-button-filled-hover-label-text-color= : var(--ae-callout-on-fill-color); --gm3-button-filled-pressed-label-text-c= olor: var(--ae-callout-on-fill-color); --gm3-button-filled-disabled-label-t= ext-color: var(--ae-callout-on-fill-color); min-height: fit-content; } .appsElementsCalloutIsError .appsElementsCalloutFooterSecondaryButton, .app= sElementsCalloutIsPrimary .appsElementsCalloutFooterPrimaryButton, .appsEle= mentsCalloutIsSecondary .appsElementsCalloutFooterSecondaryButton, .appsEle= mentsCalloutIsTertiary .appsElementsCalloutFooterSecondaryButton, .appsElem= entsCalloutIsWarning .appsElementsCalloutFooterSecondaryButton { --gm3-butt= on-text-label-text-color: var(--ae-callout-content-color); --gm3-button-tex= t-focus-label-text-color: var(--ae-callout-content-color); --gm3-button-tex= t-hover-label-text-color: var(--ae-callout-content-color); --gm3-button-tex= t-pressed-label-text-color: var(--ae-callout-content-color); --gm3-button-t= ext-disabled-label-text-color: var(--ae-callout-content-color); } .appsElementsCalloutBannerIcon { flex-shrink: 0; } .appsElementsCalloutBannerBody { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; li= ne-height: 1.25rem; color: var(--ae-callout-banner-content-color); display:= flex; flex-grow: 1; gap: 12px; min-width: 0px; text-wrap: wrap; } .appsElementsCalloutBannerContent { align-items: center; display: flex; } .appsElementsCalloutBannerContainer { align-items: center; background-color= : var(--ae-callout-banner-bg-color); border-radius: 0px 0px 24px 24px; disp= lay: flex; flex-wrap: wrap; gap: 12px; margin: 0px -20px -20px; padding: 8p= x 16px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsCalloutBannerContainer { border-right-color: ; border-right-= style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: = ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-l= eft-width: ; border-image-source: ; border-image-slice: ; border-image-widt= h: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium= ; border-top-style: none; border-top-color: currentcolor; } } .appsElementsCalloutIsRichTooltip .appsElementsCalloutBannerContainer { bor= der-radius: 0px 0px 12px 12px; } .appsElementsCalloutBannerFooterSecondaryButton { --gm3-button-text-label-t= ext-size: 14px; --gm3-button-text-container-height: 32px; --gm3-button-text= -label-text-color: var(--ae-callout-banner-content-color); --gm3-button-tex= t-focus-label-text-color: var(--ae-callout-banner-content-color); --gm3-but= ton-text-hover-label-text-color: var(--ae-callout-banner-content-color); --= gm3-button-text-pressed-label-text-color: var(--ae-callout-banner-content-c= olor); } .appsElementsCalloutBannerFooterPrimaryButton { --gm3-button-outlined-label= -text-size: 14px; --gm3-button-outlined-container-height: 32px; --gm3-butto= n-outlined-outline-color: var(--ae-callout-banner-content-color); --gm3-but= ton-outlined-focus-outline-color: var(--ae-callout-banner-content-color); -= -gm3-button-outlined-hover-outline-color: var(--ae-callout-banner-content-c= olor); --gm3-button-outlined-pressed-outline-color: var(--ae-callout-banner= -content-color); --gm3-button-outlined-label-text-color: var(--ae-callout-b= anner-content-color); --gm3-button-outlined-focus-label-text-color: var(--a= e-callout-banner-content-color); --gm3-button-outlined-hover-label-text-col= or: var(--ae-callout-banner-content-color); --gm3-button-outlined-pressed-l= abel-text-color: var(--ae-callout-banner-content-color); } .appsElementsCalloutRoot { --gm3-card-elevated-container-color: var(--ae-ca= llout-container-color); --gm3-card-elevated-container-shadow-color: var(--a= e-callout-shadow-color); --gm3-checkbox-container-size: 18px; --gm3-checkbo= x-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; --gm3-chec= kbox-label-text-color: var(--ae-callout-content-color); --gm3-checkbox-labe= l-text-size: 0.875rem; --gm3-checkbox-unselected-outline-color: var(--ae-ca= llout-content-color); flex-direction: column; max-block-size: 500px; max-in= line-size: 512px; min-block-size: var(--ae-callout-container-height,88px); = min-inline-size: var(--ae-callout-container-width,256px); width: var(--ae-c= allout-container-width,300px); } .appsElementsCalloutRoot.appsElementsCalloutRichCallout { max-inline-size: = 330px; min-inline-size: var(--ae-callout-container-width,256px); } .appsElementsCalloutRoot.appsElementsCalloutLargeRichCallout { width: var(-= -ae-callout-container-width,330px); } .appsElementsCalloutRoot.appsElementsCalloutSmallRichCallout { width: var(-= -ae-callout-container-width,300px); } .appsElementsCalloutRoot.appsElementsCalloutHorizontalLayout { max-block-si= ze: 450px; max-inline-size: 700px; min-block-size: var(--ae-callout-contain= er-height,191px); min-inline-size: var(--ae-callout-container-width,700px);= width: var(--ae-callout-container-width,700px); } .appsElementsCalloutImage, .appsElementsCalloutImageOrMediaContainer, .apps= ElementsCalloutImageOrMediaContainer > :first-child { border-radius: 24px; = } .appsElementsCalloutImage { box-sizing: border-box; display: block; } .appsElementsCalloutImage.appsElementsCalloutHorizontalLayout { flex: 0 0 a= uto; height: auto; margin-block: 8px; margin-inline-start: 8px; max-inline-= size: 33%; } .appsElementsCalloutImage:not(.appsElementsCalloutHorizontalLayout) { width= : 100%; } .appsElementsCalloutImage.appsElementsCalloutSmallRichCallout { max-block-s= ize: 175px; object-fit: scale-down; } .appsElementsCalloutImageOrMediaContainer { margin-block-start: 8px; margin= -inline: 8px; } .appsElementsCalloutImageOrMediaContainer > :first-child { display: block; = overflow: hidden; } .appsElementsCalloutHorizontalLayout .appsElementsCalloutImageOrMediaContai= ner { display: contents; } .appsElementsCalloutRoot[data-anchor-orientation=3D"0"], .appsElementsCallo= utRoot[data-anchor-orientation=3D"1"], .appsElementsCalloutRoot[data-anchor= -orientation=3D"6"], .appsElementsCalloutRoot[data-anchor-orientation=3D"7"= ], .appsElementsCalloutRoot[data-anchor-orientation=3D"8"], .appsElementsCa= lloutRoot[data-anchor-orientation=3D"9"] { --gm3-card-elevated-container-co= lor: var(--ae-callout-container-color); --gm3-card-elevated-container-shape= -start-start: 24px; --gm3-card-elevated-container-shape-start-end: 24px; --= gm3-card-elevated-container-shape-end-end: 24px; --gm3-card-elevated-contai= ner-shape-end-start: 24px; } .appsElementsCalloutRoot[data-anchor-orientation=3D"10"], .appsElementsCall= outRoot[data-anchor-orientation=3D"2"] { --gm3-card-elevated-container-colo= r: var(--ae-callout-container-color); --gm3-card-elevated-container-shape-s= tart-start: 0; --gm3-card-elevated-container-shape-start-end: 24px; --gm3-c= ard-elevated-container-shape-end-end: 24px; --gm3-card-elevated-container-s= hape-end-start: 24px; } .appsElementsCalloutRoot[data-anchor-orientation=3D"12"], .appsElementsCall= outRoot[data-anchor-orientation=3D"3"] { --gm3-card-elevated-container-colo= r: var(--ae-callout-container-color); --gm3-card-elevated-container-shape-s= tart-start: 24px; --gm3-card-elevated-container-shape-start-end: 0; --gm3-c= ard-elevated-container-shape-end-end: 24px; --gm3-card-elevated-container-s= hape-end-start: 24px; } .appsElementsCalloutRoot[data-anchor-orientation=3D"11"], .appsElementsCall= outRoot[data-anchor-orientation=3D"4"] { --gm3-card-elevated-container-colo= r: var(--ae-callout-container-color); --gm3-card-elevated-container-shape-s= tart-start: 24px; --gm3-card-elevated-container-shape-start-end: 24px; --gm= 3-card-elevated-container-shape-end-end: 24px; --gm3-card-elevated-containe= r-shape-end-start: 0; } .appsElementsCalloutRoot[data-anchor-orientation=3D"13"], .appsElementsCall= outRoot[data-anchor-orientation=3D"5"] { --gm3-card-elevated-container-colo= r: var(--ae-callout-container-color); --gm3-card-elevated-container-shape-s= tart-start: 24px; --gm3-card-elevated-container-shape-start-end: 24px; --gm= 3-card-elevated-container-shape-end-end: 0; --gm3-card-elevated-container-s= hape-end-start: 24px; } .appsElementsCalloutIsRichTooltip .appsElementsCalloutRoot { --gm3-card-ele= vated-container-elevation: 3; --gm3-card-elevated-container-shape-start-sta= rt: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-card-e= levated-container-shape-end-end: 12px; --gm3-card-elevated-container-shape-= end-start: 12px; } .appsElementsCalloutIsPremiumFeature .appsElementsCalloutRoot { background:= var(--gm3-sys-color-surface,#fff); position: relative; } .appsElementsCalloutIsPremiumFeature .appsElementsCalloutRoot::before { bac= kground: radial-gradient(110% 110% at 50% 20%,color-mix(in srgb,var(--ws-sy= s-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 0,color= -mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff)= 0%,transparent) 47%,color-mix(in srgb,var(--ws-sys-color-premium-surface-c= ontainer-accent01,#8cd1ff) 37%,transparent) 74%,color-mix(in srgb,var(--ws-= sys-color-premium-surface-container-accent01,#8cd1ff) 76%,transparent) 88%,= color-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8c= d1ff) 100%,transparent) 100%),var(--gm3-sys-color-surface,#fff); border-rad= ius: inherit; content: ""; inset: 0px; opacity: 0; pointer-events: none; po= sition: absolute; } .appsElementsCalloutCalloutCloseButton { inset-block-start: 6px; inset-inli= ne-end: 6px; position: absolute; z-index: 2; } .appsElementsCalloutCalloutCloseButton.appsElementsCalloutLargeStandardIcon= Button { inset-block-start: 14px; inset-inline-end: 14px; } .appsElementsCalloutCalloutCloseButton.appsElementsCalloutVerticalRichCallo= ut { inset-block-start: 12px; inset-inline-end: 12px; } .appsElementsCalloutImageOrMediaContainer + .appsElementsCalloutCalloutClos= eButton.appsElementsCalloutVerticalRichCallout { inset-block-start: 16px; i= nset-inline-end: 16px; } .appsElementsCalloutCardContentContainer { z-index: 1; } .appsElementsCalloutCardContentContainer.appsElementsCalloutHasMediaContent= { border-radius: inherit; overflow: hidden; } .appsElementsCalloutCardContentContainer.appsElementsCalloutHorizontalLayou= t { display: flex; flex-wrap: nowrap; max-block-size: 100%; } .appsElementsCalloutBadgeContainer { display: flex; } .appsElementsCalloutBody { font-family: "Google Sans", Roboto, Arial, sans-= serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-hei= ght: 1.25rem; display: flex; flex-direction: column; gap: 8px; min-block-si= ze: 0px; } .appsElementsCalloutBody.appsElementsCalloutLargeRichCallout { gap: 12px; } .appsElementsCalloutBody.appsElementsCalloutIsRichTooltip { gap: 4px; } .appsElementsCalloutBodyAndFooterContainer { display: flex; flex: 1 1 auto;= flex-direction: column; gap: 16px; padding: 20px; } .appsElementsCalloutBodyAndFooterContainer.appsElementsCalloutHasBanner, .a= ppsElementsCalloutBodyAndFooterContainer.appsElementsCalloutIsRichTooltip {= gap: 12px; } .appsElementsCalloutIsRichTooltip .appsElementsCalloutBodyAndFooterContaine= r { padding: 16px; } .appsElementsCalloutBodyAndFooterContainer.appsElementsCalloutHorizontalLay= out { justify-content: space-between; padding: 48px 24px 24px; } .appsElementsCalloutTitle.appsElementsCalloutLargeRichCallout { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 1.5rem; font-weight:= 400; letter-spacing: 0px; line-height: 2rem; } .appsElementsCalloutTitle.appsElementsCalloutHorizontalLayout { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight= : 400; letter-spacing: 0px; line-height: 2.25rem; } .appsElementsCalloutTitle { font-family: "Google Sans", Roboto, Arial, sans= -serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-height= : 1.5rem; } .appsElementsCalloutTitle.appsElementsCalloutStandardCallout { margin-right= : 38px; } .appsElementsCalloutContent { flex-grow: 1; min-block-size: 0px; overflow: = hidden auto; white-space: pre-wrap; } .appsElementsCalloutIsRichTooltip .appsElementsCalloutTitle { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color= -on-surface-variant,#444746); } .appsElementsCalloutIsRichTooltip .appsElementsCalloutContent { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weigh= t: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-checkbox-label-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-checkbox-unselected-outline-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsCalloutArrowAndContent { display: flex; flex-direction: column= ; position: relative; } .appsElementsCalloutArrowAndContent[data-anchor-orientation=3D"12"], .appsE= lementsCalloutArrowAndContent[data-anchor-orientation=3D"13"], .appsElement= sCalloutArrowAndContent[data-anchor-orientation=3D"3"], .appsElementsCallou= tArrowAndContent[data-anchor-orientation=3D"5"], .appsElementsCalloutArrowA= ndContent[data-anchor-orientation=3D"9"] { flex-wrap: wrap-reverse; } .appsElementsCalloutArrowAndContent[data-anchor-orientation=3D"11"], .appsE= lementsCalloutArrowAndContent[data-anchor-orientation=3D"13"], .appsElement= sCalloutArrowAndContent[data-anchor-orientation=3D"4"], .appsElementsCallou= tArrowAndContent[data-anchor-orientation=3D"5"] { flex-direction: column-re= verse; } .appsElementsCalloutSurfaceBottomElevation { border-radius: 24px; } .appsElementsCalloutRichTooltipBannerContainer { margin: 0px -16px -16px; } .appsElementsCalloutMiniCalloutRoot { --gm3-card-elevated-container-color: = var(--ae-callout-container-color); --gm3-card-elevated-container-shadow-col= or: var(--ae-callout-shadow-color); --gm3-card-elevated-container-shape-sta= rt-start: 16px; --gm3-card-elevated-container-shape-start-end: 16px; --gm3-= card-elevated-container-shape-end-end: 16px; --gm3-card-elevated-container-= shape-end-start: 16px; display: flex; flex-direction: column; gap: 8px; min= -inline-size: var(--ae-callout-container-width,0); max-inline-size: var(--a= e-callout-container-width,300px); padding: 0px 8px; } .appsElementsCalloutMiniCalloutRoot[data-anchor-orientation=3D"8"][data-is-= multi-line-mini-callout=3D"false"] { --gm3-card-elevated-container-color: v= ar(--ae-callout-container-color); --gm3-card-elevated-container-shape-start= -start: 0; --gm3-card-elevated-container-shape-start-end: 16px; --gm3-card-= elevated-container-shape-end-end: 16px; --gm3-card-elevated-container-shape= -end-start: 0; } .appsElementsCalloutMiniCalloutRoot[data-anchor-orientation=3D"9"][data-is-= multi-line-mini-callout=3D"false"] { --gm3-card-elevated-container-color: v= ar(--ae-callout-container-color); --gm3-card-elevated-container-shape-start= -start: 16px; --gm3-card-elevated-container-shape-start-end: 0; --gm3-card-= elevated-container-shape-end-end: 0; --gm3-card-elevated-container-shape-en= d-start: 16px; } .appsElementsCalloutMiniCalloutBody { align-items: center; display: flex; g= ap: 4px; z-index: 1; } .appsElementsCalloutMiniCalloutContent { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing:= 0px; line-height: 1.25rem; padding: 6px 8px; } .appsElementsCalloutHeader { align-items: center; display: flex; gap: 4px; = margin: unset; } .appsElementsCalloutCloseButton { color: var(--gm3-sys-color-on-surface-var= iant,#444746); } .appsElementsCalloutCloseButtonIcon { --gm3-icon-button-standard-icon-size:= 20px; --gm3-icon-button-standard-touch-target-size: 32px; --gm3-icon-butto= n-standard-container-height: 32px; --gm3-icon-button-standard-container-wid= th: 32px; --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-= callout-close-icon-color); --gm3-icon-button-standard-unselected-hover-icon= -color: var(--ae-callout-close-icon-color); --gm3-icon-button-standard-unse= lected-icon-color: var(--ae-callout-close-icon-color); --gm3-icon-button-st= andard-unselected-pressed-icon-color: var(--ae-callout-close-icon-color); } .appsElementsCalloutCloseButtonIcon.appsElementsCalloutLargeStandardIconBut= ton { --gm3-icon-button-standard-icon-size: 24px; --gm3-icon-button-standar= d-touch-target-size: 36px; --gm3-icon-button-standard-container-height: 36p= x; --gm3-icon-button-standard-container-width: 36px; } .appsElementsCalloutCloseButtonIcon.appsElementsCalloutVerticalRichCallout = { --gm3-sys-color-inverse-on-surface: #f2f2f2; --gm3-sys-color-inverse-on-s= urface-rgb: 242,242,242; --gm3-icon-button-filled-container-color: color-mi= x(in srgb,var(--gm3-sys-color-scrim,#000) 32%,transparent); --gm3-icon-butt= on-filled-container-height: 32px; --gm3-icon-button-filled-container-width:= 32px; --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-sys-colo= r-scrim,#000); --gm3-icon-button-filled-hover-state-layer-opacity: 0.08; --= gm3-icon-button-filled-icon-color: var(--gm3-sys-color-inverse-on-surface,#= f2f2f2); --gm3-icon-button-filled-icon-size: 24px; --gm3-icon-button-filled= -pressed-state-layer-color: var(--gm3-sys-color-scrim,#000); --gm3-icon-but= ton-filled-pressed-state-layer-opacity: 0.1; --gm3-icon-button-filled-selec= ted-container-color: color-mix(in srgb,var(--gm3-sys-color-scrim,#000) 32%,= transparent); --gm3-icon-button-filled-touch-target-size: 32px; --gm3-icon-= button-filled-unselected-container-color: color-mix(in srgb,var(--gm3-sys-c= olor-scrim,#000) 32%,transparent); } .appsElementsCalloutHideFooterButton { display: none; } .appsElementsCalloutFooterContainer { align-items: center; display: flex; g= ap: 12px; justify-content: space-between; } .appsElementsCalloutFooterButtonsContainer { align-items: center; display: = flex; gap: 12px; justify-content: end; width: 100%; } .appsElementsCalloutBannerFooter { flex-shrink: 0; flex-wrap: nowrap; margi= n-left: auto; width: auto; } .appsElementsCalloutContainer { display: flex; height: auto; position: rela= tive; } .appsElementsCalloutTooltip { --gm3-tooltip-plain-z-index: 10000; } .appsElementsCalloutBannerPrimary { --ae-callout-banner-bg-color: var(--gm3= -sys-color-primary,#0b57d0); --ae-callout-banner-content-color: var(--gm3-s= ys-color-on-primary,#fff); } .appsElementsCalloutBannerPrimaryContainer { --ae-callout-banner-bg-color: = var(--gm3-sys-color-primary-container,#d3e3fd); --ae-callout-banner-content= -color: var(--gm3-sys-color-on-primary-container,#0842a0); } .appsElementsCalloutBannerWarning { --ae-callout-banner-bg-color: var(--ws-= sys-color-extended-yellow-fill,#fcbd00); --ae-callout-banner-content-color:= var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); } .appsElementsCalloutBannerWarningContainer { --ae-callout-banner-bg-color: = var(--ws-sys-color-extended-yellow-tonal,#fff2b4); --ae-callout-banner-cont= ent-color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); } .appsElementsCalloutBannerError { --ae-callout-banner-bg-color: var(--gm3-s= ys-color-error,#b3261e); --ae-callout-banner-content-color: var(--gm3-sys-c= olor-on-error,#fff); } .appsElementsCalloutBannerErrorContainer { --ae-callout-banner-bg-color: va= r(--gm3-sys-color-error-container,#f9dedc); --ae-callout-banner-content-col= or: var(--gm3-sys-color-on-error-container,#8c1d18); } .appsElementsCalloutPremiumBackgroundLayer { border-radius: 24px; inset: 0p= x; pointer-events: none; position: absolute; z-index: -1; } .appsElementsCalloutPremiumBackgroundLayer::after { background: linear-grad= ient(135deg,color-mix(in srgb,var(--ws-sys-color-premium-surface-container-= accent01,#8cd1ff) 90%,transparent) 0,color-mix(in srgb,var(--ws-sys-color-p= remium-surface-container-accent02,#7aadf7) 80%,transparent) 50%,color-mix(i= n srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 90%,t= ransparent) 100%); border-radius: inherit; content: ""; filter: blur(14px);= inset: 3px; opacity: 0; position: absolute; transform: translate3d(-7px, 7= px, 0px) rotate(0deg) skew(0deg, 0deg); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingContai= ner { opacity: 0; transition: opacity 0.1s ease-in-out; } .appsElementsCalloutIsPremiumFeature .appsElementsCalloutCardContentContain= er { opacity: 0; transition: opacity 0.3s ease-in-out; } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating { opaci= ty: 1; } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating .appsEl= ementsCalloutArrowArrowSurfaceTop::before, .appsElementsCalloutIsPremiumFea= ture.appsElementsCalloutIsAnimating .appsElementsCalloutRoot::before { opac= ity: 1; transition: opacity 3s cubic-bezier(0.34, 2, 0.64, 1) 0.7s; } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating .appsEl= ementsCalloutCardContentContainer { opacity: 1; } @media not (prefers-reduced-motion) { .appsElementsCalloutIsPremiumFeature.appsElementsCalloutAnchorPaddingCont= ainer { clip-path: inset(50% -100px -100px); transition: clip-path 0.3s eas= e-out, opacity 0.1s ease-in-out; } .appsElementsCalloutIsPremiumFeature .appsElementsCalloutCardContentConta= iner { transform: translateY(12px); transition: opacity 0.3s ease-in-out, t= ransform 0.3s ease-out; } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating { cli= p-path: inset(-100px); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating .apps= ElementsCalloutCardContentContainer { transform: translateY(0px); } .appsElementsCalloutIsPremiumFeature.appsElementsCalloutIsAnimating .apps= ElementsCalloutPremiumBackgroundLayer::after { animation: 1.5s linear 0s 1 = normal forwards running ae-callout-glow-perimeter-sweep; } } @keyframes ae-callout-glow-perimeter-sweep {=20 0% { opacity: 0; transform: translate3d(-7px, 7px, 0px) rotate(0deg) skew= (0deg, 0deg); } 35% { opacity: 1; transform: translate3d(-8px, -8px, 0px) rotate(1deg) sk= ew(2.6deg, 1.3deg); } 65% { opacity: 1; transform: translate3d(8px, -8px, 0px) rotate(-1deg) sk= ew(-2.6deg, -1.3deg); } 100% { opacity: 0; transform: translate3d(7px, 7px, 0px) rotate(0deg) ske= w(0deg, 0deg); } } .appsElementsStepIndicatorEl { display: flex; --step-indicator-color-active= : var(--gm3-sys-color-primary,#0b57d0); --step-indicator-on-color-active: v= ar(--gm3-sys-color-on-primary,#fff); --step-indicator-color-inactive: var(-= -gm3-sys-color-inverse-primary,#a8c7fa); --step-indicator-on-color-inactive= : var(--gm3-sys-color-on-primary-container,#0842a0); } .appsElementsStepIndicatorThemeSecondary { --step-indicator-color-active: v= ar(--gm3-sys-color-secondary,#00639b); --step-indicator-on-color-active: va= r(--gm3-sys-color-on-secondary,#fff); --step-indicator-color-inactive: colo= r-mix(in srgb,var(--gm3-sys-color-on-secondary-container,#004a77) 16%,trans= parent); --step-indicator-on-color-inactive: var(--gm3-sys-color-on-seconda= ry-container,#004a77); } .appsElementsStepIndicatorThemeTertiary { --step-indicator-color-active: va= r(--gm3-sys-color-tertiary,#146c2e); --step-indicator-on-color-active: var(= --gm3-sys-color-on-tertiary,#fff); --step-indicator-color-inactive: color-m= ix(in srgb,var(--gm3-sys-color-on-tertiary-container,#0f5223) 16%,transpare= nt); --step-indicator-on-color-inactive: var(--gm3-sys-color-on-tertiary-co= ntainer,#0f5223); } .appsElementsStepIndicatorThemeWarning { --step-indicator-color-active: var= (--ws-sys-color-extended-on-yellow-tonal,#6d3a01); --step-indicator-on-colo= r-active: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); --step-indicat= or-color-inactive: color-mix(in srgb,var(--ws-sys-color-extended-on-yellow-= tonal,#6d3a01) 16%,transparent); --step-indicator-on-color-inactive: var(--= ws-sys-color-extended-on-yellow-fill,#6d3a01); } .appsElementsStepIndicatorThemeError { --step-indicator-color-active: var(-= -gm3-sys-color-error,#b3261e); --step-indicator-on-color-active: var(--gm3-= sys-color-on-primary,#fff); --step-indicator-color-inactive: color-mix(in s= rgb,var(--gm3-sys-color-error,#b3261e) 16%,transparent); --step-indicator-o= n-color-inactive: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsStepIndicatorIsDotted { gap: 10px; } .appsElementsStepIndicatorIsNumbered { gap: 40px; } .appsElementsStepIndicatorIcon { height: 24px; width: 24px; } .appsElementsStepIndicatorItemContainer { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0p= x; line-height: 1.5rem; align-items: center; border-radius: 14px; box-sizin= g: border-box; display: flex; height: 28px; justify-content: center; positi= on: relative; width: 28px; } .appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContainer = { background-color: var(--step-indicator-color-inactive); block-size: 10px;= border-radius: 5px; inline-size: 10px; } .appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContainer:= :before { position: absolute; box-sizing: border-box; width: 100%; height: = 100%; top: 0px; left: 0px; border: 1px solid transparent; border-radius: in= herit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContaine= r::before { border-color: canvastext; } } .appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorIsCurrent { ba= ckground-color: var(--step-indicator-color-active); width: 30px; } .appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorItemContaine= r { background-color: var(--step-indicator-color-active); color: var(--step= -indicator-on-color-active); } .appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorItemContaine= r:not(:last-child)::after { background-color: var(--gm3-sys-color-outline-v= ariant,#c4c7c5); content: ""; height: 1px; left: 36px; position: absolute; = top: 50%; width: 24px; } .appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorIsIncomplete= { background-color: var(--step-indicator-color-inactive); color: var(--ste= p-indicator-on-color-inactive); } .javascriptMaterialdesignGm3WizCardElevated-card { position: relative; disp= lay: flex; flex-direction: column; box-sizing: border-box; border-start-sta= rt-radius: var(--gm3-card-elevated-container-shape-start-start,12px); borde= r-start-end-radius: var(--gm3-card-elevated-container-shape-start-end,12px)= ; border-end-end-radius: var(--gm3-card-elevated-container-shape-end-end,12= px); border-end-start-radius: var(--gm3-card-elevated-container-shape-end-s= tart,12px); background-color: var(--gm3-card-elevated-container-color,var(-= -gm3-sys-color-surface-container-low,#f8fafd)); --yXuigc: var(--gm3-card-el= evated-container-elevation,1); --Fe5l0b: var(--gm3-card-elevated-container-= shadow-color,var(--gm3-sys-color-shadow,#000)); --nnZJCc: transparent; --jF= 0a9c: var(--gm3-card-elevated-focus-indicator-color,var(--gm3-sys-color-sec= ondary,#00639b)); --hK0TOb: var(--gm3-card-elevated-focus-indicator-outline= -offset,2px); --SGGi: var(--gm3-card-elevated-focus-indicator-thickness,3px= ); --vTiv8c: var(--gm3-card-elevated-container-shape-start-start,12px); --U= tHrue: var(--gm3-card-elevated-container-shape-start-end,12px); --uHecC: va= r(--gm3-card-elevated-container-shape-end-end,12px); --C8LWjb: var(--gm3-ca= rd-elevated-container-shape-end-start,12px); } .javascriptMaterialdesignGm3WizCardElevated-card > .javascriptMaterialdesig= nGm3WizCard-card__primary-action, .javascriptMaterialdesignGm3WizCardElevat= ed-card__content > .javascriptMaterialdesignGm3WizCard-card__primary-action= { --sbadab: var(--gm3-card-elevated-hover-state-layer-color,var(--gm3-sys-= color-on-surface,#1f1f1f)); --hSHBee: var(--gm3-card-elevated-hover-state-l= ayer-opacity,0.08); --F1tVH: var(--gm3-card-elevated-pressed-state-layer-co= lor,var(--gm3-sys-color-on-surface,#1f1f1f)); --kDWEsd: var(--gm3-card-elev= ated-pressed-state-layer-opacity,0.1); --QOcx9e: var(--gm3-card-elevated-co= ntainer-shape-start-start,12px); --vRgHIb: var(--gm3-card-elevated-containe= r-shape-start-end,12px); --xg9FB: var(--gm3-card-elevated-container-shape-e= nd-end,12px); --Pk3PIb: var(--gm3-card-elevated-container-shape-end-start,1= 2px); } .javascriptMaterialdesignGm3WizCardElevated-card__content { border-radius: = inherit; height: 100%; } .javascriptMaterialdesignGm3WizCardElevated-card::after { position: absolut= e; box-sizing: border-box; width: 100%; height: 100%; inset-block-start: 0p= x; inset-inline-start: 0px; border: 1px solid transparent; border-radius: i= nherit; content: ""; pointer-events: none; } .appsElementsCowCalloutContainer { display: contents; } .appsKixFeaturesCitationsWizCitationsBibliographySurfaceStylesCard { --gm3-= card-elevated-container-color: var(--gm3-sys-color-surface,#fff); --gm3-car= d-elevated-container-shape-start-start: 12px; --gm3-card-elevated-container= -shape-start-end: 12px; --gm3-card-elevated-container-shape-end-end: 12px; = --gm3-card-elevated-container-shape-end-start: 12px; inline-size: 500px; } .appsKixFeaturesCitationsWizCitationsBibliographySurfaceStylesSurface { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.25rem; align-items: cen= ter; color: var(--gm3-sys-color-on-surface-variant,#444746); display: flex;= gap: 8px; justify-content: space-between; padding-block: 4px; padding-inli= ne: 16px 8px; } .appsKixFeaturesCitationsWizCitationsBibliographySurfaceStylesWarningText {= min-inline-size: 180px; } .appsKixFeaturesCitationsWizCitationsBibliographySurfaceStylesButtonsContai= ner { --gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-= standard-container-width: 32px; --gm3-icon-button-standard-icon-size: 20px;= --gm3-icon-button-standard-touch-target-size: 32px; display: flex; gap: 8p= x; padding: 4px; } .appsKixFeaturesCitationsWizCitationsIntextSurfaceStylesCard { --gm3-card-e= levated-container-color: var(--gm3-sys-color-surface,#fff); --gm3-card-elev= ated-container-shape-start-start: 16px; --gm3-card-elevated-container-shape= -start-end: 16px; --gm3-card-elevated-container-shape-end-end: 16px; --gm3-= card-elevated-container-shape-end-start: 16px; min-inline-size: 215px; } .appsKixFeaturesCitationsWizCitationsIntextSurfaceStylesSurface { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); margin: 6px 12px; } .appsKixCitationsSidebarSearchView { display: flex; flex-direction: column;= gap: 16px; } .appsKixCitationsSidebarSearchViewInputsContainer { display: flex; flex-dir= ection: column; } .appsKixCitationsSidebarSearchViewButtonsContainer { display: inline-flex; = justify-content: flex-end; gap: 8px; } .appsKixCitationsSidebarMainViewContainer, .appsKixCitationsSidebarSearchRe= sultViewContainer { display: flex; flex-direction: column; flex-grow: 1; he= ight: 100%; } .appsKixCitationsSidebarCitationViewContainer, .appsKixCitationsSidebarForm= ViewContainer { display: flex; flex-direction: column; flex-grow: 1; } .appsKixCitationsSidebarEmptyContainer, .appsKixCitationsSidebarSearchResul= tErrorContainer { display: flex; flex-direction: column; flex-grow: 1; just= ify-content: center; padding: 24px; text-align: center; gap: 8px; } .appsKixCitationsSidebarEmptyContainerHeader, .appsKixCitationsSidebarSearc= hResultErrorContainerHeader { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-heig= ht: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); flex-shrink: 0;= } .appsKixCitationsSidebarEmptyContainerHeaderError, .appsKixCitationsSidebar= SearchResultErrorContainerHeaderError { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px;= line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); flex-= shrink: 0; width: 200px; align-self: center; } .appsKixCitationsSidebarEmptyContainerBody, .appsKixCitationsSidebarSearchR= esultErrorContainerBody { font-family: "Google Sans", Roboto, Arial, sans-s= erif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-heig= ht: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsKixCitationsSidebarListContainer { display: flex; flex-direction: colu= mn; flex-grow: 1; gap: 16px; height: 100%; outline: none; } .appsKixCitationsSidebarListContainer .kix-citations-intext-promo .docs-pro= mo-text-container { width: 180px; } .appsKixCitationsSidebarListHeader { display: flex; flex-direction: column;= flex-grow: 1; gap: 16px; } .appsKixCitationsSidebarSearchResultAttributesContainer { display: flex; fl= ex-direction: column; flex-grow: 1; font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#44474= 6); gap: 10px; } .appsKixCitationsSidebarSearchResultAttributeMissingContainer { display: fl= ex; align-items: center; } .appsKixCitationsSidebarSearchResultAttributeMissingIcon { --gm3-icon-butto= n-standard-icon-size: 20px; } .appsKixCitationsSidebarFormViewFormContainer { display: flex; flex-directi= on: column; flex-grow: 1; gap: 16px; padding-top: 16px; } .appsKixCitationsSidebarFormViewFormPersonContributorContainer { display: f= lex; align-items: flex-start; gap: 8px; align-self: stretch; } .appsKixCitationsSidebarFormViewFormContributorContainer { display: flex; f= lex-direction: column; flex-grow: 1; gap: 16px; } .appsKixCitationsSidebarFormViewFormContributorsContainer { display: flex; = flex-direction: column; } .appsKixCitationsSidebarContributorsFieldsContainer { display: flex; flex-d= irection: column; gap: 16px; } .appsKixCitationsSidebarFormViewFormContributorFieldsContainer { display: f= lex; flex-direction: column; gap: 8px; } .appsKixCitationsSidebarFormViewContributorFirstNameInput, .appsKixCitation= sSidebarFormViewContributorLastNameInput { flex: 2 1 0px; } .appsKixCitationsSidebarFormViewContributorMiddleNameInput { flex: 1 1 0px;= min-width: 64px; } .appsKixCitationsSidebarFormViewFormContributorTypeContainer { display: fle= x; align-items: stretch; gap: 8px; } .appsKixCitationsSidebarDeleteButton { margin: 0px 8px -12px 0px; } .appsKixCitationsSidebarContributorTypeSelect { width: 100%; } .appsKixCitationsSidebarSearchResultButtonContainer { display: flex; gap: 1= 0px; width: 100%; } .appsKixCitationsSidebarListItem { border-radius: 12px; color: var(--gm3-sy= s-color-on-surface-variant,#444746); padding: 16px; overflow-wrap: break-wo= rd; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875= rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; } .appsKixCitationsSidebarAddContributorButton { align-self: center; gap: 8px= ; } .appsKixCitationsSidebarAddCitationButton { gap: 8px; align-self: center; w= idth: 100%; } .appsKixCitationsSidebarAddIconContainer { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); } .appsKixCitationsSidebarSearchInputError { color: var(--gm3-sys-color-error= ,#b3261e); margin-bottom: 2px; margin-top: 5px; min-height: 19px; outline: = none; } .appsKixCitationsSidebarSearchInput { --gm3-text-field-outlined-supporting-= text-top-space: 0; } .appsKixCitationsSidebarFooterContainer { width: 100%; min-height: 56px; ma= rgin-top: auto; display: flex; justify-content: flex-start; } .appsKixCitationsSidebarLoadingSpinner { align-items: center; display: flex= ; height: 100%; justify-content: center; width: 100%; } .appsKixCitationsSidebarSearchResultAttributeLabel { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; let= ter-spacing: 0px; line-height: 1.25rem; margin-right: 4px; } .appsKixCitationsSidebarSearchResultAttributeMissingValue { color: var(--gm= 3-sys-color-error,#b3261e); margin-right: 2px; } .appsKixCitationsSidebarTooltipContainer { position: absolute; right: 16px;= top: 4px; background: var(--gm3-sys-color-surface-container-high,#e9eef6);= display: flex; } .appsKixCitationsSidebarTooltipContainerInvisible { opacity: 0; } .appsKixCitationsSidebarToolbarCiteButton { --gm3-button-text-container-hei= ght: 36px; margin: 0px; } .appsKixCitationsSidebarToolbarIconButton { --gm3-icon-button-standard-cont= ainer-width: 36px; --gm3-icon-button-standard-container-height: 36px; --gm3= -icon-button-standard-icon-size: 20px; --xg9FB: 36px; --Pk3PIb: 36px; --vRg= HIb: 36px; --QOcx9e: 36px; } .appsKixCitationsSidebarCitationContainer { position: relative; } .appsKixCitationsSidebarCitationCardContainer { --gm3-card-filled-container= -color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .appsKixCitationsSidebarListContainer .appsKixCitationsSidebarCitationCardC= ontainer .appsKixCitationsSidebarCard { --F1tVH: unset; } .appsKixCitationsSidebarCheckboxAndLabel { display: flex; align-items: cent= er; } .appsKixCitationsSidebarCheckbox { --gm3-checkbox-container-size: 18px; --g= m3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; = } .appsKixCitationsSidebarCheckboxLabel { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; = } .appsKixCitationsSidebarMenuListItems { --QOcx9e: 0; --vRgHIb: 0; --xg9FB: = 0; --Pk3PIb: 0; } .appsKixCitationsSidebarDropdownButton { --gm3-dropdown-button-outlined-foc= us-indicator-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-bu= tton-outlined-focus-indicator-outline-offset: -2px; --gm3-dropdown-button-o= utlined-focus-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --= gm3-dropdown-button-outlined-hover-label-text-color: var(--gm3-sys-color-on= -surface,#1f1f1f); --gm3-dropdown-button-outlined-hover-state-layer-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outl= ined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropd= own-button-outlined-label-text-size: 16px; --gm3-dropdown-button-outlined-l= abel-text-weight: 400; --gm3-dropdown-button-outlined-pressed-label-text-co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-outline= d-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with-ico= n-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdo= wn-button-outlined-with-icon-icon-size: 24px; --gm3-dropdown-button-outline= d-container-shape-start-start: 4px; --gm3-dropdown-button-outlined-containe= r-shape-start-end: 4px; --gm3-dropdown-button-outlined-container-shape-end-= end: 4px; --gm3-dropdown-button-outlined-container-shape-end-start: 4px; --= gm3-dropdown-button-outlined-pressed-container-shape-start-start: 4px; --gm= 3-dropdown-button-outlined-pressed-container-shape-start-end: 4px; --gm3-dr= opdown-button-outlined-pressed-container-shape-end-end: 4px; --gm3-dropdown= -button-outlined-pressed-container-shape-end-start: 4px; justify-content: s= pace-between; inline-size: 100%; } .appsKixCitationsSidebarDropdownMenu { --gm3-list-list-item-label-text-size= : 16px; --gm3-menu-list-item-label-text-size: 16px; inline-size: 100%; marg= in-right: 21px; } .citationsFeedbackDialogHeading { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-size: 1rem; font-weight: 500; padding: 16px 0px; } .citationsFeedbackDialogTextField { box-sizing: content-box; margin-top: 10= px; margin-bottom: 4px; width: 100%; } .citationsFeedbackDialogContentBox { border: 1px solid var(--gm3-sys-color-= outline-variant,#c4c7c5); border-radius: 4px; color: var(--gm3-sys-color-on= -surface-variant,#444746); margin-bottom: 8px; margin-top: 4px; max-height:= 160px; overflow-y: auto; padding: 16px 16px 8px; } .citationsFeedbackDialogFullContentButton { color: var(--gm3-sys-color-prim= ary,#0b57d0); font-weight: 500; } .citationsFeedbackDialogLegalSection { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); font-size: 0.75rem; padding: 0px 16px; letter-spacing: = 0.00625rem; line-height: 1rem; } .citationsFeedbackDialogProductInfoListItem { --gm3-list-list-item-label-te= xt-size: 14px; --gm3-list-list-item-container-color: var(--gm3-sys-color-su= rface-bright,#fff); --gm3-list-list-item-control-selected-container-color: = var(--gm3-sys-color-surface-bright,#fff); --gm3-list-list-item-fallback-sel= ection-end-margin: 0; } .citationsFeedbackDialogProductInfoListItem.mdc-list-item--with-one-line { = height: 20px; } .docsCowWizSidebarsSharedSidebarMenu { max-width: 206px; z-index: 1003; } .docsCowWizSidebarsSharedButton { margin-block: 0px; } .docsCowWizSidebarsSharedSidebarPrimaryLabel { color: var(--gm3-sys-color-o= n-surface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; = font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.= 25rem; } .comparisonDocDialogLearnMoreLink { --gm3-button-text-label-text-decoration= : underline; } .comparisonDocDialogFormContentContainer { display: flex; flex-direction: c= olumn; } .comparisonDocDialogAttributeUserTextField { padding-top: 24px; width: 100%= ; } .comparisonDocDialogHeading { padding-top: 16px; padding-bottom: 8px; font-= size: 1rem; } .comparisonDocDialogLearnMoreLinkContainer { padding-top: 8px; } .comparisonDocDialogDocumentSelectButton { max-width: 100%; } .comparisonDocDialogIcon { padding-right: 4px; margin-right: 0px; } .appsKixFeaturesCoverimagesWizCoverimagehiddencalloutCallout { --ae-callout= -container-width: 325px; } .appsKixFeaturesCoverImageWizCoverImageRepositionTextSurfaceStylesCard { --= gm3-card-elevated-container-shape-start-start: 8px; --gm3-card-elevated-con= tainer-shape-start-end: 8px; --gm3-card-elevated-container-shape-end-end: 8= px; --gm3-card-elevated-container-shape-end-start: 8px; background-color: v= ar(--gm3-sys-color-inverse-surface,#303030); color: var(--gm3-sys-color-inv= erse-on-surface,#f2f2f2); transform: translateX(-50%) translateY(50%); } .appsKixFeaturesCoverImageWizCoverImageRepositionTextSurfaceStylesSurface {= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem;= font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; display: = flex; justify-content: center; padding: 4px 8px; inline-size: fit-content; = } .insertCitationsDialogDialog { --rimZob: 700px; --Tlqqfc: 100%; } .insertCitationsDialogContentContainer { display: flex; flex-wrap: wrap; ga= p: 10px 5px; } .insertCitationsDialogFullWidthElement { width: 100%; } .insertCitationsDialogInputWrapper { padding-top: 10px; width: 100%; } .citationsImportDialogContent { font-family: Roboto, RobotoDraft, Helvetica= , Arial, sans-serif; width: 464px; } .citationsImportDialogSection { margin-bottom: 16px; } .citationsImportDialogContainer { width: 100%; } .citationsImportDialogSectionTitle { font-weight: 500; padding-bottom: 12px= ; } .citationsImportDialogTextArea { font-family: Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; min-height: 200px; } .kixLiveNoteDebugSidebarRoot { box-sizing: border-box; color: var(--gm3-sys= -color-on-surface,#1f1f1f); display: flex; flex-direction: column; height: = 100%; overflow-y: auto; padding: 16px; } .kixLiveNoteDebugSidebarStatusBar { align-items: center; display: flex; jus= tify-content: space-between; margin-bottom: 12px; } .kixLiveNoteDebugSidebarStatusBadge { align-items: center; background-color= : var(--gm3-sys-color-surface-container-highest,#dde3ea); border-radius: 16= px; color: var(--gm3-sys-color-on-surface-variant,#444746); display: inline= -flex; gap: 6px; padding: 4px 10px; } .kixLiveNoteDebugSidebarStatusBadgeRecording { background-color: var(--gm3-= sys-color-error-container,#f9dedc); color: var(--gm3-sys-color-on-error-con= tainer,#8c1d18); } .kixLiveNoteDebugSidebarStatusDot { background-color: var(--gm3-sys-color-o= utline,#747775); border-radius: 9999px; height: 8px; width: 8px; } .kixLiveNoteDebugSidebarStatusDotRecording { animation: 1.5s ease 0s infini= te normal none running kixLiveNotePulse; background-color: var(--gm3-sys-co= lor-error,#b3261e); } @media (prefers-reduced-motion: reduce) { .kixLiveNoteDebugSidebarStatusDotRecording { animation: auto ease 0s 1 no= rmal none running none; } } .kixLiveNoteDebugSidebarUseCaseRow { display: flex; flex-direction: column;= gap: 4px; margin-bottom: 12px; } .kixLiveNoteDebugSidebarUseCaseSelect { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: = 0px; line-height: 1.25rem; background-color: var(--gm3-sys-color-surface,#f= ff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border= -radius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 8px = 12px; width: 100%; } .kixLiveNoteDebugSidebarUseCaseSelect:disabled { background-color: var(--gm= 3-sys-color-surface-container,#f0f4f9); color: var(--gm3-sys-color-outline,= #747775); cursor: not-allowed; } .kixLiveNoteDebugSidebarControlsRow { display: flex; flex-wrap: wrap; gap: = 8px; margin-bottom: 16px; } .kixLiveNoteDebugSidebarButton { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; li= ne-height: 1.25rem; align-items: center; border-width: medium; border-style= : none; border-color: currentcolor; border-image: none; border-radius: 8px;= cursor: pointer; display: inline-flex; justify-content: center; outline: n= one; padding: 8px 16px; } .kixLiveNoteDebugSidebarButtonPrimary { background-color: var(--gm3-sys-col= or-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); } .kixLiveNoteDebugSidebarButtonRecording { background-color: var(--gm3-sys-c= olor-error,#b3261e); color: var(--gm3-sys-color-on-error,#fff); } .kixLiveNoteDebugSidebarButtonSecondary { background-color: transparent; bo= rder: 1px solid var(--gm3-sys-color-outline,#747775); color: var(--gm3-sys-= color-primary,#0b57d0); } .kixLiveNoteDebugSidebarSectionTitle { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.= 00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant,= #444746); margin-bottom: 8px; margin-top: 14px; text-transform: uppercase; = } .kixLiveNoteDebugSidebarTranscriptBox { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: = 0px; line-height: 1.25rem; background-color: var(--gm3-sys-color-surface,#f= ff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border= -radius: 8px; margin-bottom: 16px; max-height: 380px; min-height: 140px; ov= erflow-y: auto; padding: 12px; white-space: pre-wrap; word-break: break-wor= d; } .kixLiveNoteDebugSidebarTranscriptFinal { color: var(--gm3-sys-color-on-sur= face,#1f1f1f); white-space: pre-wrap; } .kixLiveNoteDebugSidebarPlaceholder, .kixLiveNoteDebugSidebarTranscriptUnde= cided { color: var(--gm3-sys-color-outline,#747775); font-style: italic; } @keyframes kixLiveNotePulse {=20 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(1.3); } 100% { opacity: 1; transform: scale(1); } } .debugLegacyClosureSidebarContainer { background-color: var(--gm3-sys-color= -surface,#fff); border-radius: 16px; box-shadow: none; outline: none; overf= low: hidden; width: 300px; margin: 6px 16px 16px; } .has-right-rail .debugLegacyClosureSidebarContainer { margin-left: 0px; mar= gin-right: 0px; } .debugLegacyClosureSidebarContainer { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Aria= l, sans-serif; position: absolute; width: 320px; } .debugLegacyClosureSidebarHeader { align-items: center; border-top-width: m= edium; border-top-style: none; border-top-color: currentcolor; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); display: flex; font-family: "Google San= s", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 1rem; hei= ght: 56px; padding: 0px 16px; z-index: 2; background: transparent; border-b= ottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); min-height: = 56px; } .debugLegacyClosureSidebarButton { width: 100%; } .debugLegacyClosureSidebarCloseButton { display: block; } .sectorPropertiesDialogDialog { --rimZob: 700px; --Tlqqfc: 100%; } .sectorPropertiesDialogContentContainer { display: flex; flex-wrap: wrap; g= ap: 10px 0px; } .sectorPropertiesDialogFullWidthElement { width: 100%; } .sectorPropertiesDialogInputWrapper { padding-top: 10px; width: 100%; } .sectorPropertiesDialogCheckboxWrapper { width: 50%; } .debugFloatingCanvasDialog { --rimZob: 700px; --Tlqqfc: 100%; } .appsKixDocosSuggestionFiltersSurfaceCard { --gm3-card-elevated-container-c= olor: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-elev= ation: 2; --gm3-card-elevated-container-shape-start-start: 8px; --gm3-card-= elevated-container-shape-start-end: 8px; --gm3-card-elevated-container-shap= e-end-end: 8px; --gm3-card-elevated-container-shape-end-start: 8px; } .appsKixDocosSuggestionFiltersSurfaceSuggestionFiltersSurface { border-radi= us: inherit; overflow: hidden; width: 223px; --gm3-tabs-primary-divider-col= or: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-tabs-primary-focus-= indicator-active-offset-bottom: -4px; --gm3-list-list-item-leading-icon-siz= e: 16px; --gm3-list-list-item-one-line-container-height: 44px; --gm3-list-l= ist-item-selected-container-color: transparent; --gm3-list-list-item-select= ed-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-li= st-item-selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsKixDocosSuggestionFiltersSurfaceList.appsKixDocosSuggestionFiltersSurf= aceList { max-block-size: 132px; overflow-y: auto; padding-block: 0px 8px; = } .appsKixDocosSuggestionFiltersSurfaceList.appsKixDocosSuggestionFiltersSurf= aceList [class*=3D"list-item__start"] { align-items: center; block-size: au= to; display: flex; gap: 16px; inline-size: auto; } .appsKixDocosSuggestionFiltersSurfaceList.appsKixDocosSuggestionFiltersSurf= aceList [class*=3D"list-item__selected-indicator"] { margin-inline: 4px; } .appsKixDocosSuggestionFiltersSurfaceList.appsKixDocosSuggestionFiltersSurf= aceList .appsKixDocosSuggestionFiltersSurfaceAvatar { block-size: 28px; bor= der-radius: 9999px; inline-size: 28px; opacity: 1; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-bar.javascriptMaterialdesi= gnGm3WizTabsSecondary-tab-bar { border-bottom: var(--gm3-tabs-secondary-div= ider-height,1px) solid var(--gm3-tabs-secondary-divider-color,var(--gm3-sys= -color-surface-variant,#e1e3e1)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab-bar { background-color: va= r(--gm3-tabs-secondary-tablist-container-color,transparent); border-radius:= var(--gm3-tabs-secondary-tablist-container-shape,0); height: var(--gm3-tab= s-secondary-tablist-container-height,auto); padding-inline: var(--gm3-tabs-= secondary-tablist-container-inline-space,0); } .javascriptMaterialdesignGm3WizTabsSecondary-tab { min-width: 90px; padding= : 0px 24px; display: flex; flex: 1 0 auto; justify-content: center; box-siz= ing: border-box; margin: 0px; border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; outline: none; text-align: cen= ter; white-space: nowrap; text-transform: none; cursor: pointer; appearance= : none; width: auto; font-size: 0.875rem; z-index: unset; position: relativ= e; background-color: var(--gm3-tabs-secondary-container-color,var(--gm3-sys= -color-surface,#fff)); border-end-end-radius: var(--gm3-tabs-secondary-cont= ainer-shape-end-end,0); border-end-start-radius: var(--gm3-tabs-secondary-c= ontainer-shape-end-start,0); border-start-end-radius: var(--gm3-tabs-second= ary-container-shape-start-end,0); border-start-start-radius: var(--gm3-tabs= -secondary-container-shape-start-start,0); --NRr4y: var(--gm3-tabs-secondar= y-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b)); --eJOJeb: = var(--gm3-tabs-secondary-focus-indicator-outline-offset,-3px); --po6djf: va= r(--gm3-tabs-secondary-container-shape-end-end,0px); --Oypuue: var(--gm3-ta= bs-secondary-container-shape-end-start,0px); --cIYKdb: var(--gm3-tabs-secon= dary-container-shape-start-end,0px); --QzESQd: var(--gm3-tabs-secondary-con= tainer-shape-start-start,0px); --QTb7ce: var(--gm3-tabs-secondary-focus-ind= icator-thickness,3px); } .javascriptMaterialdesignGm3WizTabsSecondary-tab__wrapper { display: flex; = flex-grow: 1; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:active .javascriptMaterial= designGm3WizTabsSecondary-tab-indicator__content--underline, .javascriptMat= erialdesignGm3WizTabsSecondary-tab:hover .javascriptMaterialdesignGm3WizTab= sSecondary-tab-indicator__content--underline { border-color: var(--gm3-tabs= -secondary-active-indicator-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator .javascriptMater= ialdesignGm3WizTabsSecondary-tab-indicator__content--underline { border-col= or: var(--gm3-tabs-secondary-active-indicator-color,var(--gm3-sys-color-pri= mary,#0b57d0)); border-top-width: var(--gm3-tabs-secondary-active-indicator= -height,2px); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(.javascriptMaterialdes= ignGm3WizTabsSecondary-tab--stacked) { height: calc(var(--gm3-tabs-secondar= y-container-height, 48px) - var(--gm3-tabs-secondary-divider-height, 1px));= } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active { --gm3-font-icon-= fill: var(--gm3-tabs-secondary-with-icon-active-icon-fill,unset); --NRr4y: = var(--gm3-tabs-secondary-active-focus-indicator-color,var(--gm3-sys-color-s= econdary,#00639b)); --eJOJeb: var(--gm3-tabs-secondary-active-focus-indicat= or-outline-offset,-3px); --zpfArf: var(--gm3-tabs-secondary-focus-indicator= -active-offset-bottom,-3px); --QTb7ce: var(--gm3-tabs-secondary-active-focu= s-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(.javascriptMaterialdes= ignGm3WizTabsSecondary-tab--active) { --gm3-font-icon-fill: var(--gm3-tabs-= secondary-with-icon-inactive-icon-fill,unset); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:focus-visible { --Mal6Ee: = block; } .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { transition: = color 0.15s linear; display: inline-block; z-index: 2; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator { display: flex;= position: absolute; top: 0px; left: 0px; justify-content: center; width: 1= 00%; height: 100%; pointer-events: none; z-index: var(--gm3-tabs-secondary-= active-indicator-z-index,1); } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator__content { trans= form-origin: left center; opacity: 0; align-self: flex-end; box-sizing: bor= der-box; width: 100%; border-top-style: solid; transition: var(--gm3-tabs-s= econdary-active-indicator-transition-duration,.25s) transform var(--gm3-tab= s-secondary-active-indicator-transition-easing,cubic-bezier(.4,0,.2,1)); bo= rder-top-width: 2px; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator--active .javascr= iptMaterialdesignGm3WizTabsSecondary-tab-indicator__content { opacity: 1; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator--no-transition .= javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator__content { transi= tion: none; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller { overflow-y: hid= den; height: var(--gm3-tabs-secondary-tablist-container-scroller-height,aut= o); align-content: var(--gm3-tabs-secondary-tablist-container-scroller-alig= n-content,normal); } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller, .javascriptMater= ialdesignGm3WizTabsSecondary-tab-scroller__scroll-area { border-radius: var= (--gm3-tabs-secondary-tablist-container-scroller-shape,0); } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-area { di= splay: flex; overflow-x: hidden; scrollbar-width: none; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-area::-we= bkit-scrollbar { display: none; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-area--scr= oll { overflow-x: scroll; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-content {= position: relative; display: flex; flex: 1 0 auto; transform: none; will-c= hange: transform; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-content .= javascriptMaterialdesignGm3WizTabsSecondary-tab { padding: 0px 16px; min-wi= dth: auto; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller--align-start .jav= ascriptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-content { jus= tify-content: flex-start; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-scroller--align-end .javas= criptMaterialdesignGm3WizTabsSecondary-tab-scroller__scroll-content { justi= fy-content: flex-end; } .javascriptMaterialdesignGm3WizTabsSecondary-tab--min-width { flex: 0 1 aut= o; } .javascriptMaterialdesignGm3WizTabsSecondary-tab__content { display: flex; = align-items: center; justify-content: center; height: inherit; pointer-even= ts: none; position: relative; } .javascriptMaterialdesignGm3WizTabsSecondary-tab .gm3-tab__icon { transitio= n: color 0.15s linear; z-index: 2; height: var(--gm3-tabs-secondary-with-ic= on-icon-size,24px); width: var(--gm3-tabs-secondary-with-icon-icon-size,24p= x); font-size: var(--gm3-tabs-secondary-with-icon-icon-size,24px); } .javascriptMaterialdesignGm3WizTabsSecondary-tab .gm3-tab__icon svg { displ= ay: block; margin: auto; height: inherit; width: inherit; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(.javascriptMaterialdes= ignGm3WizTabsSecondary-tab--stacked) .javascriptMaterialdesignGm3WizTabsSec= ondary-tab__content > .gm3-tab__icon + .javascriptMaterialdesignGm3WizTabsS= econdary-tab__text-label { padding-left: var(--gm3-tabs-secondary-with-icon= -icon-label-space,8px); padding-right: 0px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTabsSecondary-tab--active { --NRr4y: var(-= -gm3-tabs-secondary-hcm-on-active-indicator-color,unset); --eJOJeb: var(--g= m3-tabs-secondary-hcm-active-focus-indicator-outline-offset,-3px); --QTb7ce= : var(--gm3-tabs-secondary-hcm-active-focus-indicator-thickness,3px); } } .javascriptMaterialdesignGm3WizTabsSecondary-tab { --sbadab: var(--gm3-tabs= -secondary-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f))= ; --F1tVH: var(--gm3-tabs-secondary-hover-state-layer-color,var(--gm3-sys-c= olor-on-surface,#1f1f1f)); --hSHBee: var(--gm3-tabs-secondary-hover-state-l= ayer-opacity,0.08); --kDWEsd: var(--gm3-tabs-secondary-pressed-state-layer-= opacity,0.1); --QOcx9e: var(--gm3-tabs-secondary-container-shape-start-star= t,0px); --vRgHIb: var(--gm3-tabs-secondary-container-shape-start-end,0px); = --Pk3PIb: var(--gm3-tabs-secondary-container-shape-end-start,0px); --xg9FB:= var(--gm3-tabs-secondary-container-shape-end-end,0px); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active { --sbadab: var(--= gm3-tabs-secondary-active-hover-state-layer-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); --F1tVH: var(--gm3-tabs-secondary-active-hover-state-layer= -color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(:disabled) .gm3-tab__i= con { color: var(--gm3-tabs-secondary-with-icon-active-icon-color,var(--gm3= -sys-color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(.javascriptMaterialdes= ignGm3WizTabsSecondary-tab--active):not(:disabled) .gm3-tab__icon { color: = var(--gm3-tabs-secondary-with-icon-inactive-icon-color,var(--gm3-sys-color-= on-surface-variant,#444746)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:hover:not(:disabled) .gm3-= tab__icon { color: var(--gm3-tabs-secondary-with-icon-hover-icon-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:focus:not(:disabled) .gm3-= tab__icon { color: var(--gm3-tabs-secondary-with-icon-focus-icon-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:active:not(:disabled) .gm3= -tab__icon { color: var(--gm3-tabs-secondary-with-icon-pressed-icon-color,v= ar(--gm3-sys-color-on-surface,#1f1f1f)); fill: currentcolor; } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):hov= er .gm3-tab__icon { color: var(--gm3-tabs-secondary-with-icon-active-hover-= icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):foc= us .gm3-tab__icon { color: var(--gm3-tabs-secondary-with-icon-active-focus-= icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):act= ive .gm3-tab__icon { color: var(--gm3-tabs-secondary-with-icon-active-press= ed-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled) .ja= vascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: var(--gm= 3-tabs-secondary-active-label-text-color,var(--gm3-sys-color-on-surface,#1f= 1f1f)); font-weight: var(--gm3-tabs-secondary-active-label-text-weight,500)= ; } .javascriptMaterialdesignGm3WizTabsSecondary-tab:not(.javascriptMaterialdes= ignGm3WizTabsSecondary-tab--active):not(:disabled) .javascriptMaterialdesig= nGm3WizTabsSecondary-tab__text-label { color: var(--gm3-tabs-secondary-inac= tive-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:hover:not(:disabled) .java= scriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: var(--gm3-= tabs-secondary-hover-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1= f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:focus:not(:disabled) .java= scriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: var(--gm3-= tabs-secondary-focus-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1= f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab:active:not(:disabled) .jav= ascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: var(--gm3= -tabs-secondary-pressed-label-text-color,var(--gm3-sys-color-on-surface,#1f= 1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):hov= er .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: va= r(--gm3-tabs-secondary-active-hover-label-text-color,var(--gm3-sys-color-on= -surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):foc= us .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: va= r(--gm3-tabs-secondary-active-focus-label-text-color,var(--gm3-sys-color-on= -surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):act= ive .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { color: v= ar(--gm3-tabs-secondary-active-pressed-label-text-color,var(--gm3-sys-color= -on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizTabsSecondary-tab .javascriptMaterialdesignG= m3WizTabsSecondary-tab__text-label { font-family: var(--gm3-tabs-secondary-= label-text-font,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,= Arial,sans-serif); font-size: var(--gm3-tabs-secondary-label-text-size,.875= rem); letter-spacing: var(--gm3-tabs-secondary-label-text-tracking,0); line= -height: var(--gm3-tabs-secondary-label-text-line-height,1.25rem); font-wei= ght: var(--gm3-tabs-secondary-label-text-weight,500); font-variation-settin= gs: var(--gm3-tabs-secondary-label-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizTabsSecondary-tab--stacked .gm3-tab__icon + = .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label { padding-top:= 6px; padding-bottom: 4px; } .javascriptMaterialdesignGm3WizTabsSecondary-tab-indicator .javascriptMater= ialdesignGm3WizTabsSecondary-tab-indicator__content--underline { border-sta= rt-start-radius: var(--gm3-tabs-secondary-active-indicator-shape-start-star= t,2px); border-start-end-radius: var(--gm3-tabs-secondary-active-indicator-= shape-start-end,2px); border-end-end-radius: var(--gm3-tabs-secondary-activ= e-indicator-shape-end-end,0); border-end-start-radius: var(--gm3-tabs-secon= dary-active-indicator-shape-end-start,0); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled) .= gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not= (:disabled) .javascriptMaterialdesignGm3WizTabsSecondary-tab__text-label, .= javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:disabled):acti= ve .gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsSecondary-tab--active= :not(:disabled):active .javascriptMaterialdesignGm3WizTabsSecondary-tab__te= xt-label, .javascriptMaterialdesignGm3WizTabsSecondary-tab--active:not(:dis= abled):focus .gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsSecondary-t= ab--active:not(:disabled):focus .javascriptMaterialdesignGm3WizTabsSecondar= y-tab__text-label, .javascriptMaterialdesignGm3WizTabsSecondary-tab--active= :not(:disabled):hover .gm3-tab__icon, .javascriptMaterialdesignGm3WizTabsSe= condary-tab--active:not(:disabled):hover .javascriptMaterialdesignGm3WizTab= sSecondary-tab__text-label { forced-color-adjust: none; color: var(--gm3-ta= bs-secondary-hcm-on-active-indicator-color,unset); } } .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button { min-width: v= ar(--gm3-split-button-filled-trailing-button-container-min-width,48px); tra= nsition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1), padding-inl= ine 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); --vTiv8c: var(--gm3-split-butt= on-filled-inner-corner-corner-size,4px); --UtHrue: min(var(--gm3-split-butt= on-filled-container-shape,9999px),var(--gm3-split-button-filled-container-h= eight,40px)/2); --uHecC: min(var(--gm3-split-button-filled-container-shape,= 9999px),var(--gm3-split-button-filled-container-height,40px)/2); --C8LWjb: = var(--gm3-split-button-filled-inner-corner-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled.javascriptMaterial= designGm3WizSplitButtonFilled-split-button-wrapper:not(:has(:where(.javascr= iptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-expanded=3D"true"= ]))) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button:hover { -= -vTiv8c: var(--gm3-split-button-filled-inner-corner-hovered-corner-size,4px= ); --UtHrue: min(var(--gm3-split-button-filled-container-shape,9999px),var(= --gm3-split-button-filled-container-height,40px)/2); --uHecC: min(var(--gm3= -split-button-filled-container-shape,9999px),var(--gm3-split-button-filled-= container-height,40px)/2); --C8LWjb: var(--gm3-split-button-filled-inner-co= rner-hovered-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled.javascriptMaterial= designGm3WizSplitButtonFilled-split-button-wrapper:not(:has(:where(.javascr= iptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-expanded=3D"true"= ]))) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button:active { = --vTiv8c: var(--gm3-split-button-filled-inner-corner-pressed-corner-size,4p= x); --UtHrue: min(var(--gm3-split-button-filled-container-shape,9999px),var= (--gm3-split-button-filled-container-height,40px)/2); --uHecC: min(var(--gm= 3-split-button-filled-container-shape,9999px),var(--gm3-split-button-filled= -container-height,40px)/2); --C8LWjb: var(--gm3-split-button-filled-inner-c= orner-pressed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has(:= where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-exp= anded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-but= ton { padding-inline: var(--gm3-split-button-filled-trailing-button-leading= -space,12px) var(--gm3-split-button-filled-trailing-button-trailing-space,1= 4px); --vTiv8c: min(var(--gm3-split-button-filled-container-shape,9999px),v= ar(--gm3-split-button-filled-container-height,40px)/2); --UtHrue: min(var(-= -gm3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fil= led-container-height,40px)/2); --uHecC: min(var(--gm3-split-button-filled-c= ontainer-shape,9999px),var(--gm3-split-button-filled-container-height,40px)= /2); --C8LWjb: min(var(--gm3-split-button-filled-container-shape,9999px),va= r(--gm3-split-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:not(:= has(:where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[ari= a-expanded=3D"true"]))) .javascriptMaterialdesignGm3WizSplitButtonFilled-ic= on-button { padding-inline: var(--gm3-split-button-filled-trailing-button-l= eading-space-unselected,12px) var(--gm3-split-button-filled-trailing-button= -trailing-space-unselected,14px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has(:= where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-exp= anded=3D"true"])) { --vTiv8c: min(var(--gm3-split-button-filled-container-s= hape,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --UtH= rue: min(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-sp= lit-button-filled-container-height,40px)/2); --uHecC: min(var(--gm3-split-b= utton-filled-container-shape,9999px),var(--gm3-split-button-filled-containe= r-height,40px)/2); --C8LWjb: min(var(--gm3-split-button-filled-container-sh= ape,9999px),var(--gm3-split-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-leading-button { min-width= : 48px; transition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); = --vTiv8c: min(var(--gm3-split-button-filled-container-shape,9999px),var(--g= m3-split-button-filled-container-height,40px)/2); --UtHrue: var(--gm3-split= -button-filled-inner-corner-corner-size,4px); --uHecC: var(--gm3-split-butt= on-filled-inner-corner-corner-size,4px); --C8LWjb: min(var(--gm3-split-butt= on-filled-container-shape,9999px),var(--gm3-split-button-filled-container-h= eight,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled .javascriptMateria= ldesignGm3WizSplitButtonFilled-leading-button:hover { --vTiv8c: min(var(--g= m3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fille= d-container-height,40px)/2); --UtHrue: var(--gm3-split-button-filled-inner-= corner-hovered-corner-size,4px); --uHecC: var(--gm3-split-button-filled-inn= er-corner-hovered-corner-size,4px); --C8LWjb: min(var(--gm3-split-button-fi= lled-container-shape,9999px),var(--gm3-split-button-filled-container-height= ,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-leading-button:active { --= vTiv8c: min(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3= -split-button-filled-container-height,40px)/2); --UtHrue: var(--gm3-split-b= utton-filled-inner-corner-pressed-corner-size,4px); --uHecC: var(--gm3-spli= t-button-filled-inner-corner-pressed-corner-size,4px); --C8LWjb: min(var(--= gm3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fill= ed-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-trailing-button-icon { tra= nsform: rotate(0deg); transition: transform 0.35s cubic-bezier(0.27, 1.06, = 0.18, 1); display: inline-flex; } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has(:= where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-exp= anded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonFilled-trailing= -button-icon { transform: rotate(180deg); } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper { dis= play: flex; align-items: center; gap: var(--gm3-split-button-filled-between= -space,2px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-tooltip-anchor-wrapper, .j= avascriptMaterialdesignGm3WizSplitButtonFilled-trailing-button-container { = display: flex; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button, .javascript= MaterialdesignGm3WizSplitButtonFilled-leading-button, .javascriptMaterialde= signGm3WizSplitButtonFilled-trailing-button-icon { transition: none; } } .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button { --gm3-icon-b= utton-filled-icon-size: var(--gm3-split-button-filled-trailing-button-icon-= size,22px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled.javascriptMaterial= designGm3WizSplitButtonFilled-split-button-wrapper:not(:has(:where(.javascr= iptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-expanded=3D"true"= ]))) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button:hover { -= -gm3-icon-button-filled-container-shape-start-start: var(--gm3-split-button= -filled-inner-corner-hovered-corner-size,4px); --gm3-icon-button-filled-con= tainer-shape-start-end: min(var(--gm3-split-button-filled-container-shape,9= 999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-= button-filled-container-shape-end-end: min(var(--gm3-split-button-filled-co= ntainer-shape,9999px),var(--gm3-split-button-filled-container-height,40px)/= 2); --gm3-icon-button-filled-container-shape-end-start: var(--gm3-split-but= ton-filled-inner-corner-hovered-corner-size,4px); --gm3-icon-button-filled-= pressed-container-shape-start-start: var(--gm3-split-button-filled-inner-co= rner-hovered-corner-size,4px); --gm3-icon-button-filled-pressed-container-s= hape-start-end: min(var(--gm3-split-button-filled-container-shape,9999px),v= ar(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-button-f= illed-pressed-container-shape-end-end: min(var(--gm3-split-button-filled-co= ntainer-shape,9999px),var(--gm3-split-button-filled-container-height,40px)/= 2); --gm3-icon-button-filled-pressed-container-shape-end-start: var(--gm3-s= plit-button-filled-inner-corner-hovered-corner-size,4px); --gm3-icon-button= -filled-selected-container-shape-start-start: var(--gm3-split-button-filled= -inner-corner-hovered-corner-size,4px); --gm3-icon-button-filled-selected-c= ontainer-shape-start-end: min(var(--gm3-split-button-filled-container-shape= ,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-ico= n-button-filled-selected-container-shape-end-end: min(var(--gm3-split-butto= n-filled-container-shape,9999px),var(--gm3-split-button-filled-container-he= ight,40px)/2); --gm3-icon-button-filled-selected-container-shape-end-start:= var(--gm3-split-button-filled-inner-corner-hovered-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled.javascriptMaterial= designGm3WizSplitButtonFilled-split-button-wrapper:not(:has(:where(.javascr= iptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-expanded=3D"true"= ]))) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button:active { = --gm3-icon-button-filled-container-shape-start-start: var(--gm3-split-butto= n-filled-inner-corner-pressed-corner-size,4px); --gm3-icon-button-filled-co= ntainer-shape-start-end: min(var(--gm3-split-button-filled-container-shape,= 9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon= -button-filled-container-shape-end-end: min(var(--gm3-split-button-filled-c= ontainer-shape,9999px),var(--gm3-split-button-filled-container-height,40px)= /2); --gm3-icon-button-filled-container-shape-end-start: var(--gm3-split-bu= tton-filled-inner-corner-pressed-corner-size,4px); --gm3-icon-button-filled= -pressed-container-shape-start-start: var(--gm3-split-button-filled-inner-c= orner-pressed-corner-size,4px); --gm3-icon-button-filled-pressed-container-= shape-start-end: min(var(--gm3-split-button-filled-container-shape,9999px),= var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-button-= filled-pressed-container-shape-end-end: min(var(--gm3-split-button-filled-c= ontainer-shape,9999px),var(--gm3-split-button-filled-container-height,40px)= /2); --gm3-icon-button-filled-pressed-container-shape-end-start: var(--gm3-= split-button-filled-inner-corner-pressed-corner-size,4px); --gm3-icon-butto= n-filled-selected-container-shape-start-start: var(--gm3-split-button-fille= d-inner-corner-pressed-corner-size,4px); --gm3-icon-button-filled-selected-= container-shape-start-end: min(var(--gm3-split-button-filled-container-shap= e,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-ic= on-button-filled-selected-container-shape-end-end: min(var(--gm3-split-butt= on-filled-container-shape,9999px),var(--gm3-split-button-filled-container-h= eight,40px)/2); --gm3-icon-button-filled-selected-container-shape-end-start= : var(--gm3-split-button-filled-inner-corner-pressed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has(:= where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-exp= anded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-but= ton { --gm3-icon-button-filled-container-shape-start-start: var(--gm3-split= -button-filled-trailing-button-inner-corner-selected-corner-size,4px); --gm= 3-icon-button-filled-container-shape-start-end: min(var(--gm3-split-button-= filled-container-shape,9999px),var(--gm3-split-button-filled-container-heig= ht,40px)/2); --gm3-icon-button-filled-container-shape-end-end: min(var(--gm= 3-split-button-filled-container-shape,9999px),var(--gm3-split-button-filled= -container-height,40px)/2); --gm3-icon-button-filled-container-shape-end-st= art: var(--gm3-split-button-filled-trailing-button-inner-corner-selected-co= rner-size,4px); --gm3-icon-button-filled-pressed-container-shape-start-star= t: var(--gm3-split-button-filled-trailing-button-inner-corner-selected-corn= er-size,4px); --gm3-icon-button-filled-pressed-container-shape-start-end: m= in(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-bu= tton-filled-container-height,40px)/2); --gm3-icon-button-filled-pressed-con= tainer-shape-end-end: min(var(--gm3-split-button-filled-container-shape,999= 9px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-bu= tton-filled-pressed-container-shape-end-start: var(--gm3-split-button-fille= d-trailing-button-inner-corner-selected-corner-size,4px); --gm3-icon-button= -filled-selected-container-shape-start-start: var(--gm3-split-button-filled= -trailing-button-inner-corner-selected-corner-size,4px); --gm3-icon-button-= filled-selected-container-shape-start-end: min(var(--gm3-split-button-fille= d-container-shape,9999px),var(--gm3-split-button-filled-container-height,40= px)/2); --gm3-icon-button-filled-selected-container-shape-end-end: min(var(= --gm3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fi= lled-container-height,40px)/2); --gm3-icon-button-filled-selected-container= -shape-end-start: var(--gm3-split-button-filled-trailing-button-inner-corne= r-selected-corner-size,4px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-e= xpanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-b= utton { --gm3-icon-button-filled-icon-color: Canvas; --gm3-icon-button-fill= ed-hover-icon-color: Canvas; --gm3-icon-button-filled-focus-icon-color: Can= vas; --gm3-icon-button-filled-pressed-icon-color: Canvas; --gm3-icon-button= -filled-container-color: CanvasText; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-e= xpanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonFilled-icon-b= utton::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper:has(:= where(.javascriptMaterialdesignGm3WizSplitButtonFilled-icon-button[aria-exp= anded=3D"true"])) { --gm3-icon-button-filled-container-shape-start-start: m= in(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-bu= tton-filled-container-height,40px)/2); --gm3-icon-button-filled-container-s= hape-start-end: min(var(--gm3-split-button-filled-container-shape,9999px),v= ar(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-button-f= illed-container-shape-end-end: min(var(--gm3-split-button-filled-container-= shape,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm= 3-icon-button-filled-container-shape-end-start: min(var(--gm3-split-button-= filled-container-shape,9999px),var(--gm3-split-button-filled-container-heig= ht,40px)/2); --gm3-icon-button-filled-pressed-container-shape-start-start: = min(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-b= utton-filled-container-height,40px)/2); --gm3-icon-button-filled-pressed-co= ntainer-shape-start-end: min(var(--gm3-split-button-filled-container-shape,= 9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon= -button-filled-pressed-container-shape-end-end: min(var(--gm3-split-button-= filled-container-shape,9999px),var(--gm3-split-button-filled-container-heig= ht,40px)/2); --gm3-icon-button-filled-pressed-container-shape-end-start: mi= n(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-but= ton-filled-container-height,40px)/2); --gm3-icon-button-filled-selected-con= tainer-shape-start-start: min(var(--gm3-split-button-filled-container-shape= ,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-ico= n-button-filled-selected-container-shape-start-end: min(var(--gm3-split-but= ton-filled-container-shape,9999px),var(--gm3-split-button-filled-container-= height,40px)/2); --gm3-icon-button-filled-selected-container-shape-end-end:= min(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-= button-filled-container-height,40px)/2); --gm3-icon-button-filled-selected-= container-shape-end-start: min(var(--gm3-split-button-filled-container-shap= e,9999px),var(--gm3-split-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-enabled .javascriptMateria= ldesignGm3WizSplitButtonFilled-leading-button:hover { --gm3-button-filled-c= ontainer-shape-start-start: min(var(--gm3-split-button-filled-container-sha= pe,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-b= utton-filled-container-shape-start-end: var(--gm3-split-button-filled-inner= -corner-hovered-corner-size,4px); --gm3-button-filled-container-shape-end-e= nd: var(--gm3-split-button-filled-inner-corner-hovered-corner-size,4px); --= gm3-button-filled-container-shape-end-start: min(var(--gm3-split-button-fil= led-container-shape,9999px),var(--gm3-split-button-filled-container-height,= 40px)/2); --gm3-button-filled-pressed-container-shape-start-start: min(var(= --gm3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fi= lled-container-height,40px)/2); --gm3-button-filled-pressed-container-shape= -start-end: var(--gm3-split-button-filled-inner-corner-hovered-corner-size,= 4px); --gm3-button-filled-pressed-container-shape-end-end: var(--gm3-split-= button-filled-inner-corner-hovered-corner-size,4px); --gm3-button-filled-pr= essed-container-shape-end-start: min(var(--gm3-split-button-filled-containe= r-shape,9999px),var(--gm3-split-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-leading-button:active { --= gm3-button-filled-container-shape-start-start: min(var(--gm3-split-button-f= illed-container-shape,9999px),var(--gm3-split-button-filled-container-heigh= t,40px)/2); --gm3-button-filled-container-shape-start-end: var(--gm3-split-= button-filled-inner-corner-pressed-corner-size,4px); --gm3-button-filled-co= ntainer-shape-end-end: var(--gm3-split-button-filled-inner-corner-pressed-c= orner-size,4px); --gm3-button-filled-container-shape-end-start: min(var(--g= m3-split-button-filled-container-shape,9999px),var(--gm3-split-button-fille= d-container-height,40px)/2); --gm3-button-filled-pressed-container-shape-st= art-start: min(var(--gm3-split-button-filled-container-shape,9999px),var(--= gm3-split-button-filled-container-height,40px)/2); --gm3-button-filled-pres= sed-container-shape-start-end: var(--gm3-split-button-filled-inner-corner-p= ressed-corner-size,4px); --gm3-button-filled-pressed-container-shape-end-en= d: var(--gm3-split-button-filled-inner-corner-pressed-corner-size,4px); --g= m3-button-filled-pressed-container-shape-end-start: min(var(--gm3-split-but= ton-filled-container-shape,9999px),var(--gm3-split-button-filled-container-= height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonFilled-leading-button:focus-visib= le { z-index: 2; } .javascriptMaterialdesignGm3WizSplitButtonFilled-split-button-wrapper { --g= m3-button-filled-container-shape-transition-easing-function: cubic-bezier(0= .27,1.06,0.18,1); --gm3-button-filled-container-height: var(--gm3-split-but= ton-filled-container-height,40px); --gm3-button-filled-label-text-size: var= (--gm3-split-button-filled-label-text-size,14px); --gm3-button-filled-with-= leading-icon-leading-space: var(--gm3-split-button-filled-leading-button-le= ading-space,16px); --gm3-button-filled-with-leading-icon-trailing-space: va= r(--gm3-split-button-filled-leading-button-trailing-space,12px); --gm3-butt= on-filled-leading-space: var(--gm3-split-button-filled-leading-button-leadi= ng-space,16px); --gm3-button-filled-trailing-space: var(--gm3-split-button-= filled-leading-button-trailing-space,12px); --gm3-button-filled-hover-state= -layer-opacity: 0.08; --gm3-button-filled-pressed-state-layer-opacity: 0.12= ; --gm3-button-filled-with-icon-icon-label-space: var(--gm3-split-button-fi= lled-leading-button-icon-label-space,8px); --gm3-button-filled-with-icon-ic= on-size: var(--gm3-split-button-filled-leading-button-icon-size,20px); --gm= 3-button-filled-hover-container-elevation: 0; --gm3-button-filled-container= -shape-start-start: min(var(--gm3-split-button-filled-container-shape,9999p= x),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-button-fi= lled-container-shape-start-end: var(--gm3-split-button-filled-inner-corner-= corner-size,4px); --gm3-button-filled-container-shape-end-end: var(--gm3-sp= lit-button-filled-inner-corner-corner-size,4px); --gm3-button-filled-contai= ner-shape-end-start: min(var(--gm3-split-button-filled-container-shape,9999= px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-button-f= illed-pressed-container-shape-start-start: min(var(--gm3-split-button-fille= d-container-shape,9999px),var(--gm3-split-button-filled-container-height,40= px)/2); --gm3-button-filled-pressed-container-shape-start-end: var(--gm3-sp= lit-button-filled-inner-corner-corner-size,4px); --gm3-button-filled-presse= d-container-shape-end-end: var(--gm3-split-button-filled-inner-corner-corne= r-size,4px); --gm3-button-filled-pressed-container-shape-end-start: min(var= (--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-button-f= illed-container-height,40px)/2); --gm3-icon-button-filled-unselected-contai= ner-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-icon-button-filled-t= oggle-unselected-icon-color: var(--gm3-sys-color-on-primary,#fff); --gm3-ic= on-button-filled-toggle-unselected-pressed-icon-color: var(--gm3-sys-color-= on-primary,#fff); --gm3-icon-button-filled-toggle-unselected-hover-icon-col= or: var(--gm3-sys-color-on-primary,#fff); --gm3-icon-button-filled-toggle-u= nselected-focus-icon-color: var(--gm3-sys-color-on-primary,#fff); --gm3-ico= n-button-filled-toggle-unselected-hover-state-layer-color: var(--gm3-sys-co= lor-on-primary,#fff); --gm3-icon-button-filled-icon-size: var(--gm3-split-b= utton-filled-trailing-button-icon-size,22px); --gm3-icon-button-filled-hove= r-state-layer-opacity: 0.08; --gm3-icon-button-filled-pressed-state-layer-o= pacity: 0.12; --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-s= ys-color-on-primary,#fff); --gm3-icon-button-filled-container-height: var(-= -gm3-split-button-filled-container-height,40px); --gm3-icon-button-filled-c= ontainer-width: var(--gm3-split-button-filled-trailing-button-container-wid= th,48px); --gm3-icon-button-filled-container-shape-start-start: var(--gm3-s= plit-button-filled-inner-corner-corner-size,4px); --gm3-icon-button-filled-= container-shape-start-end: min(var(--gm3-split-button-filled-container-shap= e,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-ic= on-button-filled-container-shape-end-end: min(var(--gm3-split-button-filled= -container-shape,9999px),var(--gm3-split-button-filled-container-height,40p= x)/2); --gm3-icon-button-filled-container-shape-end-start: var(--gm3-split-= button-filled-inner-corner-corner-size,4px); --gm3-icon-button-filled-press= ed-container-shape-start-start: var(--gm3-split-button-filled-inner-corner-= corner-size,4px); --gm3-icon-button-filled-pressed-container-shape-start-en= d: min(var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-spli= t-button-filled-container-height,40px)/2); --gm3-icon-button-filled-pressed= -container-shape-end-end: min(var(--gm3-split-button-filled-container-shape= ,9999px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-ico= n-button-filled-pressed-container-shape-end-start: var(--gm3-split-button-f= illed-inner-corner-corner-size,4px); --gm3-icon-button-filled-selected-cont= ainer-shape-start-start: var(--gm3-split-button-filled-inner-corner-corner-= size,4px); --gm3-icon-button-filled-selected-container-shape-start-end: min= (var(--gm3-split-button-filled-container-shape,9999px),var(--gm3-split-butt= on-filled-container-height,40px)/2); --gm3-icon-button-filled-selected-cont= ainer-shape-end-end: min(var(--gm3-split-button-filled-container-shape,9999= px),var(--gm3-split-button-filled-container-height,40px)/2); --gm3-icon-but= ton-filled-selected-container-shape-end-start: var(--gm3-split-button-fille= d-inner-corner-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button { min-width:= var(--gm3-split-button-outlined-trailing-button-container-min-width,48px);= transition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1), padding= -inline 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); --vTiv8c: var(--gm3-split-= button-outlined-inner-corner-corner-size,4px); --UtHrue: min(var(--gm3-spli= t-button-outlined-container-shape,9999px),var(--gm3-split-button-outlined-c= ontainer-height,40px)/2); --uHecC: min(var(--gm3-split-button-outlined-cont= ainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/= 2); --C8LWjb: var(--gm3-split-button-outlined-inner-corner-corner-size,4px)= ; } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled.javascriptMateri= aldesignGm3WizSplitButtonOutlined-split-button-wrapper:not(:has(:where(.jav= ascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria-expanded=3D= "true"]))) .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button:h= over { --vTiv8c: var(--gm3-split-button-outlined-inner-corner-hovered-corne= r-size,4px); --UtHrue: min(var(--gm3-split-button-outlined-container-shape,= 9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --uHecC:= min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-spli= t-button-outlined-container-height,40px)/2); --C8LWjb: var(--gm3-split-butt= on-outlined-inner-corner-hovered-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled.javascriptMateri= aldesignGm3WizSplitButtonOutlined-split-button-wrapper:not(:has(:where(.jav= ascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria-expanded=3D= "true"]))) .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button:a= ctive { --vTiv8c: var(--gm3-split-button-outlined-inner-corner-pressed-corn= er-size,4px); --UtHrue: min(var(--gm3-split-button-outlined-container-shape= ,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --uHecC= : min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-spl= it-button-outlined-container-height,40px)/2); --C8LWjb: var(--gm3-split-but= ton-outlined-inner-corner-pressed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria= -expanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonOutlined-ic= on-button { padding-inline: var(--gm3-split-button-outlined-trailing-button= -leading-space,12px) var(--gm3-split-button-outlined-trailing-button-traili= ng-space,14px); --vTiv8c: min(var(--gm3-split-button-outlined-container-sha= pe,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --UtH= rue: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-= split-button-outlined-container-height,40px)/2); --uHecC: min(var(--gm3-spl= it-button-outlined-container-shape,9999px),var(--gm3-split-button-outlined-= container-height,40px)/2); --C8LWjb: min(var(--gm3-split-button-outlined-co= ntainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px= )/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:not= (:has(:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button= [aria-expanded=3D"true"]))) .javascriptMaterialdesignGm3WizSplitButtonOutli= ned-icon-button { padding-inline: var(--gm3-split-button-outlined-trailing-= button-leading-space-unselected,12px) var(--gm3-split-button-outlined-trail= ing-button-trailing-space-unselected,14px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria= -expanded=3D"true"])) { --vTiv8c: min(var(--gm3-split-button-outlined-conta= iner-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2= ); --UtHrue: min(var(--gm3-split-button-outlined-container-shape,9999px),va= r(--gm3-split-button-outlined-container-height,40px)/2); --uHecC: min(var(-= -gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-button-o= utlined-container-height,40px)/2); --C8LWjb: min(var(--gm3-split-button-out= lined-container-shape,9999px),var(--gm3-split-button-outlined-container-hei= ght,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-leading-button { min-wid= th: 48px; transition: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1)= ; --vTiv8c: min(var(--gm3-split-button-outlined-container-shape,9999px),var= (--gm3-split-button-outlined-container-height,40px)/2); --UtHrue: var(--gm3= -split-button-outlined-inner-corner-corner-size,4px); --uHecC: var(--gm3-sp= lit-button-outlined-inner-corner-corner-size,4px); --C8LWjb: min(var(--gm3-= split-button-outlined-container-shape,9999px),var(--gm3-split-button-outlin= ed-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled .javascriptMater= ialdesignGm3WizSplitButtonOutlined-leading-button:hover { --vTiv8c: min(var= (--gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-button= -outlined-container-height,40px)/2); --UtHrue: var(--gm3-split-button-outli= ned-inner-corner-hovered-corner-size,4px); --uHecC: var(--gm3-split-button-= outlined-inner-corner-hovered-corner-size,4px); --C8LWjb: min(var(--gm3-spl= it-button-outlined-container-shape,9999px),var(--gm3-split-button-outlined-= container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-leading-button:active { = --vTiv8c: min(var(--gm3-split-button-outlined-container-shape,9999px),var(-= -gm3-split-button-outlined-container-height,40px)/2); --UtHrue: var(--gm3-s= plit-button-outlined-inner-corner-pressed-corner-size,4px); --uHecC: var(--= gm3-split-button-outlined-inner-corner-pressed-corner-size,4px); --C8LWjb: = min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-split= -button-outlined-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-trailing-button-icon { t= ransform: rotate(0deg); transition: transform 0.35s cubic-bezier(0.27, 1.06= , 0.18, 1); display: inline-flex; } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria= -expanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonOutlined-tr= ailing-button-icon { transform: rotate(180deg); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper { d= isplay: flex; align-items: center; gap: var(--gm3-split-button-outlined-bet= ween-space,2px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-tooltip-anchor-wrapper, = .javascriptMaterialdesignGm3WizSplitButtonOutlined-trailing-button-containe= r { display: flex; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button, .javascri= ptMaterialdesignGm3WizSplitButtonOutlined-leading-button, .javascriptMateri= aldesignGm3WizSplitButtonOutlined-trailing-button-icon { transition: none; = } } .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button { --gm3-icon= -button-outlined-icon-size: var(--gm3-split-button-outlined-trailing-button= -icon-size,22px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled.javascriptMateri= aldesignGm3WizSplitButtonOutlined-split-button-wrapper:not(:has(:where(.jav= ascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria-expanded=3D= "true"]))) .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button:h= over { --gm3-icon-button-outlined-container-shape-start-start: var(--gm3-sp= lit-button-outlined-inner-corner-hovered-corner-size,4px); --gm3-icon-butto= n-outlined-container-shape-start-end: min(var(--gm3-split-button-outlined-c= ontainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40p= x)/2); --gm3-icon-button-outlined-container-shape-end-end: min(var(--gm3-sp= lit-button-outlined-container-shape,9999px),var(--gm3-split-button-outlined= -container-height,40px)/2); --gm3-icon-button-outlined-container-shape-end-= start: var(--gm3-split-button-outlined-inner-corner-hovered-corner-size,4px= ); --gm3-icon-button-outlined-pressed-container-shape-start-start: var(--gm= 3-split-button-outlined-inner-corner-hovered-corner-size,4px); --gm3-icon-b= utton-outlined-pressed-container-shape-start-end: min(var(--gm3-split-butto= n-outlined-container-shape,9999px),var(--gm3-split-button-outlined-containe= r-height,40px)/2); --gm3-icon-button-outlined-pressed-container-shape-end-e= nd: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-s= plit-button-outlined-container-height,40px)/2); --gm3-icon-button-outlined-= pressed-container-shape-end-start: var(--gm3-split-button-outlined-inner-co= rner-hovered-corner-size,4px); --gm3-icon-button-outlined-selected-containe= r-shape-start-start: var(--gm3-split-button-outlined-inner-corner-hovered-c= orner-size,4px); --gm3-icon-button-outlined-selected-container-shape-start-= end: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-= split-button-outlined-container-height,40px)/2); --gm3-icon-button-outlined= -selected-container-shape-end-end: min(var(--gm3-split-button-outlined-cont= ainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/= 2); --gm3-icon-button-outlined-selected-container-shape-end-start: var(--gm= 3-split-button-outlined-inner-corner-hovered-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled.javascriptMateri= aldesignGm3WizSplitButtonOutlined-split-button-wrapper:not(:has(:where(.jav= ascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria-expanded=3D= "true"]))) .javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button:a= ctive { --gm3-icon-button-outlined-container-shape-start-start: var(--gm3-s= plit-button-outlined-inner-corner-pressed-corner-size,4px); --gm3-icon-butt= on-outlined-container-shape-start-end: min(var(--gm3-split-button-outlined-= container-shape,9999px),var(--gm3-split-button-outlined-container-height,40= px)/2); --gm3-icon-button-outlined-container-shape-end-end: min(var(--gm3-s= plit-button-outlined-container-shape,9999px),var(--gm3-split-button-outline= d-container-height,40px)/2); --gm3-icon-button-outlined-container-shape-end= -start: var(--gm3-split-button-outlined-inner-corner-pressed-corner-size,4p= x); --gm3-icon-button-outlined-pressed-container-shape-start-start: var(--g= m3-split-button-outlined-inner-corner-pressed-corner-size,4px); --gm3-icon-= button-outlined-pressed-container-shape-start-end: min(var(--gm3-split-butt= on-outlined-container-shape,9999px),var(--gm3-split-button-outlined-contain= er-height,40px)/2); --gm3-icon-button-outlined-pressed-container-shape-end-= end: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-= split-button-outlined-container-height,40px)/2); --gm3-icon-button-outlined= -pressed-container-shape-end-start: var(--gm3-split-button-outlined-inner-c= orner-pressed-corner-size,4px); --gm3-icon-button-outlined-selected-contain= er-shape-start-start: var(--gm3-split-button-outlined-inner-corner-pressed-= corner-size,4px); --gm3-icon-button-outlined-selected-container-shape-start= -end: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3= -split-button-outlined-container-height,40px)/2); --gm3-icon-button-outline= d-selected-container-shape-end-end: min(var(--gm3-split-button-outlined-con= tainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)= /2); --gm3-icon-button-outlined-selected-container-shape-end-start: var(--g= m3-split-button-outlined-inner-corner-pressed-corner-size,4px); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria= -expanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonOutlined-ic= on-button { --gm3-icon-button-outlined-container-shape-start-start: var(--g= m3-split-button-outlined-trailing-button-inner-corner-selected-corner-size,= 4px); --gm3-icon-button-outlined-container-shape-start-end: min(var(--gm3-s= plit-button-outlined-container-shape,9999px),var(--gm3-split-button-outline= d-container-height,40px)/2); --gm3-icon-button-outlined-container-shape-end= -end: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3= -split-button-outlined-container-height,40px)/2); --gm3-icon-button-outline= d-container-shape-end-start: var(--gm3-split-button-outlined-trailing-butto= n-inner-corner-selected-corner-size,4px); --gm3-icon-button-outlined-presse= d-container-shape-start-start: var(--gm3-split-button-outlined-trailing-but= ton-inner-corner-selected-corner-size,4px); --gm3-icon-button-outlined-pres= sed-container-shape-start-end: min(var(--gm3-split-button-outlined-containe= r-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); = --gm3-icon-button-outlined-pressed-container-shape-end-end: min(var(--gm3-s= plit-button-outlined-container-shape,9999px),var(--gm3-split-button-outline= d-container-height,40px)/2); --gm3-icon-button-outlined-pressed-container-s= hape-end-start: var(--gm3-split-button-outlined-trailing-button-inner-corne= r-selected-corner-size,4px); --gm3-icon-button-outlined-selected-container-= shape-start-start: var(--gm3-split-button-outlined-trailing-button-inner-co= rner-selected-corner-size,4px); --gm3-icon-button-outlined-selected-contain= er-shape-start-end: min(var(--gm3-split-button-outlined-container-shape,999= 9px),var(--gm3-split-button-outlined-container-height,40px)/2); --gm3-icon-= button-outlined-selected-container-shape-end-end: min(var(--gm3-split-butto= n-outlined-container-shape,9999px),var(--gm3-split-button-outlined-containe= r-height,40px)/2); --gm3-icon-button-outlined-selected-container-shape-end-= start: var(--gm3-split-button-outlined-trailing-button-inner-corner-selecte= d-corner-size,4px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:h= as(:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[ar= ia-expanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonOutlined-= icon-button { background-color: canvastext; color: canvas; --gm3-icon-butto= n-outlined-unselected-outline-color: CanvasText; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:h= as(:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[ar= ia-expanded=3D"true"])) .javascriptMaterialdesignGm3WizSplitButtonOutlined-= icon-button::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper:has= (:where(.javascriptMaterialdesignGm3WizSplitButtonOutlined-icon-button[aria= -expanded=3D"true"])) { --gm3-icon-button-outlined-container-shape-start-st= art: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-= split-button-outlined-container-height,40px)/2); --gm3-icon-button-outlined= -container-shape-start-end: min(var(--gm3-split-button-outlined-container-s= hape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --g= m3-icon-button-outlined-container-shape-end-end: min(var(--gm3-split-button= -outlined-container-shape,9999px),var(--gm3-split-button-outlined-container= -height,40px)/2); --gm3-icon-button-outlined-container-shape-end-start: min= (var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-bu= tton-outlined-container-height,40px)/2); --gm3-icon-button-outlined-pressed= -container-shape-start-start: min(var(--gm3-split-button-outlined-container= -shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); -= -gm3-icon-button-outlined-pressed-container-shape-start-end: min(var(--gm3-= split-button-outlined-container-shape,9999px),var(--gm3-split-button-outlin= ed-container-height,40px)/2); --gm3-icon-button-outlined-pressed-container-= shape-end-end: min(var(--gm3-split-button-outlined-container-shape,9999px),= var(--gm3-split-button-outlined-container-height,40px)/2); --gm3-icon-butto= n-outlined-pressed-container-shape-end-start: min(var(--gm3-split-button-ou= tlined-container-shape,9999px),var(--gm3-split-button-outlined-container-he= ight,40px)/2); --gm3-icon-button-outlined-selected-container-shape-start-st= art: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-= split-button-outlined-container-height,40px)/2); --gm3-icon-button-outlined= -selected-container-shape-start-end: min(var(--gm3-split-button-outlined-co= ntainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px= )/2); --gm3-icon-button-outlined-selected-container-shape-end-end: min(var(= --gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-button-= outlined-container-height,40px)/2); --gm3-icon-button-outlined-selected-con= tainer-shape-end-start: min(var(--gm3-split-button-outlined-container-shape= ,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSplitButtonOutlined-leading-button { --gm3= -button-outlined-outline-color: CanvasText; --gm3-button-outlined-focus-out= line-color: CanvasText; --gm3-button-outlined-hover-outline-color: CanvasTe= xt; --gm3-button-outlined-pressed-outline-color: CanvasText; } } .javascriptMaterialdesignGm3WizSplitButtonOutlined-enabled .javascriptMater= ialdesignGm3WizSplitButtonOutlined-leading-button:hover { --gm3-button-outl= ined-container-shape-start-start: min(var(--gm3-split-button-outlined-conta= iner-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2= ); --gm3-button-outlined-container-shape-start-end: var(--gm3-split-button-= outlined-inner-corner-hovered-corner-size,4px); --gm3-button-outlined-conta= iner-shape-end-end: var(--gm3-split-button-outlined-inner-corner-hovered-co= rner-size,4px); --gm3-button-outlined-container-shape-end-start: min(var(--= gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-button-ou= tlined-container-height,40px)/2); --gm3-button-outlined-pressed-container-s= hape-start-start: min(var(--gm3-split-button-outlined-container-shape,9999p= x),var(--gm3-split-button-outlined-container-height,40px)/2); --gm3-button-= outlined-pressed-container-shape-start-end: var(--gm3-split-button-outlined= -inner-corner-hovered-corner-size,4px); --gm3-button-outlined-pressed-conta= iner-shape-end-end: var(--gm3-split-button-outlined-inner-corner-hovered-co= rner-size,4px); --gm3-button-outlined-pressed-container-shape-end-start: mi= n(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-b= utton-outlined-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-leading-button:active { = --gm3-button-outlined-container-shape-start-start: min(var(--gm3-split-butt= on-outlined-container-shape,9999px),var(--gm3-split-button-outlined-contain= er-height,40px)/2); --gm3-button-outlined-container-shape-start-end: var(--= gm3-split-button-outlined-inner-corner-pressed-corner-size,4px); --gm3-butt= on-outlined-container-shape-end-end: var(--gm3-split-button-outlined-inner-= corner-pressed-corner-size,4px); --gm3-button-outlined-container-shape-end-= start: min(var(--gm3-split-button-outlined-container-shape,9999px),var(--gm= 3-split-button-outlined-container-height,40px)/2); --gm3-button-outlined-pr= essed-container-shape-start-start: min(var(--gm3-split-button-outlined-cont= ainer-shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/= 2); --gm3-button-outlined-pressed-container-shape-start-end: var(--gm3-spli= t-button-outlined-inner-corner-pressed-corner-size,4px); --gm3-button-outli= ned-pressed-container-shape-end-end: var(--gm3-split-button-outlined-inner-= corner-pressed-corner-size,4px); --gm3-button-outlined-pressed-container-sh= ape-end-start: min(var(--gm3-split-button-outlined-container-shape,9999px),= var(--gm3-split-button-outlined-container-height,40px)/2); } .javascriptMaterialdesignGm3WizSplitButtonOutlined-leading-button:focus-vis= ible { z-index: 2; } .javascriptMaterialdesignGm3WizSplitButtonOutlined-split-button-wrapper { -= -gm3-button-outlined-container-shape-transition-easing-function: cubic-bezi= er(0.27,1.06,0.18,1); --gm3-button-outlined-label-text-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-button-outlined-pressed-label-tex= t-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outl= ined-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-button-outlined-container-height: var(--gm3-sp= lit-button-outlined-container-height,40px); --gm3-button-outlined-with-lead= ing-icon-leading-space: var(--gm3-split-button-outlined-leading-button-lead= ing-space,16px); --gm3-button-outlined-with-leading-icon-trailing-space: va= r(--gm3-split-button-outlined-leading-button-trailing-space,12px); --gm3-bu= tton-outlined-label-text-size: var(--gm3-split-button-outlined-label-text-s= ize,14px); --gm3-button-outlined-leading-space: var(--gm3-split-button-outl= ined-leading-button-leading-space,16px); --gm3-button-outlined-trailing-spa= ce: var(--gm3-split-button-outlined-leading-button-trailing-space,12px); --= gm3-button-outlined-hover-state-layer-opacity: 0.08; --gm3-button-outlined-= pressed-state-layer-opacity: 0.12; --gm3-button-outlined-hover-state-layer-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlin= ed-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-button-outlined-with-icon-icon-size: var(--gm3-split-button-outli= ned-leading-button-icon-size,20px); --gm3-button-outlined-with-icon-icon-la= bel-space: var(--gm3-split-button-outlined-leading-button-icon-label-space,= 8px); --gm3-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-button-outlined-with-icon-hover-icon-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined-with-= icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-button-outlined-with-icon-pressed-icon-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-button-outlined-outline-color: var(--gm3-sys-c= olor-outline-variant,#c4c7c5); --gm3-button-outlined-hover-outline-color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-button-outlined-pressed-= outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-button-o= utlined-focus-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); = --gm3-button-outlined-container-shape-start-start: min(var(--gm3-split-butt= on-outlined-container-shape,9999px),var(--gm3-split-button-outlined-contain= er-height,40px)/2); --gm3-button-outlined-container-shape-start-end: var(--= gm3-split-button-outlined-inner-corner-corner-size,4px); --gm3-button-outli= ned-container-shape-end-end: var(--gm3-split-button-outlined-inner-corner-c= orner-size,4px); --gm3-button-outlined-container-shape-end-start: min(var(-= -gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-button-o= utlined-container-height,40px)/2); --gm3-button-outlined-pressed-container-= shape-start-start: min(var(--gm3-split-button-outlined-container-shape,9999= px),var(--gm3-split-button-outlined-container-height,40px)/2); --gm3-button= -outlined-pressed-container-shape-start-end: var(--gm3-split-button-outline= d-inner-corner-corner-size,4px); --gm3-button-outlined-pressed-container-sh= ape-end-end: var(--gm3-split-button-outlined-inner-corner-corner-size,4px);= --gm3-button-outlined-pressed-container-shape-end-start: min(var(--gm3-spl= it-button-outlined-container-shape,9999px),var(--gm3-split-button-outlined-= container-height,40px)/2); --gm3-icon-button-outlined-selected-pressed-stat= e-layer-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-= button-outlined-unselected-pressed-state-layer-color: var(--gm3-sys-color-o= n-surface-variant,#444746); --gm3-icon-button-outlined-unselected-hover-sta= te-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon= -button-outlined-selected-hover-state-layer-color: var(--gm3-sys-color-inve= rse-on-surface,#f2f2f2); --gm3-icon-button-outlined-unselected-outline-colo= r: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-icon-button-outlined= -unselected-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-icon-button-outlined-unselected-pressed-icon-color: var(--gm3-sys-color= -on-surface-variant,#444746); --gm3-icon-button-outlined-unselected-hover-i= con-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-butt= on-outlined-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-var= iant,#444746); --gm3-icon-button-outlined-icon-size: var(--gm3-split-button= -outlined-trailing-button-icon-size,22px); --gm3-icon-button-outlined-hover= -state-layer-opacity: 0.08; --gm3-icon-button-outlined-pressed-state-layer-= opacity: 0.12; --gm3-icon-button-outlined-container-height: var(--gm3-split= -button-outlined-container-height,40px); --gm3-icon-button-outlined-contain= er-width: var(--gm3-split-button-outlined-trailing-button-container-width,4= 8px); --gm3-icon-button-outlined-container-shape-start-start: var(--gm3-spl= it-button-outlined-inner-corner-corner-size,4px); --gm3-icon-button-outline= d-container-shape-start-end: min(var(--gm3-split-button-outlined-container-= shape,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --= gm3-icon-button-outlined-container-shape-end-end: min(var(--gm3-split-butto= n-outlined-container-shape,9999px),var(--gm3-split-button-outlined-containe= r-height,40px)/2); --gm3-icon-button-outlined-container-shape-end-start: va= r(--gm3-split-button-outlined-inner-corner-corner-size,4px); --gm3-icon-but= ton-outlined-pressed-container-shape-start-start: var(--gm3-split-button-ou= tlined-inner-corner-corner-size,4px); --gm3-icon-button-outlined-pressed-co= ntainer-shape-start-end: min(var(--gm3-split-button-outlined-container-shap= e,9999px),var(--gm3-split-button-outlined-container-height,40px)/2); --gm3-= icon-button-outlined-pressed-container-shape-end-end: min(var(--gm3-split-b= utton-outlined-container-shape,9999px),var(--gm3-split-button-outlined-cont= ainer-height,40px)/2); --gm3-icon-button-outlined-pressed-container-shape-e= nd-start: var(--gm3-split-button-outlined-inner-corner-corner-size,4px); --= gm3-icon-button-outlined-selected-container-shape-start-start: var(--gm3-sp= lit-button-outlined-inner-corner-corner-size,4px); --gm3-icon-button-outlin= ed-selected-container-shape-start-end: min(var(--gm3-split-button-outlined-= container-shape,9999px),var(--gm3-split-button-outlined-container-height,40= px)/2); --gm3-icon-button-outlined-selected-container-shape-end-end: min(va= r(--gm3-split-button-outlined-container-shape,9999px),var(--gm3-split-butto= n-outlined-container-height,40px)/2); --gm3-icon-button-outlined-selected-c= ontainer-shape-end-start: var(--gm3-split-button-outlined-inner-corner-corn= er-size,4px); } .appsKixDocosSuggestionDialogSuggestionDialog { position: fixed; right: 44p= x; } .appsKixDocosSuggestionDialogCard { --gm3-card-elevated-container-color: va= r(--gm3-sys-color-surface-bright,#fff); --gm3-card-elevated-container-shape= -start-start: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --= gm3-card-elevated-container-shape-end-end: 12px; --gm3-card-elevated-contai= ner-shape-end-start: 12px; } .appsKixDocosSuggestionDialogSuggestionDialogHeader { display: flex; justif= y-content: space-between; min-width: 284px; padding: 4px 4px 4px 16px; } .appsKixDocosSuggestionDialogSuggestionDialogTitle { padding: 10px 0px 6px;= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem= ; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .appsKixDocosSuggestionDialogHeaderButtonsContainer { display: flex; gap: 8= px; padding: 4px 4px 4px 12px; --gm3-icon-button-standard-container-width: = 32px; --gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-= standard-icon-size: 20px; --gm3-icon-button-standard-unselected-icon-color:= var(--gm3-sys-color-on-surface-variant,#444746); } .appsKixDocosSuggestionDialogToolbarCard { --gm3-card-elevated-container-el= evation: 2; } .appsKixDocosSuggestionDialogToolbar { align-items: center; block-size: 44p= x; box-sizing: border-box; display: flex; min-inline-size: 400px; padding-i= nline: 4px 14px; --gm3-icon-button-standard-container-width: 32px; --gm3-ic= on-button-standard-container-height: 32px; --gm3-icon-button-standard-icon-= size: 20px; --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-dropdown-button-text-container-he= ight: 32px; --gm3-dropdown-button-text-focus-label-text-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-dropdown-button-text-hover-label= -text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdow= n-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-dropdown-button-text-label-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-dropdown-button-text-leading-space: 8= px; --gm3-dropdown-button-text-pressed-label-text-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-dropdown-button-text-pressed-state-lay= er-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-b= utton-text-trailing-space: 4px; --gm3-dropdown-button-text-with-icon-focus-= icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown= -button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-var= iant,#444746); --gm3-dropdown-button-text-with-icon-icon-color: var(--gm3-s= ys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-icon-= icon-size: 20px; --gm3-dropdown-button-text-with-icon-pressed-icon-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); } .appsKixDocosSuggestionDialogToolbarIndex { color: var(--gm3-sys-color-on-s= urface-variant,#444746); white-space: nowrap; font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spac= ing: 0.00625rem; line-height: 1rem; } .appsKixDocosSuggestionDialogToolbarEndButtons { display: flex; gap: 4px; m= argin-inline-start: auto; } .appsKixDocosSuggestionDialogToolbarMenu { --gm3-list-list-item-label-text-= line-height: 1.25rem; --gm3-list-list-item-label-text-size: 0.875rem; --gm3= -list-list-item-label-text-weight: 400; --gm3-list-list-item-one-line-paddi= ng: 4px; --gm3-list-list-item-selected-label-text-weight: 400; --gm3-list-l= ist-item-control-selected-label-text-weight: 400; --gm3-menu-cascading-menu= -indicator-icon-size: 16px; --gm3-menu-container-color: var(--gm3-sys-color= -surface,#fff); --gm3-menu-list-item-container-height: 28px; --gm3-menu-lis= t-item-label-text-line-height: 1.25rem; --gm3-menu-list-item-label-text-siz= e: 0.875rem; --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-i= tem-margin-block: 4px; --gm3-menu-list-item-one-line-padding: 4px; --gm3-me= nu-list-item-selected-label-text-weight: 400; --gm3-menu-list-item-selected= -with-leading-icon-trailing-icon-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --gm3-menu-list-padding: 6px 0; --gm3-menu-list-item-control-= selected-label-text-weight: 400; } .appsKixDocosSuggestionDialogSuggestionDialogDropdown { padding: 4px 16px 0= px; display: inline-block; --gm3-select-shared-text-field-container-width: = 280px; --gm3-select-shared-text-field-container-height: 40px; } .appsKixDocosSuggestionDialogBottomButtonsContainer { padding: 16px; } .appsKixDocosSuggestionDialogBottomButtons { display: flex; gap: 6px; justi= fy-content: flex-end; } .appsKixDocosSuggestionDialogBottomSplitButtons { display: flex; gap: 6px; = justify-content: flex-end; --gm3-split-button-filled-container-height: 40px= ; --gm3-split-button-outlined-container-height: 40px; } .appsKixDocosSuggestionDialogHidden { display: none; } .appsKixFeaturesDocumentformatWizPagelessTextWidthPreferencePromoStylesCall= out { --ae-callout-container-width: 260px; } .kixPagelessOnboardingDialogContentContainer { max-width: 512px; min-width:= 375px; } .kixPagelessOnboardingDialogDialog { --OVc2Ab: 512px; --d3K6sb: 354px; } .kixPagelessOnboardingDialogImageContainer { padding-top: 8px; } @media screen and (max-height: 638px) { .kixPagelessOnboardingDialogImageContainer { display: none; } } .kixPagelessOnboardingDialogImage { border-radius: 12px; box-sizing: border= -box; height: 354px; width: 100%; } .kixPagelessOnboardingDialogOffline .kixPagelessOnboardingDialogImage, .kix= PagelessOnboardingDialogStaticSvg { display: none; } .kixPagelessOnboardingDialogOffline .kixPagelessOnboardingDialogStaticSvg {= display: block; } @media (prefers-reduced-motion: reduce) { .kixPagelessOnboardingDialogImage { display: none; } .kixPagelessOnboardingDialogStaticSvg { display: block; } } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarTextW= rappingTypeButtonActive { background-color: color-mix(in srgb,var(--gm3-sys= -color-on-surface-variant,#444746) 10%,transparent); } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarDropd= ownButton { line-height: normal; padding: 10px 4px 10px 8px; } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarStopG= enerationButton { background-color: var(--gm3-sys-color-primary-container,#= d3e3fd); } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarStopG= enerationButton.goog-toolbar-button-hover, .appsKixClientFeaturesEmbeddeden= tityWizEmbeddedEntityContextualToolbarStopGenerationButton.goog-toolbar-men= u-button-hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on= -primary-container,#0842a0) 8%,var(--gm3-sys-color-primary-container,#d3e3f= d)); } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarStopG= enerationButton .goog-inline-block.goog-toolbar-button-outer-box { display:= flex; align-items: center; justify-content: center; } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarStopG= enerationButton .docs-icon-img-container { color: rgb(8, 66, 160); } @media not (prefers-reduced-motion) { .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarGen= eratingButton { background-image: ; background-position-x: ; background-pos= ition-y: ; background-repeat: ; background-attachment: ; background-origin:= ; background-color: ; background-size: 200% auto; color: transparent; back= ground-clip: text; animation: 2s linear 0s infinite normal none running pix= GeneratingButtonAnimation; } } @keyframes pixGeneratingButtonAnimation {=20 100% { background-position: -200% center; } } .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarAnima= teImageButton:focus, .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityC= ontextualToolbarAnimateImageButton:hover { background: var(--ae-genai-gener= ation-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradie= nt01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-s= ys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gra= dient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarAni= mateImageButton:focus, .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntit= yContextualToolbarAnimateImageButton:hover { background: var(--ae-genai-gen= eration-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-grad= ient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws= -sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-g= radient01,#e9eef6))); animation: 2.1s linear 0s infinite normal none runnin= g generation-shimmer; } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntityContextualToolbarAni= mateImageButton:focus, .appsKixClientFeaturesEmbeddedentityWizEmbeddedEntit= yContextualToolbarAnimateImageButton:hover { background-position: 50% cente= r; background-size: 800% 800%; } } .kixImageOptionsSidebarCollapsibleList { --ae-collapsible-list-detail-conta= iner-color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .kixImageOptionsSidebarTextWrappingSectionContainer { display: flex; flex-d= irection: column; gap: 16px; } .kixImageOptionsSidebarSizeSectionContainer { display: flex; flex-direction= : column; gap: 12px; } .kixImageOptionsSidebarFlexRow { display: flex; flex-direction: row; gap: 2= 4px; } .kixImageOptionsSidebarSpinButton { --ae-spin-button-input-text-align: left= ; --gm3-text-field-outlined-input-text-suffix-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-text-field-outlined-leading-space: 8px; --= gm3-text-field-outlined-trailing-space: 8px; --ae-spin-button-input-contain= er-width: 73px; } .kixImageOptionsSidebarLabelLargeOnSurface { color: var(--gm3-sys-color-on-= surface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; fo= nt-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25= rem; } .kixImageOptionsSidebarQuickLayoutsButtonIcon, .kixImageOptionsSidebarTextW= rappingButtonIcon { --gm3-icon-button-filled-disabled-container-color: var(= --gm3-sys-color-surface-bright,#fff); --gm3-icon-button-filled-selected-con= tainer-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-icon-button-f= illed-unselected-container-color: var(--gm3-sys-color-surface-bright,#fff);= --gm3-icon-button-filled-toggle-selected-hover-state-layer-color: var(--gm= 3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-toggle-unselected= -hover-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-ic= on-button-filled-container-height: 82px; --gm3-icon-button-filled-container= -width: 82px; --gm3-icon-button-filled-icon-size: 72px; --gm3-icon-button-f= illed-focus-indicator-outline-offset: 1px; --gm3-icon-button-filled-contain= er-shape-start-start: 8px; --gm3-icon-button-filled-container-shape-start-e= nd: 8px; --gm3-icon-button-filled-container-shape-end-end: 8px; --gm3-icon-= button-filled-container-shape-end-start: 8px; --gm3-icon-button-filled-pres= sed-container-shape-start-start: 8px; --gm3-icon-button-filled-pressed-cont= ainer-shape-start-end: 8px; --gm3-icon-button-filled-pressed-container-shap= e-end-end: 8px; --gm3-icon-button-filled-pressed-container-shape-end-start:= 8px; --gm3-icon-button-filled-selected-container-shape-start-start: 8px; -= -gm3-icon-button-filled-selected-container-shape-start-end: 8px; --gm3-icon= -button-filled-selected-container-shape-end-end: 8px; --gm3-icon-button-fil= led-selected-container-shape-end-start: 8px; } .kixImageOptionsSidebarOnIconOutline { border-radius: 8px; height: 82px; ou= tline: 2px solid var(--gm3-sys-color-primary,#0b57d0); position: absolute; = width: 82px; z-index: 2; margin: -5px 0px 0px -5px; } .kixImageOptionsSidebarOnIcon { z-index: 1; } @media screen and (forced-colors: active) { .kixImageOptionsSidebarOnIcon { filter: invert(100%); } } .kixImageOptionsSidebarQuickLayoutsButtonGroup { display: grid; flex-direct= ion: row; grid-template-columns: repeat(3, 1fr); gap: 8px; } .kixImageOptionsSidebarTextWrappingButtonGroup { display: grid; flex-direct= ion: row; grid-template-columns: repeat(3, 1fr); gap: 16px 8px; } .kixImageOptionsSidebarTexWrappingButtonContainer { display: flex; flex-dir= ection: column; gap: 8px; } .kixImageOptionsSidebarTextWrappingButtonLabel { color: var(--gm3-sys-color= -on-surface-variant,#444746); font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.00625rem;= line-height: 1rem; text-align: center; } .kixImageOptionsSidebarPositionSpinButtons { display: flex; flex-direction:= row; gap: 24px; } .kixImageOptionsSidebarOffsetSection { padding-top: 16px; } .kixImageOptionsSidebarQuickLayoutsSection { display: flex; flex-direction:= column; gap: 16px; padding-top: 16px; } .kixImageOptionsSidebarDisabledLabel { opacity: 0.38; } @media screen and (forced-colors: active) { .kixImageOptionsSidebarDisabledLabel { color: graytext; opacity: 1; } } .altTextSectionTextExplanation { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; li= ne-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746);= padding-bottom: 12px; } .altTextSectionCollapsibleList { padding-top: 8px; --ae-collapsible-list-de= tail-container-color: var(--gm3-sys-color-surface-container-high,#e9eef6); = } .altTextSectionAdvancedOptionTextArea { --gm3-text-field-outlined-container= -height: 40px; } .altTextSectionDescriptionTextArea { width: 100%; } .imageAdjustmentsSectionSliderAndSpinButtonControls { align-items: center; = display: flex; gap: 16px; } .imageAdjustmentsSectionSlider { margin-inline: 0px; width: 152px; --gm3-sl= ider-active-track-height: 4px; --gm3-slider-handle-height: 20px; --gm3-slid= er-inactive-track-height: 4px; --gm3-slider-stop-indicator-size: 0px; } .imageAdjustmentsSectionSpinButton { --ae-spin-button-input-container-width= : 69px; --ae-spin-button-input-text-align: left; --gm3-text-field-outlined-= leading-space: 8px; --gm3-text-field-outlined-trailing-space: 8px; } .imageAdjustmentsSectionResetButtonContainer { display: flex; justify-conte= nt: flex-start; margin-top: 16px; } .javascriptMaterialdesignGm3WizSlider-slider { cursor: pointer; block-size:= 48px; margin-block: 0px; margin-inline: 24px; position: relative; touch-ac= tion: pan-y; --jF0a9c: var(--gm3-slider-focus-ring-color,var(--gm3-sys-colo= r-secondary,#00639b)); --hK0TOb: var(--gm3-slider-focus-ring-offset,0px); -= -SGGi: 4px; --vTiv8c: 2px; --UtHrue: 2px; --uHecC: 2px; --C8LWjb: 2px; } .javascriptMaterialdesignGm3WizSlider-slider--disabled { cursor: auto; } .javascriptMaterialdesignGm3WizSlider-slider__track { block-size: var(--gm3= -slider-inactive-track-height,16px); position: absolute; display: flex; ali= gn-items: center; top: 50%; transform: translateY(-50%); inline-size: 100%;= } .javascriptMaterialdesignGm3WizSlider-slider__track--leading, .javascriptMa= terialdesignGm3WizSlider-slider__track--primary, .javascriptMaterialdesignG= m3WizSlider-slider__track--trailing { position: absolute; inline-size: 100%= ; } .javascriptMaterialdesignGm3WizSlider-slider__track--primary { block-size: = var(--gm3-slider-active-track-height,16px); clip-path: inset(0 calc(var(--t= rack-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-width, calc= (2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle= -width, 4px)))) * var(--thumb-end-pct, 0)) 0 0); } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--pri= mary { clip-path: inset(0 0 0 calc(var(--track-width, 100%) - (var(--track-= width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-hand= le-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end= -pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider__track--leading { block-size: = var(--gm3-slider-inactive-track-height,16px); clip-path: inset(0 calc(var(-= -track-width, 100%) - (var(--track-width, 100%) - var(--thumb-start-width, = calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-ha= ndle-width, 4px)))) * var(--thumb-start-pct, 0)) 0 0); } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--lea= ding { clip-path: inset(0 0 0 calc(var(--track-width, 100%) - (var(--track-= width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-ha= ndle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-s= tart-pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider__track--trailing { block-size:= var(--gm3-slider-inactive-track-height,16px); clip-path: inset(0 0 0 calc(= var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-widt= h, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider= -handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)))); } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--tra= iling { clip-path: inset(0 calc(var(--track-width, 100%) - (var(--track-wid= th, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-= padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-e= nd-pct, 0))) 0 0); } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--primary, .javascriptMaterialdesignGm3WizSl= ider-slider--centered.javascriptMaterialdesignGm3WizSlider-slider--rtl .jav= ascriptMaterialdesignGm3WizSlider-slider__track--primary, .javascriptMateri= aldesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider= -slider__track--leading, .javascriptMaterialdesignGm3WizSlider-slider--disc= rete .javascriptMaterialdesignGm3WizSlider-slider__track--primary, .javascr= iptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3= WizSlider-slider__track--trailing, .javascriptMaterialdesignGm3WizSlider-sl= ider--range .javascriptMaterialdesignGm3WizSlider-slider__track--primary { = clip-path: none; } .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill, .javascr= iptMaterialdesignGm3WizSlider-slider__track--primary_fill, .javascriptMater= ialdesignGm3WizSlider-slider__track--trailing_fill { position: absolute; in= line-size: 100%; block-size: 100%; } .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill::before, = .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill::before = { content: ""; position: absolute; box-sizing: border-box; inline-size: 100= %; block-size: 100%; border: 1px solid transparent; border-radius: inherit;= inset: 0px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill::before= , .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill::befor= e { border-color: canvastext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__track--leading_fill::before, .javascriptMateria= ldesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-= slider__track--trailing_fill::before { border-color: graytext; } } .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateriald= esignGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignGm3= WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__tr= ack--trailing_fill { transition: inline-size 80ms; } .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateriald= esignGm3WizSlider-slider__track--primary_fill { transition: inline-size 80m= s, left 80ms; } .javascriptMaterialdesignGm3WizSlider-slider--discrete.javascriptMaterialde= signGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__= track--primary_fill { transition: inline-size 80ms, right 80ms; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateria= ldesignGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignG= m3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__= track--primary_fill, .javascriptMaterialdesignGm3WizSlider-slider--discrete= .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill { trans= ition: none; } } .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill { inline-= size: calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(= --gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4= px)))) * var(--thumb-end-pct, 0)); border-start-start-radius: min(var(--gm3= -slider-active-track-shape-leading,9999px),var(--gm3-slider-active-track-he= ight,16px)/2); border-start-end-radius: var(--gm3-slider-active-track-shape= -trailing-start-end,2px); border-end-end-radius: var(--gm3-slider-active-tr= ack-shape-trailing-end-end,2px); border-end-start-radius: min(var(--gm3-sli= der-active-track-shape-leading,9999px),var(--gm3-slider-active-track-height= ,16px)/2); background: var(--gm3-slider-active-track-color,var(--gm3-sys-co= lor-primary,#0b57d0)); left: 0px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill { backg= round: canvastext; } } .javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialde= signGm3WizSlider-slider__track--primary_fill { background: var(--gm3-slider= -focus-active-track-color,var(--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterial= designGm3WizSlider-slider__track--primary_fill { background: canvastext; } } .javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialde= signGm3WizSlider-slider__track--primary_fill { background: var(--gm3-slider= -pressed-active-track-color,var(--gm3-sys-color-primary,#0b57d0)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterial= designGm3WizSlider-slider__track--primary_fill { background: canvastext; } } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__track--primary_fill { background: var(--gm3-slide= r-disabled-active-track-color,var(--gm3-sys-color-on-surface,#1f1f1f)); opa= city: var(--gm3-slider-disabled-active-track-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__track--primary_fill { background: graytext; opa= city: 1; } } .javascriptMaterialdesignGm3WizSlider-slider--range .javascriptMaterialdesi= gnGm3WizSlider-slider__track--primary_fill { inline-size: calc(var(--track-= width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-hand= le-padding, 6px) + var(--gm3-slider-handle-width, 4px))) - var(--thumb-star= t-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-= slider-handle-width, 4px))) - (var(--track-width, 100%) - var(--thumb-start= -width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-s= lider-handle-width, 4px)))) * var(--thumb-start-pct, 0) - (var(--track-widt= h, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-p= adding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-en= d-pct, 0))); border-radius: var(--gm3-slider-active-track-shape-trailing,2p= x 2px); left: calc((var(--track-width, 100%) - var(--thumb-start-width, cal= c(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handl= e-width, 4px)))) * var(--thumb-start-pct, 0) + var(--thumb-start-width, cal= c(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handl= e-width, 4px)))); } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--primary_fill { inline-size: calc(var(--tra= ck-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-h= andle-padding, 6px) + var(--gm3-slider-handle-width, 4px))) - var(--gm3-sli= der-handle-width, 4px) - min((var(--track-width, 100%) - var(--thumb-start-= width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-sl= ider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width,= 100%) - var(--gm3-slider-handle-width, 4px)) * .5) - min((var(--track-widt= h, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-p= adding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-en= d-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)= ) * .5)); border-radius: var(--gm3-slider-active-track-shape-trailing,2px 2= px); left: min(min((var(--track-width,100%) - var(--thumb-start-width,calc(= var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-wi= dth, 4px)))) * var(--thumb-start-pct,0),(var(--track-width,100%) - var(--gm= 3-slider-handle-width,4px)) * .5) + var(--thumb-end-width,calc(var(--gm3-sl= ider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px))),= (var(--track-width,100%) - var(--gm3-slider-handle-width,4px)) * .5 + var(-= -gm3-slider-handle-width,4px)); } .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill { inline-= size: calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * va= r(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width,= 4px)))) * var(--thumb-start-pct, 0)); border-start-start-radius: min(var(-= -gm3-slider-active-track-shape-leading,9999px),var(--gm3-slider-active-trac= k-height,16px)/2); border-start-end-radius: var(--gm3-slider-active-track-s= hape-trailing-start-end,2px); border-end-end-radius: var(--gm3-slider-activ= e-track-shape-trailing-end-end,2px); border-end-start-radius: min(var(--gm3= -slider-active-track-shape-leading,9999px),var(--gm3-slider-active-track-he= ight,16px)/2); left: 0px; } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading_fill { inline-size: min((var(--tra= ck-width,100%) - var(--thumb-start-width,calc(var(--gm3-slider-active-handl= e-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-st= art-pct,0),(var(--track-width,100%) - var(--gm3-slider-handle-width,4px)) *= .5); } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading { clip-path: inset(0 calc(var(--tr= ack-width, 100%) - min((var(--track-width, 100%) - var(--thumb-start-width,= calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-h= andle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%)= - var(--gm3-slider-handle-width, 4px)) * .5)) 0 0); } .javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialde= signGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__= track--leading { clip-path: inset(0 0 0 calc(var(--track-width, 100%) - min= ((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-sl= ider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) *= var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-ha= ndle-width, 4px)) * .5))); } .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill { inline= -size: calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var= (--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, = 4px)))) * (1 - var(--thumb-end-pct, 0))); border-start-start-radius: var(--= gm3-slider-active-track-shape-trailing-start-start,2px); border-start-end-r= adius: min(var(--gm3-slider-active-track-shape-leading,9999px),var(--gm3-sl= ider-active-track-height,16px)/2); border-end-end-radius: min(var(--gm3-sli= der-active-track-shape-leading,9999px),var(--gm3-slider-active-track-height= ,16px)/2); border-end-start-radius: var(--gm3-slider-active-track-shape-tra= iling-start-end,2px); right: 0px; } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--trailing_fill { inline-size: min((var(--tr= ack-width,100%) - var(--thumb-end-width,calc(var(--gm3-slider-active-handle= -padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thum= b-end-pct,0)),(var(--track-width,100%) - var(--gm3-slider-handle-width,4px)= ) * .5); } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--trailing { clip-path: inset(0 0 0 calc(var= (--track-width, 100%) - min((var(--track-width, 100%) - var(--thumb-end-wid= th, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slide= r-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)), (var(--track-width= , 100%) - var(--gm3-slider-handle-width, 4px)) * .5))); } .javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialde= signGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__= track--trailing { clip-path: inset(0 calc(var(--track-width, 100%) - min((v= ar(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-= active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 -= var(--thumb-end-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-han= dle-width, 4px)) * .5)) 0 0); } .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill, .javascr= iptMaterialdesignGm3WizSlider-slider__track--trailing_fill { background: va= r(--gm3-slider-inactive-track-color,var(--gm3-sys-color-secondary-container= ,#c2e7ff)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill, .javas= criptMaterialdesignGm3WizSlider-slider__track--trailing_fill { background: = canvas; } } .javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialde= signGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignGm3W= izSlider-slider--focused .javascriptMaterialdesignGm3WizSlider-slider__trac= k--trailing_fill { background: var(--gm3-slider-focus-inactive-track-color,= var(--gm3-sys-color-secondary-container,#c2e7ff)); } .javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialde= signGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignGm3W= izSlider-slider--pressed .javascriptMaterialdesignGm3WizSlider-slider__trac= k--trailing_fill { background: var(--gm3-slider-pressed-inactive-track-colo= r,var(--gm3-sys-color-secondary-container,#c2e7ff)); } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignGm3= WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tr= ack--trailing_fill { background: var(--gm3-slider-disabled-inactive-track-c= olor,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--gm3-slider-di= sabled-inactive-track-opacity,.12); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__track--leading_fill, .javascriptMaterialdesignG= m3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__= track--trailing_fill { background: canvas; opacity: 1; } } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--pri= mary_fill { right: 0px; left: auto; } .javascriptMaterialdesignGm3WizSlider-slider--range.javascriptMaterialdesig= nGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__tra= ck--primary_fill { right: calc((var(--track-width, 100%) - var(--thumb-star= t-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-= slider-handle-width, 4px)))) * var(--thumb-start-pct, 0) + var(--thumb-star= t-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-= slider-handle-width, 4px)))); left: auto; } .javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialde= signGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__= track--primary_fill { right: min(min((var(--track-width,100%) - var(--thumb= -start-width,calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm= 3-slider-handle-width, 4px)))) * var(--thumb-start-pct,0),(var(--track-widt= h,100%) - var(--gm3-slider-handle-width,4px)) * .5) + var(--thumb-end-width= ,calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-han= dle-width, 4px))),(var(--track-width,100%) - var(--gm3-slider-handle-width,= 4px)) * .5 + var(--gm3-slider-handle-width,4px)); left: auto; } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--lea= ding_fill { right: 0px; left: auto; } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--tra= iling_fill { left: 0px; right: auto; } .javascriptMaterialdesignGm3WizSlider-slider__thumb { display: flex; outlin= e: none; position: absolute; user-select: none; inline-size: calc(var(--gm3= -slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)= ); block-size: 48px; } .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateriald= esignGm3WizSlider-slider__thumb { transition: transform 80ms; } .javascriptMaterialdesignGm3WizSlider-slider__input { cursor: pointer; bloc= k-size: 48px; margin: 0px; opacity: 0; position: absolute; inline-size: 48p= x; inset-inline-start: calc(var(--gm3-slider-active-handle-padding, 6px)*2/= 2 + var(--gm3-slider-handle-width, 4px)/2 - 24px); } .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob { background-color= : var(--gm3-slider-handle-color,var(--gm3-sys-color-primary,#0b57d0)); bloc= k-size: var(--gm3-slider-handle-height,44px); border-color: var(--gm3-slide= r-handle-color,var(--gm3-sys-color-primary,#0b57d0)); border-radius: var(--= gm3-slider-handle-shape,9999px); border-style: solid; border-inline-start-w= idth: calc(var(--gm3-slider-handle-width, 4px)/2); border-inline-end-width:= calc(var(--gm3-slider-handle-width, 4px)/2); border-block-start-width: cal= c(var(--gm3-slider-handle-height, 44px)/2); border-block-end-width: calc(va= r(--gm3-slider-handle-height, 44px)/2); box-shadow: var(--gm3-slider-handle= -shadow,none); box-sizing: border-box; inline-size: var(--gm3-slider-handle= -width,4px); left: 50%; position: absolute; top: 50%; transform: translate(= -50%, -50%); } .javascriptMaterialdesignGm3WizSlider-slider__thumb:hover .javascriptMateri= aldesignGm3WizSlider-slider__thumb-knob { border-inline-start-width: calc(v= ar(--gm3-slider-hover-handle-width, 4px)/2); border-inline-end-width: calc(= var(--gm3-slider-hover-handle-width, 4px)/2); inline-size: var(--gm3-slider= -hover-handle-width,4px); } .javascriptMaterialdesignGm3WizSlider-slider__thumb--focused { inline-size:= calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-foc= us-handle-width, 2px)); } .javascriptMaterialdesignGm3WizSlider-slider__thumb--focused .javascriptMat= erialdesignGm3WizSlider-slider__input { inset-inline-start: calc(var(--gm3-= slider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-focus-handle-widt= h, 2px)/2 - 24px); } .javascriptMaterialdesignGm3WizSlider-slider__thumb--focused .javascriptMat= erialdesignGm3WizSlider-slider__thumb-knob, .javascriptMaterialdesignGm3Wiz= Slider-slider__thumb--focused:hover .javascriptMaterialdesignGm3WizSlider-s= lider__thumb-knob { background-color: var(--gm3-slider-focus-handle-color,v= ar(--gm3-sys-color-primary,#0b57d0)); border-color: var(--gm3-slider-focus-= handle-color,var(--gm3-sys-color-primary,#0b57d0)); border-inline-start-wid= th: calc(var(--gm3-slider-focus-handle-width, 2px)/2); border-inline-end-wi= dth: calc(var(--gm3-slider-focus-handle-width, 2px)/2); inline-size: var(--= gm3-slider-focus-handle-width,2px); } .javascriptMaterialdesignGm3WizSlider-slider__thumb:active { inline-size: c= alc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-press= ed-handle-width, 2px)); } .javascriptMaterialdesignGm3WizSlider-slider__thumb:active .javascriptMater= ialdesignGm3WizSlider-slider__input { inset-inline-start: calc(var(--gm3-sl= ider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-pressed-handle-widt= h, 2px)/2 - 24px); } .javascriptMaterialdesignGm3WizSlider-slider__thumb:active .javascriptMater= ialdesignGm3WizSlider-slider__thumb-knob { background-color: var(--gm3-slid= er-pressed-handle-color,var(--gm3-sys-color-primary,#0b57d0)); border-color= : var(--gm3-slider-pressed-handle-color,var(--gm3-sys-color-primary,#0b57d0= )); border-inline-start-width: calc(var(--gm3-slider-pressed-handle-width, = 2px)/2); border-inline-end-width: calc(var(--gm3-slider-pressed-handle-widt= h, 2px)/2); inline-size: var(--gm3-slider-pressed-handle-width,2px); } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__thumb { pointer-events: none; inline-size: calc(v= ar(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-disabled-h= andle-width, 4px)); } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__input { inset-inline-start: calc(var(--gm3-slider= -active-handle-padding, 6px)*2/2 + var(--gm3-slider-disabled-handle-width, = 4px)/2 - 24px); } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__thumb-knob { background-color: var(--gm3-slider-d= isabled-handle-color,var(--gm3-sys-color-on-surface,#1f1f1f)); border-color= : var(--gm3-slider-disabled-handle-color,var(--gm3-sys-color-on-surface,#1f= 1f1f)); border-inline-start-width: calc(var(--gm3-slider-disabled-handle-wi= dth, 4px)/2); border-inline-end-width: calc(var(--gm3-slider-disabled-handl= e-width, 4px)/2); opacity: var(--gm3-slider-disabled-handle-opacity,.38); i= nline-size: var(--gm3-slider-disabled-handle-width,4px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__thumb-knob { background-color: graytext; border= -color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizSlider-slider__thumb-end { transform: transl= ateX(calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(-= -gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4p= x)))) * var(--thumb-end-pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider__thumb-start { transform: tran= slateX(calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * v= ar(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width= , 4px)))) * var(--thumb-start-pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__thumb-end = { transform: translateX(calc(-1 * (var(--track-width, 100%) - var(--thumb-e= nd-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3= -slider-handle-width, 4px)))) * var(--thumb-end-pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__thumb-star= t { transform: translateX(calc(-1 * (var(--track-width, 100%) - var(--thumb= -start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(-= -gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0))); } .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container { b= ottom: calc(var(--gm3-slider-handle-height, 44px)/2 + 28px); pointer-events= : none; position: absolute; transform: var(--value-indicator-transform,tran= slateX(calc(-50% + (2*var(--gm3-slider-active-handle-padding, 6px) + var(--= gm3-slider-handle-width, 4px))/2))); transition: transform 80ms; } .javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3Wiz= Slider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__value-indi= cator-container { transform: var(--value-indicator-transform,translateX(cal= c(50% - (2*var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-= handle-width, 4px))/2))); } .javascriptMaterialdesignGm3WizSlider-slider__thumb--with-indicator .javasc= riptMaterialdesignGm3WizSlider-slider__value-indicator-container { pointer-= events: auto; } .javascriptMaterialdesignGm3WizSlider-slider__thumb-focus-visible .javascri= ptMaterialdesignGm3WizSlider-slider__value-indicator-container { bottom: ca= lc(var(--gm3-slider-focus-ring-offset, 0px) + 55px); } .javascriptMaterialdesignGm3WizSlider-slider__value-indicator { align-items= : center; display: flex; transform: scale(0); transform-origin: center bott= om; border-radius: 100px; padding-block: var(--gm3-slider-value-indicator-a= ctive-bottom-space,12px); padding-inline: 16px; background-color: var(--gm3= -slider-value-indicator-container-color,var(--gm3-sys-color-inverse-surface= ,#303030)); color: var(--gm3-slider-value-indicator-label-label-text-color,= var(--gm3-sys-color-inverse-on-surface,#f2f2f2)); opacity: 1; border: 1px s= olid transparent; transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider__value-indicator { border-co= lor: canvastext; } } .javascriptMaterialdesignGm3WizSlider-slider__thumb--with-indicator .javasc= riptMaterialdesignGm3WizSlider-slider__value-indicator { transform: scale(1= ); } .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-text { letter= -spacing: var(--gm3-slider-value-indicator-label-label-text-tracking,0); fo= nt-size: var(--gm3-slider-value-indicator-label-label-text-size,.875rem); f= ont-family: var(--gm3-slider-value-indicator-label-label-text-font,"Google = Sans Text"); font-weight: var(--gm3-slider-value-indicator-label-label-text= -weight,400); line-height: var(--gm3-slider-value-indicator-label-label-tex= t-line-height,1.25rem); white-space: nowrap; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateria= ldesignGm3WizSlider-slider__thumb, .javascriptMaterialdesignGm3WizSlider-sl= ider__thumb-knob, .javascriptMaterialdesignGm3WizSlider-slider__value-indic= ator, .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-contain= er { transition: none; } } .javascriptMaterialdesignGm3WizSlider-slider__tick-marks { align-items: cen= ter; box-sizing: border-box; display: flex; block-size: 100%; justify-conte= nt: space-between; padding-block: 0px; padding-inline: var(--gm3-slider-sto= p-indicator-trailing-space,6px); position: absolute; inline-size: 100%; } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading::before, .javascriptMaterialdesign= Gm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider_= _track--trailing::before, .javascriptMaterialdesignGm3WizSlider-slider__tic= k-mark--active, .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--in= active, .javascriptMaterialdesignGm3WizSlider-slider__track--leading::after= , .javascriptMaterialdesignGm3WizSlider-slider__track--trailing::after { bo= rder-radius: var(--gm3-slider-stop-indicator-shape,9999px); block-size: var= (--gm3-slider-stop-indicator-size,4px); inline-size: var(--gm3-slider-stop-= indicator-size,4px); z-index: 1; } .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active { backgroun= d-color: var(--gm3-slider-stop-indicator-color-selected,var(--gm3-sys-color= -secondary-container,#c2e7ff)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active { backgro= und-color: canvas; } } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__tick-mark--active { background-color: var(--gm3-s= lider-disabled-stop-color-selected,var(--gm3-sys-color-inverse-on-surface,#= f2f2f2)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__tick-mark--active { background-color: canvas; } } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading::before, .javascriptMaterialdesign= Gm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider_= _track--trailing::before, .javascriptMaterialdesignGm3WizSlider-slider__tic= k-mark--inactive, .javascriptMaterialdesignGm3WizSlider-slider__track--lead= ing::after, .javascriptMaterialdesignGm3WizSlider-slider__track--trailing::= after { background-color: var(--gm3-slider-stop-indicator-color,var(--gm3-s= ys-color-primary,#0b57d0)); opacity: 1; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateria= ldesignGm3WizSlider-slider__track--leading::before, .javascriptMaterialdesi= gnGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slide= r__track--trailing::before, .javascriptMaterialdesignGm3WizSlider-slider__t= ick-mark--inactive, .javascriptMaterialdesignGm3WizSlider-slider__track--le= ading::after, .javascriptMaterialdesignGm3WizSlider-slider__track--trailing= ::after { background-color: canvastext; } } .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateriald= esignGm3WizSlider-slider__tick-mark--inactive, .javascriptMaterialdesignGm3= WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tr= ack--leading::after, .javascriptMaterialdesignGm3WizSlider-slider--disabled= .javascriptMaterialdesignGm3WizSlider-slider__track--leading::before, .jav= ascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesig= nGm3WizSlider-slider__track--trailing::after, .javascriptMaterialdesignGm3W= izSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tra= ck--trailing::before { background-color: var(--gm3-slider-disabled-stop-col= or,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--gm3-slider-disa= bled-active-container-opacity,.38); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMateria= ldesignGm3WizSlider-slider__tick-mark--inactive, .javascriptMaterialdesignG= m3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__= track--leading::after, .javascriptMaterialdesignGm3WizSlider-slider--disabl= ed .javascriptMaterialdesignGm3WizSlider-slider__track--leading::before, .j= avascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdes= ignGm3WizSlider-slider__track--trailing::after, .javascriptMaterialdesignGm= 3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__t= rack--trailing::before { background-color: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--hidden { visibilit= y: hidden; } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading::before, .javascriptMaterialdesign= Gm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider_= _track--trailing::before, .javascriptMaterialdesignGm3WizSlider-slider__tra= ck--leading::after, .javascriptMaterialdesignGm3WizSlider-slider__track--tr= ailing::after { content: ""; position: absolute; top: 50%; transform: trans= lateY(-50%); } .javascriptMaterialdesignGm3WizSlider-slider__track--leading::after { inset= -inline-start: var(--gm3-slider-stop-indicator-trailing-space,6px); } .javascriptMaterialdesignGm3WizSlider-slider__track--trailing::after { inse= t-inline-end: var(--gm3-slider-stop-indicator-trailing-space,6px); } .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMateriald= esignGm3WizSlider-slider__track--leading::before, .javascriptMaterialdesign= Gm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider_= _track--trailing::before { left: 50%; transform: translate(-50%, -50%); } .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMateriald= esignGm3WizSlider-slider__track--leading::after, .javascriptMaterialdesignG= m3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__= track--leading::before, .javascriptMaterialdesignGm3WizSlider-slider--discr= ete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing::after, .= javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialde= signGm3WizSlider-slider__track--trailing::before { display: none; } .javascriptMaterialdesignGm3WizSlider-slider__thumb-focus-visible { --H6apy= e: block; } .imageRecolorSectionContainer { --gm3-list-list-item-one-line-container-hei= ght: 56px; --gm3-list-list-item-two-line-container-height: 72px; --gm3-list= -list-item-one-line-padding: 8px; --gm3-list-list-item-two-line-padding: 8p= x; --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-list-i= tem-three-line-container-height: 88px; --gm3-list-list-item-three-line-padd= ing: 12px; left: 4px; position: relative; } .imageRecolorSectionRecolorDropdownButton { --gm3-dropdown-button-outlined-= focus-indicator-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown= -button-outlined-focus-indicator-outline-offset: -2px; --gm3-dropdown-butto= n-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f);= --gm3-dropdown-button-outlined-hover-label-text-color: var(--gm3-sys-color= -on-surface,#1f1f1f); --gm3-dropdown-button-outlined-hover-state-layer-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-o= utlined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dr= opdown-button-outlined-label-text-size: 16px; --gm3-dropdown-button-outline= d-label-text-weight: 400; --gm3-dropdown-button-outlined-pressed-label-text= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-outl= ined-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with-= icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dro= pdown-button-outlined-with-icon-icon-size: 24px; --gm3-dropdown-button-outl= ined-container-shape-start-start: 4px; --gm3-dropdown-button-outlined-conta= iner-shape-start-end: 4px; --gm3-dropdown-button-outlined-container-shape-e= nd-end: 4px; --gm3-dropdown-button-outlined-container-shape-end-start: 4px;= --gm3-dropdown-button-outlined-pressed-container-shape-start-start: 4px; -= -gm3-dropdown-button-outlined-pressed-container-shape-start-end: 4px; --gm3= -dropdown-button-outlined-pressed-container-shape-end-end: 4px; --gm3-dropd= own-button-outlined-pressed-container-shape-end-start: 4px; justify-content= : space-between; width: 100%; } .imageRecolorSectionRecolorMenu { --gm3-list-list-item-label-text-size: 16p= x; --gm3-menu-list-item-with-leading-icon-leading-icon-size: 58px; --gm3-me= nu-list-item-label-text-size: 16px; width: 100%; } .imageRecolorSectionRecolorMenuOption { gap: 0px; } .imageRecolorSectionFlexGridContainer { display: grid; flex-direction: row;= grid-template-columns: repeat(3, 1fr); margin-top: 8px; } .imageRecolorSectionRecolorMenuItem { padding-left: 21px; } .appsDocsUiWizSizeRotationSectionSizeRotationSectionContainer { display: fl= ex; flex-direction: column; gap: 16px; } .appsDocsUiWizSizeRotationSectionRotationSectionContainer, .appsDocsUiWizSi= zeRotationSectionSizeSectionContainer { display: flex; flex-direction: colu= mn; gap: 12px; } .appsDocsUiWizSizeRotationSectionFlexRow { display: flex; flex-direction: r= ow; gap: 24px; } .appsDocsUiWizSizeRotationSectionSpinButton { --ae-spin-button-input-text-a= lign: left; --gm3-text-field-outlined-input-text-suffix-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-text-field-outlined-leading-spac= e: 8px; --gm3-text-field-outlined-trailing-space: 8px; --ae-spin-button-inp= ut-container-width: 73px; } .appsDocsUiWizSizeRotationSectionAngleSpinButton { --ae-spin-button-input-t= ext-align: left; --gm3-text-field-outlined-input-text-suffix-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined-leading= -space: 8px; --gm3-text-field-outlined-trailing-space: 8px; --ae-spin-butto= n-input-container-width: 57px; } .appsDocsUiWizSizeRotationSectionRotationButtonContainer { align-items: cen= ter; } .appsDocsUiWizSizeRotationSectionCheckboxAndLabel { display: flex; align-it= ems: center; } .appsDocsUiWizSizeRotationSectionCheckboxLabel { color: var(--gm3-sys-color= -on-surface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif= ; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: = 1.25rem; } .appsDocsUiWizSizeRotationSectionFlipButtonsContainer { align-items: center= ; display: flex; flex-direction: row; gap: 4px; } .appsDocsUiWizSizeRotationSectionSliderAndSpinButtonControls { align-items:= center; display: flex; gap: 16px; } .appsDocsUiWizSizeRotationSectionSlider { --gm3-slider-active-track-height:= 4px; --gm3-slider-handle-height: 20px; --gm3-slider-inactive-track-height:= 4px; --gm3-slider-stop-indicator-size: 0px; margin-inline: 0px; width: 152= px; } .appsElementsCollapsibleListRoot { display: flex; flex-direction: column; g= ap: var(--ae-collapsible-list-items-gap,16px); width: 100%; } .appsElementsCollapsibleListItem:not([hidden]) { display: flex; flex-direct= ion: column; gap: var(--ae-collapsible-list-summary-detail-gap,2px); } .appsElementsCollapsibleListItemContentSection { padding: var(--ae-collapsi= ble-list-item-content-section-padding,12px); } .appsElementsCollapsibleListItemContentSection:not(.appsElementsCollapsible= ListTransparentBackground) { --gm3-card-filled-container-color: var(--ae-co= llapsible-list-detail-container-color,var(--gm3-sys-color-surface-container= -low,#f8fafd)); } .appsElementsCollapsibleListItemContentSection.appsElementsCollapsibleListT= ransparentBackground { --gm3-card-filled-container-color: transparent; } .appsElementsCollapsibleListItemContentSection:not(:first-child) { margin-b= lock-start: 2px; } .appsElementsCollapsibleListItemContentSection { --gm3-card-filled-containe= r-shape-start-start: 4px; --gm3-card-filled-container-shape-start-end: 4px;= --gm3-card-filled-container-shape-end-end: 4px; --gm3-card-filled-containe= r-shape-end-start: 4px; } .appsElementsCollapsibleListItemContentSection:first-child:not(:last-child)= { --gm3-card-filled-container-shape-start-start: var(--ae-collapsible-list= -detail-first-child-start-start-radius,12px); --gm3-card-filled-container-s= hape-start-end: var(--ae-collapsible-list-detail-first-child-start-end-radi= us,12px); --gm3-card-filled-container-shape-end-end: 4px; --gm3-card-filled= -container-shape-end-start: 4px; } .appsElementsCollapsibleListItemContentSection:last-child:not(:first-child)= { --gm3-card-filled-container-shape-start-start: 4px; --gm3-card-filled-co= ntainer-shape-start-end: 4px; --gm3-card-filled-container-shape-end-end: va= r(--ae-collapsible-list-detail-last-child-end-end-radius,12px); --gm3-card-= filled-container-shape-end-start: var(--ae-collapsible-list-detail-last-chi= ld-end-start-radius,12px); } .appsElementsCollapsibleListItemContentSection:first-child:last-child { --g= m3-card-filled-container-shape-start-start: var(--ae-collapsible-list-detai= l-only-child-start-start-radius,12px); --gm3-card-filled-container-shape-st= art-end: var(--ae-collapsible-list-detail-only-child-start-end-radius,12px)= ; --gm3-card-filled-container-shape-end-end: var(--ae-collapsible-list-deta= il-only-child-end-end-radius,12px); --gm3-card-filled-container-shape-end-s= tart: var(--ae-collapsible-list-detail-only-child-end-start-radius,12px); } .appsElementsCollapsibleListItem[data-expanded=3D"true"] .appsElementsColla= psibleListCustomSummaryContainer:hover + .appsElementsCollapsibleListItemCo= ntent .appsElementsCollapsibleListItemContentSection:first-child:not(:last-= child) { --gm3-card-filled-container-shape-start-start: var(--ae-collapsibl= e-list-detail-first-child-start-start-radius-hover,4px); --gm3-card-filled-= container-shape-start-end: var(--ae-collapsible-list-detail-first-child-sta= rt-end-radius-hover,4px); --gm3-card-filled-container-shape-end-end: 4px; -= -gm3-card-filled-container-shape-end-start: 4px; } .appsElementsCollapsibleListItem[data-expanded=3D"true"] .appsElementsColla= psibleListCustomSummaryContainer:hover + .appsElementsCollapsibleListItemCo= ntent .appsElementsCollapsibleListItemContentSection:last-child:not(:first-= child) { --gm3-card-filled-container-shape-start-start: 4px; --gm3-card-fil= led-container-shape-start-end: 4px; --gm3-card-filled-container-shape-end-e= nd: var(--ae-collapsible-list-detail-last-child-end-end-radius-hover,12px);= --gm3-card-filled-container-shape-end-start: var(--ae-collapsible-list-det= ail-last-child-end-start-radius-hover,12px); } .appsElementsCollapsibleListItem[data-expanded=3D"true"] .appsElementsColla= psibleListCustomSummaryContainer:hover + .appsElementsCollapsibleListItemCo= ntent .appsElementsCollapsibleListItemContentSection:first-child:last-child= { --gm3-card-filled-container-shape-start-start: var(--ae-collapsible-list= -detail-only-child-start-start-radius-hover,4px); --gm3-card-filled-contain= er-shape-start-end: var(--ae-collapsible-list-detail-only-child-start-end-r= adius-hover,4px); --gm3-card-filled-container-shape-end-end: var(--ae-colla= psible-list-detail-only-child-end-end-radius-hover,12px); --gm3-card-filled= -container-shape-end-start: var(--ae-collapsible-list-detail-only-child-end= -start-radius-hover,12px); } .appsElementsCollapsibleListSummaryButtonRoot { font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-s= pacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-va= riant,#444746); background-color: var(--ae-collapsible-list-summary-contain= er-color,transparent); position: relative; display: flex; align-items: cent= er; justify-content: space-between; height: var(--ae-collapsible-list-summa= ry-container-height,48px); width: 100%; padding-inline: 12px 6px; box-sizin= g: border-box; outline: none; cursor: pointer; } .appsElementsCollapsibleListSummaryButtonRoot::before { content: ""; pointe= r-events: none; position: absolute; inset: 0px; border-radius: inherit; bor= der: 1px solid transparent; } @media (forced-colors: active) { .appsElementsCollapsibleListSummaryButtonRoot::before { border-color: can= vastext; } } .appsElementsCollapsibleListSummaryButtonRoot.appsElementsCollapsibleListSu= mmaryButtonHasTrailingActions, .appsElementsCollapsibleListSummaryButtonRoo= t.appsElementsCollapsibleListSummaryButtonHasTrailingIcon { padding-inline-= start: 0px; } .appsElementsCollapsibleListSummaryButtonRoot:focus-visible .appsElementsCo= llapsibleListSummaryButtonFocusRing { --H6apye: block; } .appsElementsCollapsibleListSummaryButtonRoot { border-start-start-radius: = var(--ae-collapsible-list-summary-start-start-radius,12px); border-start-en= d-radius: var(--ae-collapsible-list-summary-start-end-radius,12px); border-= end-start-radius: var(--ae-collapsible-list-summary-collapsed-end-start-rad= ius,12px); border-end-end-radius: var(--ae-collapsible-list-summary-collaps= ed-end-end-radius,12px); } .appsElementsCollapsibleListSummaryButtonFocusRing { --vTiv8c: 12px; --UtHr= ue: 12px; --uHecC: 12px; --C8LWjb: 12px; } .appsElementsCollapsibleListSummaryButtonRoot[data-expanded=3D"true"] { bor= der-end-start-radius: var(--ae-collapsible-list-summary-expanded-end-start-= radius,12px); border-end-end-radius: var(--ae-collapsible-list-summary-expa= nded-end-end-radius,12px); } .appsElementsCollapsibleListSummaryButtonRoot[data-expanded=3D"true"]:not(.= appsElementsCollapsibleListSummaryButtonTransparentDetail):hover { border-e= nd-start-radius: var(--ae-collapsible-list-summary-expanded-end-start-radiu= s-hover,4px); border-end-end-radius: var(--ae-collapsible-list-summary-expa= nded-end-end-radius-hover,4px); } .appsElementsCollapsibleListSummaryButtonRoot[data-expanded=3D"true"]:not(.= appsElementsCollapsibleListSummaryButtonTransparentDetail):hover .appsEleme= ntsCollapsibleListSummaryButtonFocusRing { --C8LWjb: var(--ae-collapsible-l= ist-summary-expanded-end-start-radius-hover,4px); --uHecC: var(--ae-collaps= ible-list-summary-expanded-end-end-radius-hover,4px); } .appsElementsCollapsibleListSummaryButtonRipple { --sbadab: var(--ae-collap= sible-list-hover-state-layer-color,var(--gm3-sys-color-on-surface-variant,#= 444746)); --F1tVH: var(--ae-collapsible-list-pressed-state-layer-color,var(= --gm3-sys-color-on-surface-variant,#444746)); --hSHBee: 0.08; --kDWEsd: 0.1= ; } .appsElementsCollapsibleListSummaryButtonLeadingIconContainer { color: var(= --gm3-sys-color-on-surface-variant,#444746); margin-inline-end: 8px; } .appsElementsCollapsibleListSummaryButtonSvgIcon { display: block; block-si= ze: 20px; inline-size: 20px; fill: currentcolor; } [data-expanded=3D"false"]:not(:has(.appsElementsCollapsibleListSummaryButto= nRoot)) .appsElementsCollapsibleListSummaryButtonExpandedIcon, [data-expand= ed=3D"false"] > .appsElementsCollapsibleListSummaryButtonLeadingContent > .= appsElementsCollapsibleListSummaryButtonLeadingIconContainer > .appsElement= sCollapsibleListSummaryButtonExpandedIcon, [data-expanded=3D"true"]:not(:ha= s(.appsElementsCollapsibleListSummaryButtonRoot)) .appsElementsCollapsibleL= istSummaryButtonCollapsedIcon, [data-expanded=3D"true"] > .appsElementsColl= apsibleListSummaryButtonLeadingContent > .appsElementsCollapsibleListSummar= yButtonLeadingIconContainer > .appsElementsCollapsibleListSummaryButtonColl= apsedIcon { display: none; } .appsElementsCollapsibleListSummaryButtonSummaryLeadingContent, .appsElemen= tsCollapsibleListSummaryButtonSummaryTrailingContent { align-items: center;= display: flex; gap: 8px; width: 100%; } .appsElementsCollapsibleListSummaryButtonTruncate { display: flex; min-widt= h: 0px; width: 100%; } .appsElementsCollapsibleListSummaryButtonSummaryText { flex: 1 1 0%; min-wi= dth: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .appsElementsCollapsibleListSummaryButtonLeadingContent { flex-grow: 1; } .appsElementsCollapsibleListSummaryButtonLeadingContent.appsElementsCollaps= ibleListSummaryButtonShrinkable, .appsElementsCollapsibleListSummaryButtonL= eadingContentWithoutIcon.appsElementsCollapsibleListSummaryButtonShrinkable= { min-width: 0px; } .appsElementsCollapsibleListSummaryButtonLeadingContent, .appsElementsColla= psibleListSummaryButtonTrailingContent { display: flex; align-items: center= ; } .appsElementsCollapsibleListSummaryButtonLeadingContentWithoutIcon { margin= -left: 16px; } .appsElementsCollapsibleListSummaryButtonToggleExpandButton { --gm3-icon-bu= tton-standard-focus-indicator-outline-offset: -6px; --gm3-icon-button-stand= ard-icon-size: 20px; --gm3-icon-button-standard-touch-target-size: 20px; --= gm3-icon-button-standard-unselected-hover-state-layer-opacity: 0; --gm3-ico= n-button-standard-unselected-pressed-state-layer-opacity: 0; --gm3-icon-but= ton-standard-unselected-hover-state-layer-color: transparent; --gm3-icon-bu= tton-standard-unselected-pressed-state-layer-color: transparent; } .appsElementsDisclosureSummaryButtonIconCollapsed.appsElementsDisclosureSum= maryButtonIconCollapsed, .appsElementsDisclosureSummaryButtonIconExpanded.a= ppsElementsDisclosureSummaryButtonIconExpanded { display: none; } .appsElementsDisclosureSummaryButton[aria-expanded=3D"false"] .appsElements= DisclosureSummaryButtonIconCollapsed, .appsElementsDisclosureSummaryButton[= aria-expanded=3D"true"] .appsElementsDisclosureSummaryButtonIconExpanded { = display: unset; } .appsElementsDisclosureCustomSummaryContainer { display: contents; } .appsElementsDisclosureDisabled { pointer-events: none; opacity: 0.38; } .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceCard { --= gm3-card-elevated-container-color: var(--gm3-sys-color-surface,#fff); --gm3= -card-elevated-container-shape-start-start: 28px; --gm3-card-elevated-conta= iner-shape-start-end: 28px; --gm3-card-elevated-container-shape-end-end: 28= px; --gm3-card-elevated-container-shape-end-start: 28px; font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-outl= ine,#747775); padding: 8px 12px; } .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceContent {= display: flex; } .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceXCoordina= te, .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceYCoor= dinate { width: max-content; } .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceXCoordina= te { margin-right: 12px; } .appsKixClientFeaturesEmbeddedobjectcontrolsWizDragPositionSurfaceCoordinat= eValue { color: var(--gm3-sys-color-on-surface-variant,#444746); } .exportDialogMenuFormatRow, .exportDialogMenuScopeRow { display: flex; alig= n-items: center; width: 352px; } .exportDialogMenuFormatRow { margin-bottom: 16px; } .exportDialogMenuLabelText { width: 70px; } .exportDialogMenuExportFormatSelect { width: 230px; } .exportDialogMenuExportScopeSelect { width: 150px; } .exportDialogMenuContentContainer.exportDialogMenuRedliningContentContainer= { display: flex; flex-direction: column; gap: 16px; width: 424px; } .exportDialogMenuContentContainer.exportDialogMenuRedliningContentContainer= .exportDialogMenuFormatRow { margin-bottom: 0px; } .exportDialogMenuContentContainer.exportDialogMenuRedliningContentContainer= .exportDialogMenuAttributionRow, .exportDialogMenuContentContainer.exportD= ialogMenuRedliningContentContainer .exportDialogMenuCommentsRow, .exportDia= logMenuContentContainer.exportDialogMenuRedliningContentContainer .exportDi= alogMenuFormatRow, .exportDialogMenuContentContainer.exportDialogMenuRedlin= ingContentContainer .exportDialogMenuScopeRow, .exportDialogMenuContentCont= ainer.exportDialogMenuRedliningContentContainer .exportDialogMenuSuggestion= sRow { align-items: flex-start; display: flex; flex-direction: column; gap:= 8px; width: 424px; } .exportDialogMenuContentContainer.exportDialogMenuRedliningContentContainer= .exportDialogMenuLabelText { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-= height: 1.25rem; width: 100%; } .exportDialogMenuContentContainer.exportDialogMenuRedliningContentContainer= .exportDialogMenuExportAttributionSelect, .exportDialogMenuContentContaine= r.exportDialogMenuRedliningContentContainer .exportDialogMenuExportComments= Select, .exportDialogMenuContentContainer.exportDialogMenuRedliningContentC= ontainer .exportDialogMenuExportFormatSelect, .exportDialogMenuContentConta= iner.exportDialogMenuRedliningContentContainer .exportDialogMenuExportScope= Select, .exportDialogMenuContentContainer.exportDialogMenuRedliningContentC= ontainer .exportDialogMenuExportSuggestionsSelect { width: 424px; --gm3-sel= ect-shared-text-field-container-height: 36px; --gm3-select-shared-text-fiel= d-container-width: 424px; --gm3-select-outlined-text-field-container-shape:= 6px; --gm3-select-outlined-text-field-container-shape-start-start: 6px; --= gm3-select-outlined-text-field-container-shape-start-end: 6px; --gm3-select= -outlined-text-field-container-shape-end-end: 6px; --gm3-select-outlined-te= xt-field-container-shape-end-start: 6px; } .headerFooterDialogDialogContainer { --pjsEwc: 312px; } .headerFooterDialogSectionContainer { display: flex; flex-direction: column= ; gap: 16px; } .headerFooterDialogMarginContainer { display: flex; flex-direction: column;= margin-bottom: -16px; } .headerFooterLinkWarningDialogContentContainer, .headerFooterLinkWarningDia= logContinueText, .headerFooterLinkWarningDialogWarningText { font-size: uns= et; } .headerFooterLinkWarningDialogCheckboxContainer { padding-top: 10px; } .lineNumbersSidebarHeaderText { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; lin= e-height: 1.25rem; margin: 16px 0px 4px; color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); } .lineNumbersSidebarIcon { color: var(--gm3-sys-color-on-surface-variant,#44= 4746); } .columnOptionsDialogContentContainer { width: 350px; } .columnOptionsDialogRow { display: inline-block; width: 100%; height: 52px;= line-height: 3.25rem; } .columnOptionsDialogControl { float: right; } .columnOptionsDialogSpacingTextField { --gm3-text-field-outlined-container-= height: 40px; } .columnOptionsDialogColumnOrderSelect, .columnOptionsDialogNumberOfColumnsS= elect { --gm3-select-shared-menu-list-item-one-line-container-height: 32px;= --gm3-select-shared-menu-list-item-one-line-padding: 0px; --gm3-select-sha= red-menu-list-item-two-line-container-height: 48px; --gm3-select-shared-tex= t-field-container-height: 40px; } .columnOptionsDialogColumnOrderSelect { width: 160px; } .columnOptionsDialogNumberOfColumnsSelect, .columnOptionsDialogSpacingTextF= ield { width: 100px; } .columnOptionsDialogLineBetweenCheckbox { margin-bottom: 6px; } :root .hiddenFeaturesDialogDialog { flex-direction: column; align-items: fl= ex-start; width: 400px; min-height: 200px; border-radius: 28px; } @media screen and (max-width: 320px) { :root .hiddenFeaturesDialogDialog { max-width: 100vw; overflow-y: auto; } } :root .hiddenFeaturesDialogContent { line-height: 1.25rem; font-family: "Go= ogle Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; } :root .hiddenFeaturesDialogButtons { padding: 0px 18px 24px 12px; display: = flex; flex-direction: row; align-items: center; justify-content: flex-end; = } .appsKixFeaturesPaginationWizHiddenFeaturescalloutCallout { --ae-callout-co= ntainer-width: 350px; } .pageOrientationDialogSectionGroup { display: flex; flex-direction: column;= gap: 16px; } .pageSetupDialogApplySelect { box-sizing: border-box; min-width: 348px; } .pageSetupDialogColorPickerDropdown { --gm3-dropdown-button-outlined-contai= ner-height: 40px; --gm3-dropdown-button-outlined-with-icon-icon-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined= -container-shape-start-start: 4px; --gm3-dropdown-button-outlined-container= -shape-start-end: 4px; --gm3-dropdown-button-outlined-container-shape-end-e= nd: 4px; --gm3-dropdown-button-outlined-container-shape-end-start: 4px; --g= m3-dropdown-button-outlined-pressed-container-shape-start-start: 4px; --gm3= -dropdown-button-outlined-pressed-container-shape-start-end: 4px; --gm3-dro= pdown-button-outlined-pressed-container-shape-end-end: 4px; --gm3-dropdown-= button-outlined-pressed-container-shape-end-start: 4px; } .pageSetupDialogContainer { --Tlqqfc: 396px; --pjsEwc: 396px; --ARaXme: 0; = padding-bottom: 0px; } .pageSetupDialogGif, .pageSetupDialogStaticSvg { border-radius: 12px; } .pageSetupDialogStaticSvg { display: none; } .pageSetupDialogGif { border: 1px solid var(--gm3-sys-color-surface-variant= ,#e1e3e1); box-sizing: border-box; height: 260px; width: 100%; } .pageSetupDialogOffline .pageSetupDialogGif { display: none; } .pageSetupDialogOffline .pageSetupDialogStaticSvg { display: block; } @media (prefers-reduced-motion: reduce) { .pageSetupDialogGif { display: none; } .pageSetupDialogStaticSvg { display: block; } } .pageSetupDialogCombinedSectionGroup { display: flex; flex-direction: colum= n; } .pageSetupDialogPaperSizeAndColorSection { display: flex; flex-direction: r= ow; gap: 16px; word-break: break-word; align-items: end; } .pageSetupDialogMarginInputGroup { display: flex; flex-direction: column; } .pageSetupDialogMargins { display: flex; flex-direction: row; gap: 16px; } .pageSetupDialogMarginInput { min-width: 75px; word-break: break-word; alig= n-content: end; } .pageSetupDialogPaperSizeSelect { min-width: 250px; } .pageSetupDialogColorPickerLabel { min-width: 80px; } .pageSetupDialogSectionGroup { display: flex; flex-direction: column; gap: = 16px; } .pageSetupDialogTabPanel { padding-top: 16px; } .pageSetupDialogTextField { width: 75px; } .pageSetupDialogUnits { margin-left: 3px; } .pageSetupDialogRadioButtons { display: flex; flex-direction: row; gap: 8px= ; } .pageSetupDialogUnsupportedPagesFeaturesWarning { border-radius: 8px; margi= n: 8px 0px; padding: 0px 12px; font-size: 0.75rem; color: var(--gm3-sys-col= or-on-error-container,#8c1d18); } .pageSetupDialogUnsupportedPagesFeaturesWarning .commonNoticeComponentIconC= ontainer { margin-right: 8px; padding-right: 0px; } .appsElementsColorPickerRoot { display: inline-flex; overflow-x: clip; inli= ne-size: calc(var(--ae-color-picker-palette-columns, 10)*var(--ae-color-pic= ker-swatch-size, 20px) + (var(--ae-color-picker-palette-columns, 10) - 1)*v= ar(--ae-color-picker-swatch-gap, 4px)); padding: var(--ae-color-picker-padd= ing,12px 12px 16px); flex-direction: column; gap: 12px; } .appsElementsColorPickerRoot.appsElementsColorPickerShowGradientEditor { wi= dth: max-content; } .appsElementsColorPickerRoot.appsElementsColorPickerShowColorEditor[data-en= able-opacity=3D"true"] { inline-size: min-content; } .appsElementsColorPickerRoot.appsElementsColorPickerRootMenuItem { padding:= 8px 12px; } .appsElementsColorPickerColorEditorPane, .appsElementsColorPickerGradientEd= itorPane { display: none; position: relative; inset-inline-start: 0px; } .appsElementsColorPickerContainer { display: inline-flex; flex-direction: c= olumn; align-items: stretch; gap: 12px; position: relative; inset-inline-st= art: 0px; opacity: 1; } .appsElementsColorPickerShowColorEditor .appsElementsColorPickerColorEditor= Pane { display: inline-flex; position: relative; visibility: visible; max-b= lock-size: stretch; } .appsElementsColorPickerShowColorEditor .appsElementsColorPickerContainer {= display: none; opacity: 0; } .appsElementsColorPickerPreviewSwatch { fill: none; stroke: var(--gm3-sys-c= olor-surface-variant,#e1e3e1); } .appsElementsColorPickerShowGradientEditor .appsElementsColorPickerGradient= EditorPane { display: inline-flex; position: relative; visibility: visible;= max-block-size: stretch; width: 300px; } .appsElementsColorPickerShowGradientEditor .appsElementsColorPickerContaine= r:not(.appsElementsColorPickerGradientEditorPane .appsElementsColorPickerCo= ntainer) { display: none; opacity: 0; } .appsElementsColorPickerResetOption { display: flex; align-items: center; g= ap: 4px; } .appsElementsColorPickerEyeDropperButton { --gm3-icon-button-filled-tonal-c= ontainer-height: var(--ae-color-picker-swatch-size,20px); --gm3-icon-button= -filled-tonal-container-width: var(--ae-color-picker-swatch-size,20px); --g= m3-icon-button-filled-tonal-icon-size: calc(var(--ae-color-picker-swatch-si= ze, 20px) - 4px); --gm3-icon-button-filled-tonal-touch-target-size: var(--a= e-color-picker-swatch-size,20px); } .appsElementsColorPickerResetOptionButton { --gm3-button-outlined-container= -height: var(--ae-color-picker-reset-option-button-height,28px); --gm3-butt= on-outlined-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); in= line-size: calc(var(--ae-color-picker-palette-columns, 10)*var(--ae-color-p= icker-swatch-size, 20px) + (var(--ae-color-picker-palette-columns, 10) - 1)= *var(--ae-color-picker-swatch-gap, 4px)); } .appsElementsColorPickerMenuItem { --gm3-list-list-item-leading-space: 0; -= -gm3-list-list-item-trailing-space: 0; --gm3-menu-list-item-leading-space: = 0; --gm3-menu-list-item-trailing-space: 0; } .appsElementsColorPickerDropdown { --gm3-dropdown-button-outlined-hover-sta= te-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-drop= down-button-outlined-leading-space: 0; --gm3-dropdown-button-outlined-press= ed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-dropdown-button-outlined-trailing-space: 0; --gm3-dropdown-button-outline= d-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-dropdown-button-outlined-with-icon-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with-icon-ico= n-label-space: 0; --gm3-dropdown-button-outlined-container-shape-start-star= t: 4px; --gm3-dropdown-button-outlined-container-shape-start-end: 4px; --gm= 3-dropdown-button-outlined-container-shape-end-end: 4px; --gm3-dropdown-but= ton-outlined-container-shape-end-start: 4px; --gm3-dropdown-button-outlined= -pressed-container-shape-start-start: 4px; --gm3-dropdown-button-outlined-p= ressed-container-shape-start-end: 4px; --gm3-dropdown-button-outlined-press= ed-container-shape-end-end: 4px; --gm3-dropdown-button-outlined-pressed-con= tainer-shape-end-start: 4px; } .appsElementsColorPickerDropdownMenu { --gm3-menu-surface-container-color: = var(--gm3-sys-color-surface,#fff); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsColorPickerDropdownMenu { border: 1px solid var(--gm3-sys-co= lor-outline-variant,#c4c7c5); } } .appsElementsColorPickerDropdownMenu { border-radius: 16px; } .appsElementsColorPickerDropdownMenu .appsElementsColorPickerTab { inline-s= ize: 0px; } .appsElementsColorPickerColorEditorRoot { display: flex; flex-direction: co= lumn; gap: 12px; inline-size: stretch; } .appsElementsColorPickerColorEditorEyeDropperButton { --gm3-icon-button-fil= led-tonal-container-height: 48px; --gm3-icon-button-filled-tonal-container-= width: 48px; --gm3-icon-button-filled-tonal-icon-size: 24px; --gm3-icon-but= ton-filled-tonal-touch-target-size: 48px; } .appsElementsColorPickerColorEditorHue { position: relative; forced-color-a= djust: none; } .appsElementsColorPickerColorEditorHueBackground { position: absolute; inse= t-block-start: 50%; box-sizing: border-box; inline-size: 100%; block-size: = 12px; transform: translateY(-50%); border-radius: 8px; background: linear-g= radient(to right in oklab, red, rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 25= 5, 255), rgb(0, 0, 255), rgb(255, 0, 255), red); } .appsElementsColorPickerColorEditorHueSlider { --gm3-slider-active-handle-p= adding: 0px; --gm3-slider-active-track-color: transparent; --gm3-slider-act= ive-track-height: 12px; --gm3-slider-disabled-active-track-color: transpare= nt; --gm3-slider-disabled-active-track-opacity: 1; --gm3-slider-disabled-ha= ndle-color: var(--ae-color-editor-thumb-knob-color,red); --gm3-slider-disab= led-handle-opacity: 100; --gm3-slider-disabled-handle-width: 12px; --gm3-sl= ider-focus-active-track-color: transparent; --gm3-slider-focus-handle-color= : var(--ae-color-editor-thumb-knob-color,red); --gm3-slider-focus-handle-wi= dth: 12px; --gm3-slider-focus-inactive-track-color: transparent; --gm3-slid= er-handle-color: var(--ae-color-editor-thumb-knob-color,red); --gm3-slider-= handle-height: 20px; --gm3-slider-handle-shadow: 0 0 0 2px var(--gm3-sys-co= lor-outline-variant,#c4c7c5),0 0 0 4px var(--gm3-sys-color-surface-bright,#= fff); --gm3-slider-handle-width: 12px; --gm3-slider-hover-handle-width: 12p= x; --gm3-slider-inactive-track-color: transparent; --gm3-slider-inactive-tr= ack-height: 12px; --gm3-slider-pressed-active-track-color: transparent; --g= m3-slider-pressed-handle-color: var(--ae-color-editor-thumb-knob-color,red)= ; --gm3-slider-pressed-handle-width: 12px; --gm3-slider-pressed-inactive-tr= ack-color: transparent; --gm3-slider-stop-indicator-color: transparent; ali= gn-self: center; border-radius: 8px; block-size: 12px; inline-size: 100%; m= argin: 0px; position: relative; top: -18px; z-index: 2; pointer-events: non= e; } .appsElementsColorPickerColorEditorHueSlider:active, .appsElementsColorPick= erColorEditorHueSlider:has(:active) { pointer-events: auto; } .appsElementsColorPickerColorEditorHueSlider.appsElementsColorPickerColorEd= itorHueSlider, .appsElementsColorPickerColorEditorOpacitySlider.appsElement= sColorPickerColorEditorOpacitySlider { margin: 0px; } .appsElementsColorPickerColorEditorSliderGroup { display: flex; flex-direct= ion: column; gap: 16px; margin-block: var(--ae-color-picker-slider-group-ma= rgin,0); } .appsElementsColorPickerColorEditorOpacity { position: relative; forced-col= or-adjust: none; } .appsElementsColorPickerColorEditorOpacityCheckerboardBackground { position= : absolute; inset-block-start: 50%; box-sizing: border-box; inline-size: 10= 0%; block-size: 12px; transform: translateY(-50%); border-radius: 8px; back= ground: repeating-conic-gradient(rgb(238, 238, 238) 0deg, rgb(238, 238, 238= ) 25%, rgb(255, 255, 255) 0deg, rgb(255, 255, 255) 50%) 0px 0px / 12px 12px= ; } .appsElementsColorPickerColorEditorOpacityBackground { position: absolute; = inset-block-start: 50%; box-sizing: border-box; inline-size: 100%; block-si= ze: 12px; transform: translateY(-50%); border-radius: 8px; background: line= ar-gradient(in oklab to right,var(--ae-color-editor-initial-color),var(--ae= -color-editor-end-color)); } .appsElementsColorPickerColorEditorOpacitySlider { --gm3-slider-active-hand= le-padding: 0px; --gm3-slider-active-track-color: transparent; --gm3-slider= -active-track-height: 12px; --gm3-slider-disabled-active-track-color: trans= parent; --gm3-slider-disabled-active-track-opacity: 1; --gm3-slider-disable= d-handle-color: var(--ae-color-editor-opacity-thumb-knob-color,red); --gm3-= slider-disabled-handle-opacity: 100; --gm3-slider-disabled-handle-width: 12= px; --gm3-slider-focus-active-track-color: transparent; --gm3-slider-focus-= handle-color: var(--ae-color-editor-opacity-thumb-knob-color,red); --gm3-sl= ider-focus-handle-width: 12px; --gm3-slider-focus-inactive-track-color: tra= nsparent; --gm3-slider-handle-color: var(--ae-color-editor-opacity-thumb-kn= ob-color,red); --gm3-slider-handle-height: 20px; --gm3-slider-handle-shadow= : 0 0 0 2px var(--gm3-sys-color-outline-variant,#c4c7c5),0 0 0 4px var(--gm= 3-sys-color-surface-bright,#fff); --gm3-slider-handle-width: 12px; --gm3-sl= ider-hover-handle-width: 12px; --gm3-slider-inactive-track-color: transpare= nt; --gm3-slider-inactive-track-height: 12px; --gm3-slider-pressed-active-t= rack-color: transparent; --gm3-slider-pressed-handle-color: var(--ae-color-= editor-opacity-thumb-knob-color,red); --gm3-slider-pressed-handle-width: 12= px; --gm3-slider-pressed-inactive-track-color: transparent; --gm3-slider-st= op-indicator-color: transparent; align-self: center; border-radius: 8px; bl= ock-size: 12px; inline-size: 100%; margin: 0px; position: relative; top: -1= 8px; z-index: 2; pointer-events: none; } .appsElementsColorPickerColorEditorOpacitySlider:active, .appsElementsColor= PickerColorEditorOpacitySlider:has(:active) { pointer-events: auto; } .appsElementsColorPickerColorEditorColorPreviewContainer { display: inline-= flex; box-sizing: border-box; block-size: 48px; inline-size: 48px; border-r= adius: 9999px; overflow: hidden; flex-shrink: 0; user-select: none; pointer= -events: none; forced-color-adjust: none; background: repeating-conic-gradi= ent(rgb(238, 238, 238) 0deg, rgb(238, 238, 238) 25%, rgb(255, 255, 255) 0de= g, rgb(255, 255, 255) 50%) 0px 0px / 12px 12px; } .appsElementsColorPickerColorEditorColorPreviewContainer.appsElementsColorP= ickerColorEditorHasBorder { border: 1px solid var(--gm3-sys-color-on-backgr= ound,#1f1f1f); } .appsElementsColorPickerColorEditorColorPreview { display: inline-flex; ali= gn-items: center; justify-content: center; block-size: 48px; inline-size: 4= 8px; box-sizing: border-box; border-radius: 9999px; flex-shrink: 0; user-se= lect: none; pointer-events: none; forced-color-adjust: none; } .appsElementsColorPickerColorEditorColorPreviewContainer .appsElementsColor= PickerColorEditorColorPreview { block-size: 100%; border-radius: 0px; inlin= e-size: 100%; } .appsElementsColorPickerColorEditorColorPreview.appsElementsColorPickerColo= rEditorHasBorder { border: 1px solid var(--gm3-sys-color-on-background,#1f1= f1f); } .appsElementsColorPickerColorEditorPreviewText { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; letter-sp= acing: 0px; line-height: 2rem; } .appsElementsColorPickerColorEditorColorPreview.appsElementsColorPickerColo= rEditorHasBorder .appsElementsColorPickerColorEditorPreviewText, .appsEleme= ntsColorPickerColorEditorColorPreviewContainer.appsElementsColorPickerColor= EditorHasBorder .appsElementsColorPickerColorEditorPreviewText { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: = 400; letter-spacing: 0px; line-height: 1.5rem; } .appsElementsColorPickerColorEditorPreviewSection { display: flex; gap: 12p= x; } .appsElementsColorPickerColorEditorPreviewSectionContainer { display: flex;= flex-direction: column; gap: 12px; } .appsElementsColorPickerColorEditorSection { display: flex; gap: 12px; alig= n-items: center; justify-content: stretch; } .appsElementsColorPickerColorEditorTextField { --gm3-text-field-outlined-co= ntainer-height: 40px; --gm3-text-field-outlined-input-text-line-height: 1.2= 5rem; --gm3-text-field-outlined-input-text-size: 0.875rem; --gm3-text-field= -outlined-input-text-tracking: 0rem; --gm3-text-field-outlined-input-text-w= eight: 400; flex-grow: 1; min-width: 55px; } .appsElementsColorPickerColorEditorFooter { display: flex; justify-content:= flex-end; gap: 16px; } .appsElementsColorPickerColorMapRoot { position: relative; min-inline-size:= 100px; min-block-size: 100px; touch-action: none; user-select: none; curso= r: pointer; display: inline-block; border-radius: 8px; flex-grow: 1; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsColorPickerColorMapRoot { outline: buttontext solid 1px; for= ced-color-adjust: none; } } .appsElementsColorPickerColorMapColorPointer { position: absolute; inline-s= ize: 20px; block-size: 20px; z-index: 2; } .appsElementsColorPickerColorMapRoot.appsElementsColorPickerColorMapIsTrans= iting .appsElementsColorPickerColorMapColorPointer { transition: transform = 0.1s cubic-bezier(0.4, 0, 0.2, 1); } .appsElementsColorPickerColorMapBackground { position: absolute; inline-siz= e: 100%; block-size: 100%; inset-block-start: 0px; inset-inline-start: 0px;= border-radius: 8px; } .appsElementsColorPickerColorMapBackgroundWhiteToTransparent { background: = linear-gradient(to right in oklab, rgb(255, 255, 255), transparent); z-inde= x: 0; } .appsElementsColorPickerColorMapBackgroundTransparentToBlack { background: = linear-gradient(in oklab, transparent, rgb(0, 0, 0)); z-index: 1; } .appsElementsColorPickerColorMapOuter { border-width: 0px; box-shadow: rgba= (60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; = } .appsElementsColorPickerColorMapOuter .mdc-elevation-overlay { opacity: 0; = } .appsElementsColorPickerColorMapOuter { transition: background-color 0.1s, = transform 0.1s; border: 2px solid var(--gm3-sys-color-surface-bright,#fff);= box-sizing: border-box; border-radius: 9999px; inline-size: 20px; block-si= ze: 20px; position: absolute; background-color: var(--ae-color-map-outer-co= lor,red); inset-inline-start: -50%; inset-block-start: -50%; } .appsElementsColorPickerColorMapRoot:active .appsElementsColorPickerColorMa= pOuter { transform: scale(1.5); } .appsElementsColorPickerColorMapRoot:focus-visible { outline: none; } .appsElementsColorPickerColorMapRoot:focus-visible .appsElementsColorPicker= ColorMapOuter { transform: scale(1.5); outline: var(--gm3-sys-color-seconda= ry,#00639b) solid 3px; outline-offset: 3px; } .appsElementsColorPickerEyedropperEyeDropperButton::before { position: abso= lute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0p= x; border: 1px solid transparent; border-radius: inherit; content: ""; poin= ter-events: none; } @media screen and (forced-colors: active) { .appsElementsColorPickerEyedropperEyeDropperButton::before { border-color= : canvastext; } } .appsElementsColorPickerEyedropperEyeDropperButton { --gm3-icon-button-fill= ed-tonal-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); -= -gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-icon-button-filled-tonal-hover-icon-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-tonal= -hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-icon-button-filled-tonal-pressed-icon-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-tonal-pr= essed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsColorPickerEyedropperEyeDropperTooltipWrapper { display: flex;= place-items: center; } .appsElementsColorPickerPaletteAddCustomColorButton::before { position: abs= olute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0= px; border: 1px solid transparent; border-radius: inherit; content: ""; poi= nter-events: none; } @media screen and (forced-colors: active) { .appsElementsColorPickerPaletteAddCustomColorButton::before { border-colo= r: canvastext; } } .appsElementsColorPickerPaletteAddCustomColorButton { --gm3-icon-button-fil= led-tonal-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); = --gm3-icon-button-filled-tonal-container-height: var(--ae-color-picker-swat= ch-size,20px); --gm3-icon-button-filled-tonal-container-width: var(--ae-col= or-picker-swatch-size,20px); --gm3-icon-button-filled-tonal-focus-icon-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-fille= d-tonal-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-icon-button-filled-tonal-hover-state-layer-color: var(--gm3-sys-color= -on-surface-variant,#444746); --gm3-icon-button-filled-tonal-icon-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-ton= al-icon-size: calc(var(--ae-color-picker-swatch-size, 20px) - 4px); --gm3-i= con-button-filled-tonal-pressed-icon-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-icon-button-filled-tonal-pressed-state-layer-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-= tonal-touch-target-size: var(--ae-color-picker-swatch-size,20px); } .appsElementsColorPickerPaletteAddCustomColorSwatchContainer { inline-size:= var(--ae-color-picker-swatch-size,20px); block-size: var(--ae-color-picker= -swatch-size,20px); } .appsElementsColorPickerPaletteEditThemeButton { --gm3-icon-button-standard= -container-height: var(--ae-color-picker-swatch-size,20px); --gm3-icon-butt= on-standard-container-width: var(--ae-color-picker-swatch-size,20px); --gm3= -icon-button-standard-icon-size: calc(var(--ae-color-picker-swatch-size, 20= px) - 4px); --gm3-icon-button-standard-touch-target-size: var(--ae-color-pi= cker-swatch-size,20px); padding: 2px; } .appsElementsColorPickerPaletteEditThemeButtonContainer { height: calc(var(= --ae-color-picker-swatch-size, 20px) - 4px); } .appsElementsColorPickerPalettePalette { display: grid; grid-template-colum= ns: repeat(var(--ae-color-picker-palette-columns,10),1fr); gap: var(--ae-co= lor-picker-swatch-gap,4px); } .appsElementsColorPickerPaletteMenu { --gm3-list-list-item-label-text-font:= "Google Sans"; --gm3-menu-list-item-label-text-font: "Google Sans Flex","G= oogle Sans",Roboto,Arial,sans-serif; } .appsElementsColorPickerPalettePaletteContainer { display: flex; flex-direc= tion: column; gap: 8px; } .appsElementsColorPickerPalettePaletteContainer:empty { display: none; } .appsElementsColorPickerPalettePaletteHeader { display: flex; justify-conte= nt: space-between; padding: var(--ae-color-picker-palette-header-padding,0)= ; } .appsElementsColorPickerPaletteSwatch { forced-color-adjust: none; } .appsElementsColorPickerPaletteSolidSwatch { --gm3-icon-button-filled-conta= iner-height: var(--ae-color-picker-swatch-size,20px); --gm3-icon-button-fil= led-container-width: var(--ae-color-picker-swatch-size,20px); --gm3-icon-bu= tton-filled-icon-size: calc(var(--ae-color-picker-swatch-size, 20px) - 4px)= ; --gm3-icon-button-filled-selected-container-color: var(--ae-swatch-color,= transparent); --gm3-icon-button-filled-toggle-selected-focus-icon-color: va= r(--ae-swatch-icon-color,transparent); --gm3-icon-button-filled-toggle-sele= cted-hover-icon-color: var(--ae-swatch-icon-color,transparent); --gm3-icon-= button-filled-toggle-selected-hover-state-layer-color: var(--ae-swatch-icon= -color,transparent); --gm3-icon-button-filled-toggle-selected-icon-color: v= ar(--ae-swatch-icon-color,transparent); --gm3-icon-button-filled-toggle-sel= ected-pressed-icon-color: var(--ae-swatch-icon-color,transparent); --gm3-ic= on-button-filled-toggle-unselected-hover-state-layer-color: var(--ae-swatch= -icon-color,transparent); --gm3-icon-button-filled-toggle-unselected-icon-c= olor: var(--ae-swatch-icon-color,transparent); --gm3-icon-button-filled-tou= ch-target-size: var(--ae-color-picker-swatch-size,20px); --gm3-icon-button-= filled-unselected-container-color: var(--ae-swatch-color,transparent); bord= er: 1px solid var(--ae-swatch-outline-color,transparent); } .appsElementsColorPickerPaletteAlphaSwatch, .appsElementsColorPickerPalette= GradientSwatch { --gm3-icon-button-filled-container-height: var(--ae-color-= picker-swatch-size,20px); --gm3-icon-button-filled-container-width: var(--a= e-color-picker-swatch-size,20px); --gm3-icon-button-filled-icon-size: var(-= -ae-color-picker-swatch-size,20px); --gm3-icon-button-filled-selected-conta= iner-color: var(--ae-swatch-color,transparent); --gm3-icon-button-filled-to= ggle-selected-focus-icon-color: var(--ae-swatch-icon-color,transparent); --= gm3-icon-button-filled-toggle-selected-hover-icon-color: var(--ae-swatch-ic= on-color,transparent); --gm3-icon-button-filled-toggle-selected-hover-state= -layer-color: var(--ae-swatch-icon-color,transparent); --gm3-icon-button-fi= lled-toggle-selected-icon-color: var(--ae-swatch-icon-color,transparent); -= -gm3-icon-button-filled-toggle-selected-pressed-icon-color: var(--ae-swatch= -icon-color,transparent); --gm3-icon-button-filled-toggle-unselected-hover-= state-layer-color: var(--ae-swatch-icon-color,transparent); --gm3-icon-butt= on-filled-toggle-unselected-icon-color: var(--ae-swatch-icon-color,transpar= ent); --gm3-icon-button-filled-touch-target-size: var(--ae-color-picker-swa= tch-size,20px); --gm3-icon-button-filled-unselected-container-color: var(--= ae-swatch-color,transparent); } .appsElementsColorPickerPaletteSwatchContainer { inline-size: var(--ae-colo= r-picker-swatch-size,20px); block-size: var(--ae-color-picker-swatch-size,2= 0px); position: relative; } .appsElementsColorPickerPaletteSwatchesLabel { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-sp= acing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-var= iant,#444746); } .appsElementsColorPickerPaletteSwatchToBeRemoved { inline-size: 0px; } .appsKixFeaturesSmartcanvasCodesnippetsWizCodeSnippetsLanguageListStylesLis= t { --gm3-list-list-item-one-line-container-height: 40px; --gm3-list-list-i= tem-two-line-container-height: 56px; --gm3-list-list-item-one-line-padding:= 0px; --gm3-list-list-item-two-line-padding: 0px; --gm3-list-list-item-cont= ainer-color: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-list= -list-item-label-text-size: 0.875rem; --gm3-list-list-item-control-selected= -container-color: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3= -list-list-item-fallback-selection-end-margin: 0; --gm3-list-list-item-thre= e-line-container-height: 72px; --gm3-list-list-item-three-line-padding: 4px= ; background-color: var(--gm3-sys-color-surface-container-low,#f8fafd); max= -height: 390px; overflow: auto; } .kixCrossReferencesSidebarMainContent { display: flex; flex-direction: colu= mn; gap: 20px; } .kixCrossReferencesSidebarReferenceTypeContainer { padding-top: 14px; } .kixCrossReferencesSidebarFooterContent { display: flex; justify-content: f= lex-end; padding-bottom: 16px; } .kixCrossReferencesSidebarPreviewBlock { --gm3-card-filled-container-color:= var(--gm3-sys-color-surface-container-high,#e9eef6); } .kixCrossReferencesSidebarPreviewText { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: = 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#4= 44746); padding: 16px; overflow-wrap: break-word; } .kixCrossReferencesSidebarScrollableDropdownMenu { max-height: none !import= ant; overflow: visible !important; } .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"] { backg= round-color: var(--gm3-sys-color-surface-container,#f0f4f9); max-height: 12= 8px !important; overflow-y: auto !important; } @supports not (selector(::-webkit-scrollbar)) { .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"] { scr= ollbar-color: var(--gm3-sys-color-outline-variant,#c4c7c5) transparent; scr= ollbar-width: thin; } } .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"]::-webki= t-scrollbar { appearance: none !important; display: block !important; width= : 16px !important; background-color: transparent !important; } .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"]::-webki= t-scrollbar-track { background-color: transparent !important; } .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"]::-webki= t-scrollbar-thumb { border-radius: 8px !important; background-color: var(--= gm3-sys-color-outline-variant,#c4c7c5) !important; border: 4px solid transp= arent !important; background-clip: content-box !important; } .kixCrossReferencesSidebarScrollableDropdownMenu [role=3D"listbox"]::-webki= t-scrollbar-thumb:hover { background-color: var(--gm3-sys-color-outline,#74= 7775) !important; } .kixCaptionsEmptyStateContainer { display: flex; flex-direction: column; al= ign-items: center; justify-content: center; padding: 40px 16px; height: 100= %; box-sizing: border-box; } .kixCaptionsEmptyStateTitle { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-weight: 500; letter-spacing: 0px; font-size: 18px; line-heig= ht: 40px; vertical-align: middle; color: var(--gm3-sys-color-on-surface,#1f= 1f1f); margin-bottom: 4px; } .kixCaptionsEmptyStateSubtitle { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; li= ne-height: 1.25rem; text-align: center; color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); margin-bottom: 12px; } .kixInlineCaptionsSidebarMainContent { display: flex; flex-direction: colum= n; gap: 16px; } .kixInlineCaptionsSidebarFooterContent { display: flex; justify-content: fl= ex-end; padding-bottom: 16px; } .kixInlineCaptionsSidebarCheckboxAlignment { margin-left: -10px; --gm3-chec= kbox-control-label-space: 2px; } .kixInlineCaptionsSidebarOptionsGroup { display: flex; flex-direction: colu= mn; gap: 2px; } .kixInlineCaptionsSidebarCaptionTextContainer { display: flex; flex-directi= on: column; padding-top: 8px; } .kixInlineCaptionsSidebarPositionContainer { display: flex; flex-direction:= column; gap: 16px; } .kixInlineCaptionsSidebarSectionLabelText { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; fon= t-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25r= em; } .kixInlineCaptionsSidebarPositionButtonGroup { display: flex; flex-directio= n: row; column-gap: 32px; } .kixInlineCaptionsSidebarPositionButtonIcon { --gm3-icon-button-filled-disa= bled-container-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-icon-= button-filled-selected-container-color: var(--gm3-sys-color-surface-bright,= #fff); --gm3-icon-button-filled-unselected-container-color: var(--gm3-sys-c= olor-surface-bright,#fff); --gm3-icon-button-filled-toggle-selected-hover-s= tate-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-butto= n-filled-toggle-unselected-hover-state-layer-color: var(--gm3-sys-color-on-= surface,#1f1f1f); --gm3-icon-button-filled-container-height: 90px; --gm3-ic= on-button-filled-container-width: 90px; --gm3-icon-button-filled-icon-size:= 72px; --gm3-icon-button-filled-focus-indicator-outline-offset: -1px; --gm3= -icon-button-filled-container-shape-start-start: 8px; --gm3-icon-button-fil= led-container-shape-start-end: 8px; --gm3-icon-button-filled-container-shap= e-end-end: 8px; --gm3-icon-button-filled-container-shape-end-start: 8px; --= gm3-icon-button-filled-pressed-container-shape-start-start: 8px; --gm3-icon= -button-filled-pressed-container-shape-start-end: 8px; --gm3-icon-button-fi= lled-pressed-container-shape-end-end: 8px; --gm3-icon-button-filled-pressed= -container-shape-end-start: 8px; --gm3-icon-button-filled-selected-containe= r-shape-start-start: 8px; --gm3-icon-button-filled-selected-container-shape= -start-end: 8px; --gm3-icon-button-filled-selected-container-shape-end-end:= 8px; --gm3-icon-button-filled-selected-container-shape-end-start: 8px; } .kixInlineCaptionsSidebarOnIcon { outline: 2px solid var(--gm3-sys-color-pr= imary,#0b57d0); border-radius: 2px; outline-offset: 8px; } .kixInlineCaptionsSidebarPositionButtonWithLabel { display: flex; flex-dire= ction: column; justify-content: center; align-items: center; row-gap: 8px; = } .kixInlineCaptionsSidebarPositionButtonLabel { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu { max-height: none !impor= tant; overflow: visible !important; } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"] { back= ground-color: var(--gm3-sys-color-surface-container,#f0f4f9); max-height: 1= 28px !important; overflow-y: auto !important; } @supports not (selector(::-webkit-scrollbar)) { .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"] { sc= rollbar-color: var(--gm3-sys-color-outline-variant,#c4c7c5) transparent; sc= rollbar-width: thin; } } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"]::-webk= it-scrollbar { appearance: none !important; display: block !important; widt= h: 16px !important; background-color: transparent !important; } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"]::-webk= it-scrollbar-track { background-color: transparent !important; } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"]::-webk= it-scrollbar-thumb { border-radius: 8px !important; background-color: var(-= -gm3-sys-color-outline-variant,#c4c7c5) !important; border: 4px solid trans= parent !important; background-clip: content-box !important; } .kixInlineCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"]::-webk= it-scrollbar-thumb:hover { background-color: var(--gm3-sys-color-outline,#7= 47775) !important; } .kixInlineCaptionsSurfaceContainer { background-color: var(--gm3-sys-color-= surface,#fff); display: flex; flex-direction: column; inline-size: 312px; p= adding: 24px; white-space: nowrap; gap: 24px; height: 216px; } .kixInlineCaptionsSurfaceSeparator { border-bottom: 1px solid var(--gm3-sys= -color-outline-variant,#c4c7c5); margin-inline: -24px; } .kixInlineCaptionsSurfaceButtonContainer { display: flex; justify-content: = flex-end; gap: 8px; margin-top: -8px; } .kixInlineCaptionsSurfaceCaptionLabelDropdownMenu { max-height: none !impor= tant; overflow: visible !important; } .kixInlineCaptionsSurfaceCaptionLabelDropdownMenu [role=3D"listbox"] { back= ground-color: var(--gm3-sys-color-surface-container,#f0f4f9); max-height: 1= 44px !important; overflow-y: auto !important; } @supports (scrollbar-color:auto) { .kixInlineCaptionsSurfaceCaptionLabelDropdownMenu [role=3D"listbox"] { sc= rollbar-color: var(--gm3-sys-color-outline-variant,#c4c7c5) transparent; sc= rollbar-width: thin; } } .appsKixClientFeaturesSmartcanvasMeetingnotesWizMeetingNotesActionsMenuMenu= { max-inline-size: 320px; } .appsKixClientFeaturesSmartcanvasMeetingnotesWizMeetingNotesActionsMenuGrou= pTitle { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: = 0.75rem; font-weight: 500; letter-spacing: 0.00625rem; line-height: 1rem; c= olor: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceCard { = --gm3-card-elevated-container-color: var(--gm3-sys-color-surface,#fff); --g= m3-card-elevated-container-shape-start-start: 0; --gm3-card-elevated-contai= ner-shape-start-end: 0; --gm3-card-elevated-container-shape-end-end: 24px; = --gm3-card-elevated-container-shape-end-start: 24px; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceContent= { align-items: center; display: flex; flex-direction: row; gap: 16px; padd= ing: 16px; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceSparkIc= on { flex: 0 0 24px; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceText { = font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; = font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var= (--gm3-sys-color-on-surface-variant,#444746); } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceLinkTex= t { display: inline-block; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceFeedbac= kButtons { display: flex; flex-direction: row; flex: 0 0 auto; gap: 4px; ju= stify-self: flex-end; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceFeedbac= kButton { --gm3-icon-button-standard-icon-size: 20px; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceFeedbac= kButton:disabled { opacity: 0.38; } .appsKixFeaturesSmartcanvasMeetingnotesWizMeetingNotesAiBlockSurfaceThumbIc= on { color: var(--gm3-sys-color-outline,#747775); } .dropdownEntityConfigurationDialogDialog { --tukwab: 12px; } .dropdownEntityConfigurationDialogTemplateName { margin-top: 5px; display: = flex; margin-bottom: 16px; position: relative; padding-inline-start: 12px; = --gm3-text-field-outlined-container-height: 44px; } .dropdownEntityConfigurationDialogItemsContainer { position: relative; max-= width: 324px; max-height: 589px; display: flex; flex-direction: column; gap= : 4px; overflow-y: auto; padding-bottom: 1px; } .dropdownEntityConfigurationDialogAddButton { margin: 14px 0px 0px 24px; } .dropdownEntityConfigurationDialogaddItemIcon { padding-right: 8px; } .dropdownEntityConfigurationDialogItemItemComponent { display: flex; flex-d= irection: column; } .dropdownEntityConfigurationDialogItemItemComponentRow { align-items: cente= r; display: flex; column-gap: 4px; flex-direction: row; } .dropdownEntityConfigurationDialogItemSupportingTextRow { align-self: end; = } .dropdownEntityConfigurationDialogItemSupportingText { color: var(--gm3-sys= -color-on-surface-variant,#444746); font-size: 0.75rem; font-weight: 400; p= adding: 0px 16px; } .dropdownEntityConfigurationDialogItemItemSubComponent { align-items: start= ; display: flex; } .dropdownEntityConfigurationDialogItemItemDetailsSubComponent { display: fl= ex; flex-direction: row; align-items: center; column-gap: 8px; } .dropdownEntityConfigurationDialogItemPlaceholderItemComponent { height: 62= px; width: 100%; } .dropdownEntityConfigurationDialogItemActiveDragItemComponent { background-= color: var(--gm3-sys-color-surface,#fff); border-radius: 8px; position: fix= ed; } .dropdownEntityConfigurationDialogItemActiveKeyDragItemComponent { backgrou= nd-color: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,var= (--gm3-sys-color-surface,#fff)); outline: none; } .dropdownEntityConfigurationDialogItemButton { --gm3-icon-button-standard-t= ouch-target-size: 40px; } .dropdownEntityConfigurationDialogItemColorPickerDropdown { --gm3-dropdown-= button-outlined-container-height: 44px; --gm3-dropdown-button-outlined-with= -icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dr= opdown-button-outlined-container-shape-start-start: 4px; --gm3-dropdown-but= ton-outlined-container-shape-start-end: 4px; --gm3-dropdown-button-outlined= -container-shape-end-end: 4px; --gm3-dropdown-button-outlined-container-sha= pe-end-start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-s= tart-start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-sta= rt-end: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-end-end= : 4px; --gm3-dropdown-button-outlined-pressed-container-shape-end-start: 4p= x; --gm3-tabs-primary-container-height: 44px; --gm3-tabs-primary-focus-indi= cator-active-offset-bottom: -4px; --ae-color-picker-palette-columns: 8; --a= e-color-picker-swatch-size: 24px; --gm3-menu-surface-container-elevation: 4= ; } .dropdownEntityConfigurationDialogItemTextField { --gm3-text-field-outlined= -container-height: 44px; } .dropdownEntityConfigurationDialogItemDragIcon { color: var(--gm3-sys-color= -outline,#747775); } .appsDocsColorUiWizPreviewableColorpickerPreviewTitle { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-su= rface-variant,#444746); } .appsDocsColorUiWizPreviewableColorpickerPreviewValue { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; l= etter-spacing: 0.00625rem; line-height: 1rem; border-radius: 8px; margin-le= ft: 8px; max-width: 200px; overflow: hidden; padding: 4px 8px; text-overflo= w: ellipsis; white-space: nowrap; } .dropdownEntityReplaceConflictingItemDialogDialog { --Tlqqfc: 312px; } .dropdownEntityReplaceConflictingItemDialogCircle { border-radius: 9999px; = width: 24px; height: 24px; } .dropdownEntityReplaceConflictingItemDialogContentText { padding-bottom: 20= px; } .dropdownEntityReplaceConflictingItemDialogSelect { width: 100%; } .appsKixClientFeaturesSmartcanvasRichlinkDurationStopwatchWizStopwatchDetai= lsSurfaceCard { --gm3-card-elevated-container-color: var(--gm3-sys-color-su= rface,#fff); --gm3-card-elevated-container-shape-start-start: 12px; --gm3-c= ard-elevated-container-shape-start-end: 12px; --gm3-card-elevated-container= -shape-end-end: 12px; --gm3-card-elevated-container-shape-end-start: 12px; = padding: 16px 16px 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsKixClientFeaturesSmartcanvasRichlinkDurationStopwatchWizStopwatchDetai= lsSurfaceIsViewOnly { padding: 16px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eCard { --gm3-card-elevated-container-color: var(--gm3-sys-color-surface,#f= ff); --gm3-card-elevated-container-shape-start-start: 12px; --gm3-card-elev= ated-container-shape-start-end: 12px; --gm3-card-elevated-container-shape-e= nd-end: 12px; --gm3-card-elevated-container-shape-end-start: 12px; padding:= 16px 16px 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eIsViewOnly { padding: 16px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eDurationDisplayContainer, .appsKixClientFeaturesSmartcanvasRichlinkDuratio= nTimerWizTimerDetailsSurfaceTimerInput { border: 1px solid var(--gm3-sys-co= lor-outline,#747775); border-radius: 4px; box-sizing: border-box; cursor: t= ext; display: flex; margin-right: 2px; padding: 1px 7px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eDurationDisplayContainer:hover { border: 1px solid var(--gm3-sys-color-on-= surface,#1f1f1f); } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eTimerInput { justify-content: end; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eTimerInputCursor { background-color: var(--gm3-sys-color-primary,#0b57d0);= margin: 4px 0px; width: 2px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eTimerInput:focus, .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWi= zTimerDetailsSurfaceTimerInput:focus-within { border: 2px solid var(--gm3-s= ys-color-primary,#0b57d0); margin-right: 0px; padding: 0px 6px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= eTimerInput:not(:focus) .appsKixClientFeaturesSmartcanvasRichlinkDurationTi= merWizTimerDetailsSurfaceTimerInputCursor { display: none; } .appsKixClientFeaturesSmartcanvasRichlinkDurationTimerWizTimerDetailsSurfac= ePlaceholderDisplayValue { color: var(--gm3-sys-color-outline,#747775); } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityCont= rolsControls { align-items: center; display: flex; gap: 8px; justify-conten= t: end; margin: 12px 0px 4px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityCont= rolsToggleStateButton { --gm3-icon-button-filled-container-width: 52px; --g= m3-icon-button-filled-icon-size: 20px; } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityDura= tionDisplayDurationDisplay { align-items: baseline; display: flex; gap: 9px= ; } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityDura= tionDisplayDurationDisplayValue { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 2rem; font-weight: 400; letter-spacing: 0px; line-= height: 2.5rem; font-variant-numeric: tabular-nums; } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityDura= tionDisplayDurationDisplayLabel { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-= height: 1.5rem; } .appsKixClientFeaturesSmartcanvasRichlinkDurationWizDurationBasedEntityDura= tionDisplayDurationCentiseconds { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 1.375rem; font-weight: 400; letter-spacing: 0px; l= ine-height: 1.75rem; } .debugInsertThirdPartyLinkDialogTextField { margin-top: 10px; width: 100%; = box-sizing: content-box; display: block; } .snippetBookDialogContentContainer { display: flex; flex-direction: column;= } .snippetBookDialogDialogDescription { margin-bottom: 24px; } .snippetBookDialogDescriptionTextField { margin-top: 16px; margin-bottom: 1= 6px; } .snippetBookDialogDescriptionTextField, .snippetBookDialogNameTextField { i= nline-size: 100%; } .snippetBookDialogDialogSuccess { display: flex; flex-direction: column; } .snippetBookDialogDialogSuccessImage { border-radius: 12px; } .snippetBookDialogDialogMessage { padding: 10px; color: var(--gm3-sys-color= -on-surface,#1f1f1f); font-size: 0.875rem; letter-spacing: 0.00625rem; disp= lay: flex; } .snippetBookDialogErrorIcon { margin-right: 12px; } .snippetBookDialogDialogError { background: var(--gm3-sys-color-error-conta= iner,#f9dedc); border-radius: 8px; padding: 8px 12px; margin-top: 8px; } @media (max-width: 448px) { .snippetBookDialogContainer .mdc-dialog__surface { max-width: 100vw; } } @media (min-width: 448px) { .snippetBookDialogContainer .mdc-dialog__surface { max-width: 448px; } } @media (max-width: 600px), (max-width: 720px) and (max-height: 400px), (min= -width: 720px) and (max-height: 400px) { .snippetBookDialogContainer.mdc-dialog--fullscreen .mdc-dialog__surface {= max-width: 100vw; } } .kixTableOfCaptionsSidebarCheckboxAlignment { margin-left: -10px; --gm3-che= ckbox-control-label-space: 2px; } .kixTableOfCaptionsSidebarCheckboxesGroup { display: flex; flex-direction: = column; margin-top: 16px; gap: 0px; } .kixTableOfCaptionsSidebarMainContent { display: flex; flex-direction: colu= mn; gap: 16px; } .kixTableOfCaptionsSidebarOptionsGroup { display: flex; flex-direction: col= umn; padding-top: 8px; gap: 2px; } .kixTableOfCaptionsSidebarFooterContent { display: flex; justify-content: f= lex-end; padding-bottom: 16px; } .kixTableOfCaptionsSidebarCenteredContent { display: flex; flex-direction: = column; height: 100%; align-items: center; justify-content: center; text-al= ign: center; } .kixTableOfCaptionsSidebarMessage { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#44474= 6); } .kixTableOfCaptionsSidebarDisabledMessage { padding: 0px 12px; } .kixTableOfCaptionsSidebarCaptionLabelDropdownMenu { max-height: none !impo= rtant; overflow: visible !important; } .kixTableOfCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"] { bac= kground-color: var(--gm3-sys-color-surface-container,#f0f4f9); max-height: = 128px !important; overflow-y: auto !important; } @supports (scrollbar-color:auto) { .kixTableOfCaptionsSidebarCaptionLabelDropdownMenu [role=3D"listbox"] { s= crollbar-color: var(--gm3-sys-color-outline-variant,#c4c7c5) transparent; s= crollbar-width: thin; } } .kixTableOfCaptionsSidebarNoteBox { box-sizing: border-box; padding: 8px 12= px; border-radius: 12px; background-color: var(--gm3-sys-color-primary-cont= ainer,#d3e3fd); color: var(--gm3-sys-color-on-primary-container,#0842a0); f= ont-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; } .kixTableOfCaptionsSidebarPreviewBlock { --gm3-card-filled-container-color:= var(--gm3-sys-color-surface-container-high,#e9eef6); } .kixTableOfCaptionsSidebarPreviewText { color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); padding: 16px; } .kixTableOfCaptionsSidebarPreviewItem { position: relative; overflow: hidde= n; width: 100%; margin-bottom: 8px; font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#44474= 6); } .kixTableOfCaptionsSidebarPreviewItem:last-child { margin-bottom: 0px; } .kixTableOfCaptionsSidebarPreviewItemText { overflow-wrap: break-word; } .kixTableOfCaptionsSidebarPreviewItemLeader { display: inline; overflow: hi= dden; color: var(--gm3-sys-color-on-surface-variant,#444746); } .kixTableOfCaptionsSidebarPreviewItemLeaderDashed::after, .kixTableOfCaptio= nsSidebarPreviewItemLeaderDotted::after, .kixTableOfCaptionsSidebarPreviewI= temLeaderUnderscore::after { position: absolute; padding-left: 4px; } .kixTableOfCaptionsSidebarPreviewItemLeaderDotted::after { content: "......= ...........................................................................= ...........................................................................= ...........................................................................= ........................"; } .kixTableOfCaptionsSidebarPreviewItemLeaderDashed::after { content: "------= ---------------------------------------------------------------------------= ---------------------------------------------------------------------------= ---------------------------------------------------------------------------= ------------------------"; } .kixTableOfCaptionsSidebarPreviewItemLeaderUnderscore::after { content: "__= ___________________________________________________________________________= ___________________________________________________________________________= ___________________________________________________________________________= ____________________________"; } .kixTableOfCaptionsSidebarPreviewItemLeaderNone::after { content: ""; } .kixTableOfCaptionsSidebarPreviewItemPage { float: right; background-color:= var(--gm3-sys-color-surface-container-high,#e9eef6); position: relative; z= -index: 1; padding-left: 4px; } .kixTableOfCaptionsSidebarPreviewItemLeftAlign { display: block; } .kixTableOfCaptionsSidebarPreviewItemPageLeft { display: inline; margin-lef= t: 8px; } .kixEditVariableMetadataDialogDialog { --urucif: 8px; } .appsKixClientFeaturesSmartcanvasVariablesWizVariableDetailsContextualToolb= arVariableDetailsToolbar .appsKixClientFeaturesSmartcanvasVariablesWizVaria= bleDetailsContextualToolbarVariableLabel { padding: 0px 6px 0px 8px; } .appsKixClientFeaturesSmartcanvasVariablesWizVariableDetailsContextualToolb= arVariableDetailsToolbar .appsKixClientFeaturesSmartcanvasVariablesWizVaria= bleDetailsContextualToolbarNavigationLabel { padding: 0px 6px 0px 0px; } .kixVariablesSidebarMissingVariablesBody, .kixVariablesSidebarRowAndNotice,= .kixVariablesSidebarSectionContainer { display: flex; flex-direction: colu= mn; gap: 16px; } .kixVariablesSidebarSection { width: 288px; display: flex; flex-direction: = column; gap: 16px; padding-bottom: 16px; } .kixVariablesSidebarSectionWithBorder { display: flex; flex-direction: colu= mn; gap: 16px; border-bottom: 1px solid var(--gm3-sys-color-outline-variant= ,#c4c7c5); padding-bottom: 16px; } .kixVariablesSidebarMissingVariables, .kixVariablesSidebarPreviewContainer,= .kixVariablesSidebarTitleInputContainer { display: flex; flex-direction: c= olumn; gap: 8px; } .kixVariablesSidebarTitleSubtitleInputContainer { display: flex; flex-direc= tion: column; gap: 12px; } .kixVariablesSidebarBold14pxText { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0= .875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .kixVariablesSidebarRegular12pxText { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-family: "Google Sans", Roboto, Arial, sans-serif; f= ont-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-heigh= t: 1rem; } .kixVariablesSidebarBold12pxText { color: var(--gm3-sys-color-on-surface-va= riant,#444746); font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.75rem; font-weight: 500; letter-spacing: 0.00625rem; line-height: = 1rem; } .kixVariablesSidebarTitleSmallText { color: var(--gm3-sys-color-on-surface,= #1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .kixVariablesSidebarCardContent { display: flex; flex-direction: column; ju= stify-content: space-between; row-gap: 12px; padding: 16px; } .kixVariablesSidebarCardContainer { display: flex; flex-direction: column; = row-gap: 16px; width: 100%; } .kixVariablesSidebarCard { --gm3-card-filled-container-color: var(--gm3-sys= -color-surface-container-high,#e9eef6); } .kixVariablesSidebarHighlightedCard { --gm3-card-filled-container-color: va= r(--gm3-sys-color-surface-container-lowest,#fff); } .kixVariablesSidebarMatchItemHoveredCard { --gm3-card-filled-container-colo= r: color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 0%,transparent= ); } .kixVariablesSidebarHoveredCard { --gm3-card-filled-container-color: color-= mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .kixVariablesSidebarDetachVariablesText { padding-inline-start: 4px; } .kixVariablesSidebarSpreadsheetChip { background-color: var(--gm3-sys-color= -surface-container-lowest,#fff); max-width: 196px; padding-inline-start: 8p= x; --gm3-chip-shared-container-height: 28px; --gm3-chip-input-with-avatar-c= ontainer-shape-start-start: 8px; --gm3-chip-input-with-avatar-container-sha= pe-start-end: 8px; --gm3-chip-input-with-avatar-container-shape-end-end: 8p= x; --gm3-chip-input-with-avatar-container-shape-end-start: 8px; } .kixVariablesSidebarDestinationOptionIcon, .kixVariablesSidebarPlusIcon { c= olor: inherit; } .kixVariablesSidebarDetachVariablesLabel { color: var(--gm3-sys-color-on-su= rface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25re= m; } .kixVariablesSidebarDetachVariablesContainer { display: flex; flex-directio= n: row; align-items: center; } .kixVariablesSidebarSpreadsheetHeader { justify-content: space-between; dis= play: flex; } .kixVariablesSidebarDataRangeHeader, .kixVariablesSidebarHeaderRowHeader { = display: flex; flex-direction: row; align-items: center; margin-bottom: -6p= x; margin-top: -10px; } .kixVariablesSidebarHighlightedValueCard { --gm3-card-filled-container-colo= r: var(--gm3-sys-color-surface-container-lowest,#fff); } .kixVariablesSidebarHoveredValueCard { --gm3-card-filled-container-color: c= olor-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) 8%,transpa= rent); --gm3-card-filled-container-shape-start-start: 0px; --gm3-card-fille= d-container-shape-start-end: 0px; --gm3-card-filled-container-shape-end-end= : 0px; --gm3-card-filled-container-shape-end-start: 0px; } .kixVariablesSidebarValueCard { --gm3-card-filled-container-color: var(--gm= 3-sys-color-surface-container-high,#e9eef6); } .kixVariablesSidebarTooltipWrapper { flex: 1 1 0%; } .kixVariablesSidebarTooltip { --gm3-tooltip-rich-container-color: var(--gm3= -sys-color-surface-container,#f0f4f9); } .kixVariablesSidebarPlusIcon .docs-icon-img { content: url("https://ssl.gst= atic.com/docs/common/material_common_sprite1060_blue.svg"); } .kixVariablesSidebarInsertButtonLabel { --gm3-button-text-label-text-color:= var(--gm3-sys-color-primary,#0b57d0); } .kixVariablesSidebarNewVariableButton { gap: 8px; width: 288px; } .kixVariablesSidebarNewVariableButtonContainer { display: flex; justify-con= tent: center; } .kixVariablesSidebarInfoButton { --gm3-icon-button-standard-icon-size: 20px= ; margin-left: -4px; } .kixVariablesSidebarHidden { opacity: 0; } .kixVariablesSidebarRemoved { visibility: hidden; } .kixVariablesSidebarName { width: 140px; overflow: hidden; white-space: now= rap; text-overflow: ellipsis; } .kixVariablesSidebarPreviewItem { overflow: hidden; text-overflow: ellipsis= ; white-space: nowrap; } .kixVariablesSidebarDestinationOptionButton { gap: 8px; margin: 0px; max-wi= dth: 100%; } .kixVariablesSidebarNameAndActions, .kixVariablesSidebarUsageCountContainer= { align-items: center; display: flex; justify-content: space-between; heig= ht: 20px; margin-right: -10px; } .kixVariablesSidebarSpreadsheetLoadingSpinner { margin-bottom: -8px; } .kixVariablesSidebarLoadingSpinner { --yPTsAb: var(--gm3-sys-color-primary,= #0b57d0); --Sewh0e: var(--gm3-sys-color-secondary-container,#c2e7ff); --Ekr= Ywf: 20px; --EscQs: 4px; --XJrZW: 4px; } .kixVariablesSidebarDataRangeDescription { margin-bottom: 16px; } .kixVariablesSidebarSpreadsheetNotice { margin-top: 8px; } .kixVariablesSidebarSpreadsheetCard { --gm3-card-outlined-container-color: = var(--gm3-sys-color-surface-container,#f0f4f9); } .kixVariablesSidebarSpreadsheetChipContainer { align-items: center; display= : flex; justify-content: space-between; color: var(--gm3-sys-color-surface-= container,#f0f4f9); height: 40px; padding-inline-start: 16px; } .kixVariablesSidebarSearchSpreadsheetCard { --gm3-card-outlined-container-c= olor: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-card-outlined-o= utline-color: var(--gm3-sys-color-outline,#747775); --gm3-card-outlined-hov= er-outline-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-card-outli= ned-container-shape-start-start: 4px; --gm3-card-outlined-container-shape-s= tart-end: 4px; --gm3-card-outlined-container-shape-end-end: 4px; --gm3-card= -outlined-container-shape-end-start: 4px; } .kixVariablesSidebarCopyNameContainer { --gm3-text-field-outlined-input-tex= t-placeholder-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-text-fi= eld-outlined-input-text-size: 16px; } .kixVariablesSidebarHeaderRowInput { width: 270px; } .kixVariablesSidebarSearchSpreadsheetText { color: var(--gm3-sys-color-on-s= urface-variant,#444746); font-family: "Google Sans", Roboto, Arial, sans-se= rif; font-size: 1rem; font-weight: 400; letter-spacing: 0px; line-height: 1= .5rem; padding-inline-start: 8px; height: 40px; align-items: center; displa= y: flex; } .kixVariablesSidebarSearchSpreadsheetContainer { display: flex; align-items= : center; padding-inline-start: 16px; } .kixVariablesSidebarStartAndEndRow { display: flex; column-gap: 8px; } .kixVariablesSidebarStartAndEndRowInput { width: 119px; } .kixVariablesSidebarSpinButtonInput { --gm3-text-field-outlined-container-h= eight: 40px; --gm3-text-field-outlined-focus-indicator-outline-color: var(-= -gm3-sys-color-primary,#0b57d0); --ae-spin-button-input-text-align: left; } .kixVariablesSidebarValueText { word-break: break-word; width: 100%; } .kixVariablesSidebarValueContent { display: flex; align-items: center; colu= mn-gap: 8px; } .kixVariablesSidebarPrimaryActionBlock { display: flex; } .kixVariablesSidebarCardShape { --gm3-card-filled-container-shape-start-sta= rt: 0px; --gm3-card-filled-container-shape-start-end: 0px; --gm3-card-fille= d-container-shape-end-end: 0px; --gm3-card-filled-container-shape-end-start= : 0px; } .kixVariablesSidebarMissingVariablesBodyTopPadding { padding-top: 16px; } .kixVariablesSidebarNoOutline:focus { outline: none; } .kixVariablesSidebarValuePrimaryActionBlock { --H6apye: block; } .commonNoticeCowComponentContainer { border-radius: 8px; padding: 4px 16px;= color: var(--gm3-sys-color-on-surface,#1f1f1f); } .commonNoticeCowComponentErrorContainer { background-color: var(--gm3-sys-c= olor-error-container,#f9dedc); color: var(--gm3-sys-color-on-error-containe= r,#8c1d18); } .commonNoticeCowComponentErrorIcon { color: inherit; } .commonNoticeCowComponentCautionContainer { background-color: var(--ws-sys-= color-extended-yellow-tonal,#fff2b4); color: var(--ws-sys-color-extended-on= -yellow-tonal,#6d3a01); } .commonNoticeCowComponentNoticeContainer { padding-block: 12px; padding-rig= ht: 16px; } .commonNoticeCowComponentFlexContainer { display: flex; } .commonNoticeCowComponentNoticeTitle { color: inherit; font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.25rem; } .commonNoticeCowComponentNoticeBody { color: inherit; font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; le= tter-spacing: 0px; line-height: 1.25rem; } .commonNoticeCowComponentIconContainer { align-items: center; display: flex= ; flex-shrink: 0; } .commonNoticeCowComponentContainerText { margin-left: 16px; } .commonNoticeCowComponentInfoContainer { background-color: var(--gm3-sys-co= lor-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-conta= iner,#0842a0); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl { --gm3-chip-shared-co= ntainer-shape-end-end: var(--gm3-chip-input-with-avatar-container-shape-end= -end,9999px); --gm3-chip-shared-container-shape-end-start: var(--gm3-chip-i= nput-with-avatar-container-shape-end-start,9999px); --gm3-chip-shared-conta= iner-shape-start-end: var(--gm3-chip-input-with-avatar-container-shape-star= t-end,9999px); --gm3-chip-shared-container-shape-start-start: var(--gm3-chi= p-input-with-avatar-container-shape-start-start,9999px); --gm3-chip-shared-= leading-space: var(--gm3-chip-input-with-avatar-leading-space,4px); --gm3-c= hip-shared-with-leading-icon-leading-space: var(--gm3-chip-input-with-avata= r-leading-space,4px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMateriald= esignGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-wit= h-avatar-with-icon-icon-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl.javascriptMaterialde= signGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShar= ed-chip__icon--primary { color: var(--gm3-chip-input-with-avatar-with-icon-= disabled-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignG= m3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-with-avat= ar-with-icon-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignG= m3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-with-avat= ar-with-icon-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:active .javascriptMaterialdesign= Gm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-input-with-ava= tar-with-icon-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__text-label { color: var(--gm3-chip-input-with-avatar-label-t= ext-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignG= m3WizChipShared-chip__text-label { color: var(--gm3-chip-input-with-avatar-= hover-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignG= m3WizChipShared-chip__text-label { color: var(--gm3-chip-input-with-avatar-= focus-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl:not(.javascriptMater= ialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizCh= ipShared-chip__action--primary-interactive:active .javascriptMaterialdesign= Gm3WizChipShared-chip__text-label { color: var(--gm3-chip-input-with-avatar= -pressed-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746));= } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl { --sbadab: var(--gm= 3-chip-input-with-avatar-hover-state-layer-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --hSHBee: var(--gm3-chip-input-with-avatar-hover-st= ate-layer-opacity,0.08); --F1tVH: var(--gm3-chip-input-with-avatar-pressed-= state-layer-color,var(--gm3-sys-color-on-surface-variant,#444746)); --kDWEs= d: var(--gm3-chip-input-with-avatar-pressed-state-layer-opacity,0.1); } } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__cell--trailing { flex: 1 0 auto; } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing { position: relative; overflow: = visible; --hK0TOb: -4.5px; --vTiv8c: 24px; --UtHrue: 24px; --uHecC: 24px; -= -C8LWjb: 24px; } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing-wrapper { height: 100%; } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing:focus-visible { --H6apye: block;= } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__icon--trailing { height: 18px; width: 18px; font-= size: 18px; color: var(--gm3-chip-input-with-avatar-with-trailing-icon-trai= ling-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing:disabled .javascriptMaterialdesi= gnGm3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-with-= avatar-with-trailing-icon-disabled-trailing-icon-color,rgba(var(--gm3-sys-c= olor-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing:hover .javascriptMaterialdesignG= m3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-with-ava= tar-with-trailing-icon-hover-trailing-icon-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing:focus .javascriptMaterialdesignG= m3WizChipShared-chip__icon--trailing { color: var(--gm3-chip-input-with-ava= tar-with-trailing-icon-focus-trailing-icon-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing:not(:disabled):active .javascrip= tMaterialdesignGm3WizChipShared-chip__icon--trailing { color: var(--gm3-chi= p-input-with-avatar-with-trailing-icon-pressed-trailing-icon-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--trailing .javascriptMaterialdesignGm3WizC= hipShared-chip__action-touch { width: 48px; left: 50%; transform: translate= (-50%, -50%); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__ripple--trailing { height: var(--gm3-chip-input-w= ith-avatar-with-trailing-icon-state-layer-height,24px); width: var(--gm3-ch= ip-input-with-avatar-with-trailing-icon-state-layer-width,24px); border-rad= ius: 24px; top: 50%; transform: translateY(-50%); left: auto; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMateriald= esignGm3WizChipShared-chip__action--trailing:disabled .javascriptMaterialde= signGm3WizChipShared-chip__icon--trailing { color: graytext; } } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__action--primary::before { border-width: var(--gm3= -chip-input-with-avatar-outline-width,1px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMateriald= esignGm3WizChipShared-chip__action--primary::before { border-color: var(--g= m3-chip-input-with-avatar-outline-color,var(--gm3-sys-color-outline,#747775= )); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMateriald= esignGm3WizChipShared-chip__action--primary-interactive:focus::before { bor= der-color: var(--gm3-chip-input-with-avatar-focus-outline-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl.javascriptMaterialde= signGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShar= ed-chip__action--primary::before { border-color: var(--gm3-chip-input-with-= avatar-disabled-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31= ,31),.12)); } } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__graphic { height: var(--gm3-chip-input-with-avata= r-with-avatar-avatar-size,24px); width: var(--gm3-chip-input-with-avatar-wi= th-avatar-avatar-size,24px); font-size: var(--gm3-chip-input-with-avatar-wi= th-avatar-avatar-size,24px); } .javascriptMaterialdesignGm3WizChipInputWithAvatarEl .javascriptMaterialdes= ignGm3WizChipShared-chip__icon--primary { height: var(--gm3-chip-input-with= -avatar-with-avatar-avatar-size,24px); width: var(--gm3-chip-input-with-ava= tar-with-avatar-avatar-size,24px); font-size: var(--gm3-chip-input-with-ava= tar-with-avatar-avatar-size,24px); border-start-start-radius: var(--gm3-chi= p-input-with-avatar-with-avatar-avatar-shape-start-start,9999px); border-st= art-end-radius: var(--gm3-chip-input-with-avatar-with-avatar-avatar-shape-s= tart-end,9999px); border-end-end-radius: var(--gm3-chip-input-with-avatar-w= ith-avatar-avatar-shape-end-end,9999px); border-end-start-radius: var(--gm3= -chip-input-with-avatar-with-avatar-avatar-shape-end-start,9999px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipInputWithAvatarEl.javascriptMaterialde= signGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShar= ed-chip__icon--primary { opacity: var(--gm3-chip-input-with-avatar-with-ava= tar-disabled-avatar-opacity,.38); } } .docsUiWizTabToConvertSurfaceMultipleTabCard, .docsUiWizTabToConvertSurface= SingleTabCard { font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25re= m; --yXuigc: 2; --gm3-toolbar-floating-container-between-space: 4px; --gm3-= toolbar-floating-container-height: 36px; --gm3-toolbar-floating-container-l= eading-space: 4px; --gm3-toolbar-floating-container-shape: 9999px; --gm3-to= olbar-floating-container-trailing-space: 4px; --gm3-toolbar-floating-standa= rd-container-color: var(--gm3-sys-color-surface,#fff); --gm3-select-shared-= text-field-container-height: 28px; --gm3-select-shared-text-field-container= -width: 100%; --gm3-select-shared-text-field-input-text-size: 0.875rem; --g= m3-select-outlined-text-field-container-shape: 16px; --gm3-select-outlined-= text-field-outline-color: "transparent"; --gm3-select-outlined-text-field-c= ontainer-shape-start-start: 16px; --gm3-select-outlined-text-field-containe= r-shape-start-end: 16px; --gm3-select-outlined-text-field-container-shape-e= nd-end: 16px; --gm3-select-outlined-text-field-container-shape-end-start: 1= 6px; --gm3-icon-button-standard-container-width: 28px; --gm3-icon-button-st= andard-container-height: 28px; --gm3-icon-button-standard-icon-size: 20px; = --gm3-icon-button-standard-focus-indicator-outline-offset: -2px; --gm3-icon= -button-standard-touch-target-size: 28px; --gm3-icon-button-standard-unsele= cted-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-icon-button-filled-tonal-container-width: 28px; --gm3-icon-button= -filled-tonal-container-height: 28px; --gm3-icon-button-filled-tonal-icon-s= ize: 20px; --gm3-icon-button-filled-tonal-focus-indicator-outline-offset: -= 2px; --gm3-icon-button-filled-tonal-selected-container-color: var(--gm3-sys= -color-primary-container,#d3e3fd); --gm3-icon-button-filled-tonal-toggle-se= lected-focus-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0);= --gm3-icon-button-filled-tonal-toggle-selected-hover-icon-color: var(--gm3= -sys-color-on-primary-container,#0842a0); --gm3-icon-button-filled-tonal-to= ggle-selected-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0)= ; --gm3-icon-button-filled-tonal-toggle-selected-pressed-icon-color: var(--= gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button-filled-tonal= -toggle-unselected-hover-state-layer-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-icon-button-filled-tonal-touch-target-size: 28px; -= -gm3-icon-button-filled-tonal-unselected-container-color: transparent; --W7= rCxe: 44px; --qLL1qd: 28px; --JWeH9e: 20px; --cOnIUb: -2px; --geqh2: -3px; = --xqqbrc: 8px; --dt9eCd: 4px; --gm3-button-text-container-height: 28px; --g= m3-button-text-focus-indicator-outline-offset: -2px; --gm3-button-text-hove= r-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --gm3-button-text-pressed-label-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-button-text-pressed-state-laye= r-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text= -with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-button-text-with-icon-icon-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-label= -space: 4px; --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-text= -with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-with-leading-icon-leading-space: 4px; --gm3-button-t= ext-with-leading-icon-trailing-space: 8px; --gm3-dropdown-button-text-conta= iner-height: 28px; --gm3-dropdown-button-text-focus-indicator-outline-offse= t: -2px; --gm3-dropdown-button-text-hover-label-text-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-dropdown-button-text-hover-state-la= yer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-= button-text-label-text-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-dropdown-button-text-pressed-label-text-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-dropdown-button-text-pressed-state-lay= er-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-b= utton-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-dropdown-button-text-with-icon-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-icon-pr= essed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-to= olbar-common-button-margin: 0px; --gm3-toolbar-floating-container-external-= padding: 0px; display: flex; flex-direction: column; gap: 6px; padding: 8px= 12px; text-wrap: nowrap; } .docsUiWizTabToConvertSurfaceSingleTabCard { --gm3-card-elevated-container-= color: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-sha= pe-start-start: 28px; --gm3-card-elevated-container-shape-start-end: 28px; = --gm3-card-elevated-container-shape-end-end: 28px; --gm3-card-elevated-cont= ainer-shape-end-start: 28px; } .docsUiWizTabToConvertSurfaceMultipleTabCard { --gm3-card-elevated-containe= r-color: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-s= hape-start-start: 8px; --gm3-card-elevated-container-shape-start-end: 8px; = --gm3-card-elevated-container-shape-end-end: 8px; --gm3-card-elevated-conta= iner-shape-end-start: 8px; padding-bottom: 12px; } .docsUiWizTabToConvertSurfaceTabToConvertIcon { direction: ltr; } .docsUiWizTabToConvertSurfaceMessage { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0= px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#44= 4746); } .docsUiWizTabToConvertSurfaceTabToConvertIconKey { fill: var(--gm3-sys-colo= r-surface-container-low,#f8fafd); stroke: var(--gm3-sys-color-outline,#7477= 75); } .docsUiWizTabToConvertSurfaceTabToConvertIconText { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; fill: var(--gm3-sys-color-on-surf= ace-variant,#444746); } .docsUiWizTabToConvertSurfaceRenderedChipOrLink, .docsUiWizTabToConvertSurf= aceTabToConvertCommon { align-items: center; display: flex; flex-direction:= row; gap: 6px; height: 20px; } .docsUiWizTabToConvertSurfaceRenderedChipOrLink { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.25rem; background-color: rgb(232, 234, 237); = border-radius: 8px; inline-size: fit-content; max-inline-size: 238px; } .docsUiWizTabToConvertSurfaceRenderedChipOrLink .third-party-placeholder-ic= on-path { fill: currentcolor; } .docsUiWizTabToConvertSurfaceRenderedChipOrLink:hover { background-color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); cursor: pointer; } .docsUiWizTabToConvertSurfaceTabToConvertBulk { display: flex; flex-directi= on: column; gap: 8px; } .docsUiWizTabToConvertSurfaceShowMoreButton { padding: 8px; } .docsUiWizTabToConvertSurfaceCircularProgress { --EkrYwf: 18px; } .docsUiWizThirdPartyPromoSurfacePromoImageSection { inline-size: 100%; } .docsUiWizThirdPartyPromoSurfacePromoImage { display: block; margin: 0px au= to; } .docsUiWizThirdPartyPromoSurfaceThirdPartyPromoCard { --gm3-card-elevated-c= ontainer-shape-start-start: 16px; --gm3-card-elevated-container-shape-start= -end: 16px; --gm3-card-elevated-container-shape-end-end: 16px; --gm3-card-e= levated-container-shape-end-start: 16px; display: flex; flex-direction: col= umn; gap: 12px; inline-size: 370px; padding: 20px; } .docsUiWizThirdPartyPromoSurfacePromoHeading { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.75rem; color: var(--gm3-sys-color-on-surface,#1f= 1f1f); } .docsUiWizThirdPartyPromoSurfacePromoContent { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-var= iant,#444746); } .docsUiWizThirdPartyPromoSurfacePromoButtons { display: flex; flex-directio= n: row; gap: 12px; justify-content: flex-end; padding-top: 24px; } .docsUiWizThirdPartyPromoSurfacePromoButton, .docsUiWizThirdPartyPromoSurfa= cePromoTextButton { margin-right: 8px; } .docsUiWizThirdPartyPromoSurfaceTabToConvertText { border: 1.5px solid var(= --gm3-sys-color-on-primary,#fff); border-radius: 8px; display: inline-block= ; font-size: 0.75rem; line-height: 1.25rem; margin-right: 7px; padding: 0px= 6px; position: relative; top: -1px; } .docsUiWizSmartControlsDetailsSurfaceCard { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spaci= ng: 0px; line-height: 1.25rem; --yXuigc: 2; --gm3-toolbar-floating-containe= r-between-space: 4px; --gm3-toolbar-floating-container-height: 36px; --gm3-= toolbar-floating-container-leading-space: 4px; --gm3-toolbar-floating-conta= iner-shape: 9999px; --gm3-toolbar-floating-container-trailing-space: 4px; -= -gm3-toolbar-floating-standard-container-color: var(--gm3-sys-color-surface= ,#fff); --gm3-select-shared-text-field-container-height: 28px; --gm3-select= -shared-text-field-container-width: 100%; --gm3-select-shared-text-field-in= put-text-size: 0.875rem; --gm3-select-outlined-text-field-container-shape: = 16px; --gm3-select-outlined-text-field-outline-color: "transparent"; --gm3-= select-outlined-text-field-container-shape-start-start: 16px; --gm3-select-= outlined-text-field-container-shape-start-end: 16px; --gm3-select-outlined-= text-field-container-shape-end-end: 16px; --gm3-select-outlined-text-field-= container-shape-end-start: 16px; --gm3-icon-button-standard-container-width= : 28px; --gm3-icon-button-standard-container-height: 28px; --gm3-icon-butto= n-standard-icon-size: 20px; --gm3-icon-button-standard-focus-indicator-outl= ine-offset: -2px; --gm3-icon-button-standard-touch-target-size: 28px; --gm3= -icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-icon-button-filled-tonal-container-wi= dth: 28px; --gm3-icon-button-filled-tonal-container-height: 28px; --gm3-ico= n-button-filled-tonal-icon-size: 20px; --gm3-icon-button-filled-tonal-focus= -indicator-outline-offset: -2px; --gm3-icon-button-filled-tonal-selected-co= ntainer-color: var(--gm3-sys-color-primary-container,#d3e3fd); --gm3-icon-b= utton-filled-tonal-toggle-selected-focus-icon-color: var(--gm3-sys-color-on= -primary-container,#0842a0); --gm3-icon-button-filled-tonal-toggle-selected= -hover-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3= -icon-button-filled-tonal-toggle-selected-icon-color: var(--gm3-sys-color-o= n-primary-container,#0842a0); --gm3-icon-button-filled-tonal-toggle-selecte= d-pressed-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0); --= gm3-icon-button-filled-tonal-toggle-unselected-hover-state-layer-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-tona= l-touch-target-size: 28px; --gm3-icon-button-filled-tonal-unselected-contai= ner-color: transparent; --W7rCxe: 44px; --qLL1qd: 28px; --JWeH9e: 20px; --c= OnIUb: -2px; --geqh2: -3px; --xqqbrc: 8px; --dt9eCd: 4px; --gm3-button-text= -container-height: 28px; --gm3-button-text-focus-indicator-outline-offset: = -2px; --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-button-text-hover-state-layer-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-button-text-label-text-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-pressed-= label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-bu= tton-text-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-button-text-with-icon-focus-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-button-text-with-icon-hover-icon-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-with-i= con-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-butt= on-text-with-icon-icon-label-space: 4px; --gm3-button-text-with-icon-icon-s= ize: 20px; --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-text-with-leading-icon-leadin= g-space: 4px; --gm3-button-text-with-leading-icon-trailing-space: 8px; --gm= 3-dropdown-button-text-container-height: 28px; --gm3-dropdown-button-text-f= ocus-indicator-outline-offset: -2px; --gm3-dropdown-button-text-hover-label= -text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdow= n-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-dropdown-button-text-label-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-dropdown-button-text-pressed-label-te= xt-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-b= utton-text-pressed-state-layer-color: var(--gm3-sys-color-on-surface-varian= t,#444746); --gm3-dropdown-button-text-with-icon-hover-icon-color: var(--gm= 3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-ic= on-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropd= own-button-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-toolbar-common-button-margin: 0px; --gm3-toolbar-= floating-container-external-padding: 0px; background-color: var(--gm3-sys-c= olor-surface,#fff); color: var(--gm3-sys-color-on-surface-variant,#444746);= display: flex; flex-direction: column; inline-size: auto; max-inline-size:= 300px; border-radius: 8px; } .docsUiWizSmartControlsDetailsSurfaceAudioControls, .docsUiWizSmartControls= DetailsSurfaceSmartBubbleControls { align-items: center; display: flex; fle= x-direction: row; gap: 12px; padding: 12px 16px; } .docsUiWizSmartControlsDetailsSurfaceAudioControls { block-size: 30px; } .docsUiWizSmartControlsDetailsSurfaceAudioControls > .docsUiWizSmartControl= sDetailsSurfaceMessage { font-family: "Google Sans", Roboto, Arial, sans-se= rif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-heigh= t: 1.25rem; inline-size: 200px; } .docsUiWizSmartControlsDetailsSurfaceSmartBubbleControls > .docsUiWizSmartC= ontrolsDetailsSurfaceMessage { font-family: "Google Sans", Roboto, Arial, s= ans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem= ; line-height: 1rem; inline-size: 200px; } .docsUiWizSmartControlsDetailsSurfaceActionBar { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-s= pacing: 0.00625rem; line-height: 1rem; border-top: 1px solid var(--gm3-sys-= color-surface-variant,#e1e3e1); padding: 12px 16px; } .docsUiWizSmartControlsDetailsSurfaceOpenSidebarButton { --gm3-icon-button-= standard-container-width: 32px; --gm3-icon-button-standard-container-height= : 32px; --gm3-icon-button-standard-icon-size: 20px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceCard { -= -gm3-card-elevated-container-color: var(--gm3-sys-color-surface,#fff); --gm= 3-card-elevated-container-shape-start-start: 12px; --gm3-card-elevated-cont= ainer-shape-start-end: 12px; --gm3-card-elevated-container-shape-end-end: 1= 2px; --gm3-card-elevated-container-shape-end-start: 12px; inline-size: 300p= x; min-block-size: 62px; padding: 8px 8px 16px 16px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceTitleCon= tainer { align-items: center; display: flex; justify-content: space-between= ; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceTitle { = font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem;= font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--= gm3-sys-color-on-surface,#1f1f1f); margin: 0px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceContentW= rapper { padding-inline-end: 8px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceExplanat= ion { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.8= 75rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: = var(--gm3-sys-color-on-surface,#1f1f1f); margin: 12px 0px 0px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceActionBu= ttonContainer:has(.appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanat= ionSurfaceActionButton) { display: flex; justify-content: flex-end; margin-= top: 10px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceActionBu= tton, .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceCh= angeLanguageButton { --gm3-button-text-container-height: 24px; --gm3-button= -text-label-text-weight: 400; margin: 0px; padding: 0px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceMoreOpti= onsIcon { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceSuggesti= onButtonContainer { display: flex; flex-wrap: wrap; gap: 0px 8px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceSuggesti= onButton { --gm3-button-outlined-container-height: 24px; --gm3-button-outli= ned-label-text-weight: 400; --gm3-button-outlined-outline-color: var(--gm3-= sys-color-outline-variant,#c4c7c5); --gm3-button-outlined-container-shape-s= tart-start: 8px; --gm3-button-outlined-container-shape-start-end: 8px; --gm= 3-button-outlined-container-shape-end-end: 8px; --gm3-button-outlined-conta= iner-shape-end-start: 8px; --gm3-button-outlined-pressed-container-shape-st= art-start: 8px; --gm3-button-outlined-pressed-container-shape-start-end: 8p= x; --gm3-button-outlined-pressed-container-shape-end-end: 8px; --gm3-button= -outlined-pressed-container-shape-end-start: 8px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceActionIc= onButtonContainer { align-items: center; display: flex; gap: 8px; margin-le= ft: 8px; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceIgnoreBu= tton { --gm3-icon-button-standard-container-width: 32px; --gm3-icon-button-= standard-container-height: 32px; --gm3-icon-button-standard-icon-size: 20px= ; } .appsKixClientFeaturesSpellcheckWizSpellcheckWithExplanationSurfaceIgnoreBu= ttonIcon { color: var(--gm3-sys-color-on-surface-variant,#444746); } .tablePropertiesSidebarCollapsibleList { --ae-collapsible-list-detail-conta= iner-color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .tablePropertiesSidebarSectionContent { display: flex; flex-direction: colu= mn; row-gap: 16px; } .tablePropertiesSidebarSectionHorizontalContentGroup { align-items: center;= display: flex; justify-content: space-between; } .tablePropertiesSidebarOnIcon { outline: 2px solid var(--gm3-sys-color-prim= ary,#0b57d0); border-radius: 2px; outline-offset: 5px; } .tablePropertiesSidebarLeftAlignedButtonGroup { display: flex; flex-flow: w= rap; row-gap: 8px; margin-right: -8px; } .tablePropertiesSidebarButtonGroup { display: flex; flex-flow: wrap; row-ga= p: 8px; margin-right: -8px; align-items: center; } .tablePropertiesSidebarButtonGroupIcon { --gm3-icon-button-filled-disabled-= container-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-icon-butto= n-filled-selected-container-color: var(--gm3-sys-color-surface-bright,#fff)= ; --gm3-icon-button-filled-unselected-container-color: var(--gm3-sys-color-= surface-bright,#fff); --gm3-icon-button-filled-toggle-selected-hover-state-= layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-fil= led-toggle-unselected-hover-state-layer-color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); --gm3-icon-button-filled-container-height: 82px; --gm3-icon-bu= tton-filled-container-width: 82px; --gm3-icon-button-filled-icon-size: 72px= ; --gm3-icon-button-filled-focus-indicator-outline-offset: 1px; --gm3-icon-= button-filled-container-shape-start-start: 8px; --gm3-icon-button-filled-co= ntainer-shape-start-end: 8px; --gm3-icon-button-filled-container-shape-end-= end: 8px; --gm3-icon-button-filled-container-shape-end-start: 8px; --gm3-ic= on-button-filled-pressed-container-shape-start-start: 8px; --gm3-icon-butto= n-filled-pressed-container-shape-start-end: 8px; --gm3-icon-button-filled-p= ressed-container-shape-end-end: 8px; --gm3-icon-button-filled-pressed-conta= iner-shape-end-start: 8px; --gm3-icon-button-filled-selected-container-shap= e-start-start: 8px; --gm3-icon-button-filled-selected-container-shape-start= -end: 8px; --gm3-icon-button-filled-selected-container-shape-end-end: 8px; = --gm3-icon-button-filled-selected-container-shape-end-start: 8px; margin-ri= ght: 8px; } .tablePropertiesSidebarCheckboxSection { margin: 0px -2px; } .tablePropertiesSidebarRowSection { display: flex; flex-direction: column; = gap: 16px; } .tablePropertiesSidebarCheckboxAndSpin { display: flex; flex-direction: row= ; gap: 6px; align-items: center; justify-content: space-between; } .tablePropertiesSidebarCheckboxWithLabel { display: flex; flex-direction: r= ow; gap: 4px; align-items: center; } .tablePropertiesSidebarCheckboxLabel, .tablePropertiesSidebarColumnComplian= ceMessage { font-family: "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; c= olor: var(--gm3-sys-color-on-surface,#1f1f1f); word-break: break-word; } .tablePropertiesSidebarDisabledCheckboxLabel { opacity: 0.38; } @media screen and (forced-colors: active) { .tablePropertiesSidebarDisabledCheckboxLabel { color: graytext; opacity: = 1; } } .tablePropertiesSidebarSelectControlSection { row-gap: 8px; width: 100%; } .tablePropertiesSidebarVerticalSpinButton { --ae-spin-button-input-text-ali= gn: left; --gm3-text-field-outlined-input-text-suffix-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-text-field-outlined-leading-space:= 8px; --gm3-text-field-outlined-trailing-space: 8px; --ae-spin-button-input= -container-width: 77px; } .tablePropertiesSidebarSpinButtonSection { display: flex; flex-direction: c= olumn; gap: 8px; } .tablePropertiesSidebarSpinButtonRow { display: flex; gap: 24px; } .tablePropertiesSidebarPrimaryLabelledContent { color: var(--gm3-sys-color-= on-surface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif;= font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1= .25rem; padding-bottom: 16px; } .tablePropertiesSidebarColorPickerDropdown { --gm3-dropdown-button-outlined= -focus-indicator-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdow= n-button-outlined-focus-indicator-outline-offset: -2px; --gm3-dropdown-butt= on-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; --gm3-dropdown-button-outlined-hover-label-text-color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); --gm3-dropdown-button-outlined-hover-state-layer-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-= outlined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-d= ropdown-button-outlined-label-text-size: 16px; --gm3-dropdown-button-outlin= ed-label-text-weight: 400; --gm3-dropdown-button-outlined-pressed-label-tex= t-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-out= lined-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with= -icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dr= opdown-button-outlined-with-icon-icon-size: 24px; --gm3-dropdown-button-out= lined-container-shape-start-start: 4px; --gm3-dropdown-button-outlined-cont= ainer-shape-start-end: 4px; --gm3-dropdown-button-outlined-container-shape-= end-end: 4px; --gm3-dropdown-button-outlined-container-shape-end-start: 4px= ; --gm3-dropdown-button-outlined-pressed-container-shape-start-start: 4px; = --gm3-dropdown-button-outlined-pressed-container-shape-start-end: 4px; --gm= 3-dropdown-button-outlined-pressed-container-shape-end-end: 4px; --gm3-drop= down-button-outlined-pressed-container-shape-end-start: 4px; } .tablePropertiesSidebarTableBorder { align-items: center; column-gap: 8px; = display: flex; margin-bottom: 12px; } .tablePropertiesSidebarTableBorderSelect { --gm3-select-shared-text-field-c= ontainer-width: 168px; } .tablePropertiesSidebarRadioGroup { margin: -4px 0px; } .appsKixClientFeaturesTableWizCellValidationTooltipSurfaceCard { --gm3-card= -elevated-container-color: var(--gm3-sys-color-surface,#fff); inline-size: = 312px; } .appsKixClientFeaturesTableWizCellValidationTooltipSurfaceTooltipText { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3= -sys-color-on-surface-variant,#444746); display: block; padding: 16px; } .appsKixClientFeaturesTableWizCellValidationTooltipSurfaceHeaderText { font= -family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fon= t-weight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-= sys-color-on-error-container,#8c1d18); display: flex; padding: 6px 0px; } .appsKixClientFeaturesTableWizCellValidationTooltipSurfaceErrorIcon { color= : var(--gm3-sys-color-on-error-container,#8c1d18); flex-shrink: 0; margin-r= ight: 8px; } .appsKixClientFeaturesTableWizCellValidationTooltipSurfaceHeaderContainer {= align-items: center; background-color: var(--gm3-sys-color-error-container= ,#f9dedc); border-top-left-radius: 12px; border-top-right-radius: 12px; dis= play: flex; gap: 12px; padding: 8px 16px; } .tableSplitCellDialogColumnIcon.docs-icon, .tableSplitCellDialogRowIcon.doc= s-icon { height: 24px; width: 24px; margin-right: 12px; } .tableSplitCellDialogRowIcon.docs-icon { transform: rotate(90deg); } .tableSplitCellDialogColumnInput, .tableSplitCellDialogRowInput { margin-le= ft: 16px; } .tableSplitCellDialogColumnContainer, .tableSplitCellDialogRowContainer { d= isplay: block; margin-top: 16px; } .javascriptMaterialdesignGm3WizA11yScreenReaderOnlyTextEl { clip: rect(1px,= 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: = 1px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar { po= sition: relative; display: flex; flex-direction: column; overflow: var(--gm= 3-datepicker-date-container-overflow,hidden); width: fit-content; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__tooltip { z-i= ndex: 9000; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar-head= er { display: flex; justify-content: space-between; align-items: center; he= ight: var(--gm3-datepicker-header-height,64px); position: relative; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__floating-cale= ndar-header { padding-inline: 12px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar-head= er-none { display: none; } :is(.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--month-lis= tbox-open, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--ye= ar-listbox-open) .javascriptMaterialdesignGm3WizDatepickerCalendar-datepick= er__calendar-header::before { border-bottom: 1px solid var(--gm3-sys-color-= outline-variant,#c4c7c5); content: ""; position: absolute; inset: 0px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__hidden-sr-msg= { position: absolute; top: -9999px; left: -9999px; height: 1px; overflow: = hidden; font-size: 0px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__weekday-heade= r { display: flex; align-items: center; justify-content: center; font-famil= y: var(--gm3-datepicker-weekdays-label-text-font,"Google Sans Flex","Google= Sans Text","Google Sans",Roboto,Arial,sans-serif); line-height: var(--gm3-= datepicker-weekdays-label-text-line-height,1.5rem); font-size: var(--gm3-da= tepicker-weekdays-label-text-size,1rem); letter-spacing: var(--gm3-datepick= er-weekdays-label-text-tracking,0); font-weight: var(--gm3-datepicker-weekd= ays-label-text-weight,400); color: var(--gm3-datepicker-weekdays-label-text= -color,var(--gm3-sys-color-on-surface,#1f1f1f)); font-variation-settings: v= ar(--gm3-datepicker-weekdays-label-text-font-variation-settings,initial); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-group= { display: flex; justify-content: space-between; align-items: center; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__month-only-co= ntrol-group { display: flex; align-items: center; justify-content: space-be= tween; width: 100%; padding-inline: calc((min(40px, var(--gm3-datepicker-da= te-container-width, 48px)) - var(--gm3-datepicker-date-label-text-size, 1re= m))/2) 0; color: var(--gm3-datepicker-header-label-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); font-family: var(--gm3-datepicker-head= er-label-text-font,"Google Sans Flex","Google Sans Text","Google Sans",Robo= to,Arial,sans-serif); font-variation-settings: var(--gm3-datepicker-header-= label-text-font-variation-settings,initial); font-size: var(--gm3-datepicke= r-header-label-text-size,1rem); letter-spacing: var(--gm3-datepicker-header= -label-text-tracking,0); font-weight: var(--gm3-datepicker-header-label-tex= t-weight,500); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-arrow= { margin: 4px; --gm3-icon-button-standard-disabled-icon-color: var(--gm3-d= atepicker-menu-button-disabled-icon-color,rgba(var(--gm3-sys-color-on-surfa= ce-rgb,31,31,31),0.38)); --gm3-icon-button-standard-unselected-focus-icon-c= olor: var(--gm3-datepicker-menu-button-focus-icon-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hover-= icon-color: var(--gm3-datepicker-menu-button-hover-icon-color,var(--gm3-sys= -color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-= icon-color: var(--gm3-datepicker-menu-button-icon-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-presse= d-icon-color: var(--gm3-datepicker-menu-button-pressed-icon-color,var(--gm3= -sys-color-on-surface-variant,#444746)); } :is(.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--month-lis= tbox-open, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--ye= ar-listbox-open) .javascriptMaterialdesignGm3WizDatepickerCalendar-datepick= er__control-arrow { visibility: hidden; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-arrow= --soft-disabled { --gm3-icon-button-standard-unselected-focus-icon-color: v= ar(--gm3-datepicker-menu-button-disabled-icon-color,rgba(var(--gm3-sys-colo= r-on-surface-rgb,31,31,31),0.38)); --gm3-icon-button-standard-unselected-ho= ver-icon-color: var(--gm3-datepicker-menu-button-disabled-icon-color,rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-icon-button-stand= ard-unselected-icon-color: var(--gm3-datepicker-menu-button-disabled-icon-c= olor,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-icon-b= utton-standard-unselected-pressed-icon-color: var(--gm3-datepicker-menu-but= ton-disabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0= .38)); --gm3-icon-button-standard-unselected-pressed-state-layer-opacity: 0= ; --gm3-icon-button-standard-unselected-hover-state-layer-opacity: 0; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-listb= ox-trigger { --gm3-button-text-with-trailing-icon-leading-space: 8px; --gm3= -button-text-with-trailing-icon-trailing-space: 4px; --gm3-button-text-cont= ainer-height: var(--gm3-datepicker-menu-button-container-height,40px); --gm= 3-button-text-disabled-label-text-color: var(--gm3-datepicker-menu-button-d= isabled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),= 0.38)); --gm3-button-text-with-icon-disabled-icon-color: var(--gm3-datepick= er-menu-button-disabled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),0.38)); --gm3-button-text-with-icon-focus-icon-color: var(--gm3-d= atepicker-menu-button-focus-icon-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-datep= icker-menu-button-hover-icon-color,var(--gm3-sys-color-on-surface-variant,#= 444746)); --gm3-button-text-with-icon-icon-color: var(--gm3-datepicker-menu= -button-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-= button-text-with-icon-icon-size: var(--gm3-datepicker-menu-button-icon-size= ,18px); --gm3-button-text-hover-label-text-color: var(--gm3-datepicker-menu= -button-hover-label-text-color,var(--gm3-sys-color-on-surface-variant,#4447= 46)); --gm3-button-text-hover-state-layer-color: var(--gm3-datepicker-menu-= button-hover-state-layer-color,var(--gm3-sys-color-on-surface-variant,#4447= 46)); --gm3-button-text-hover-state-layer-opacity: var(--gm3-datepicker-men= u-button-hover-state-layer-opacity,0.08); --gm3-button-text-focus-label-tex= t-color: var(--gm3-datepicker-menu-button-focus-label-text-color,var(--gm3-= sys-color-on-surface-variant,#444746)); --gm3-button-text-label-text-color:= var(--gm3-datepicker-menu-button-label-text-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); --gm3-button-text-label-text-font: var(--gm3-date= picker-menu-button-label-text-font,"Google Sans Flex","Google Sans Text","G= oogle Sans",Roboto,Arial,sans-serif); --gm3-button-text-label-text-font-var= iation-settings: var(--gm3-datepicker-menu-button-label-text-font-variation= -settings,initial); --gm3-button-text-label-text-size: var(--gm3-datepicker= -menu-button-label-text-size,0.875rem); --gm3-button-text-label-text-tracki= ng: var(--gm3-datepicker-menu-button-label-text-tracking,0rem); --gm3-butto= n-text-label-text-weight: var(--gm3-datepicker-menu-button-label-text-weigh= t,500); --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-datepicke= r-menu-button-pressed-icon-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); --gm3-button-text-pressed-label-text-color: var(--gm3-datepicker-me= nu-button-pressed-label-text-color,var(--gm3-sys-color-on-surface-variant,#= 444746)); --gm3-button-text-pressed-state-layer-opacity: var(--gm3-datepick= er-menu-button-pressed-state-layer-opacity,0.1); --gm3-button-text-pressed-= state-layer-color: var(--gm3-datepicker-menu-button-hover-state-layer-color= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-button-text-contai= ner-shape-start-start: var(--gm3-datepicker-menu-button-container-shape,999= 9px); --gm3-button-text-container-shape-start-end: var(--gm3-datepicker-men= u-button-container-shape,9999px); --gm3-button-text-container-shape-end-end= : var(--gm3-datepicker-menu-button-container-shape,9999px); --gm3-button-te= xt-container-shape-end-start: var(--gm3-datepicker-menu-button-container-sh= ape,9999px); --gm3-button-text-pressed-container-shape-start-start: var(--g= m3-datepicker-menu-button-container-shape,9999px); --gm3-button-text-presse= d-container-shape-start-end: var(--gm3-datepicker-menu-button-container-sha= pe,9999px); --gm3-button-text-pressed-container-shape-end-end: var(--gm3-da= tepicker-menu-button-container-shape,9999px); --gm3-button-text-pressed-con= tainer-shape-end-start: var(--gm3-datepicker-menu-button-container-shape,99= 99px); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-listb= ox-trigger:disabled .javascriptMaterialdesignGm3WizDatepickerCalendar-datep= icker__control-listbox-trigger-icon { visibility: hidden; } :is(.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--month-lis= tbox-open, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--ye= ar-listbox-open) .javascriptMaterialdesignGm3WizDatepickerCalendar-datepick= er__control-listbox-trigger:not(:disabled) { background-color: transparent;= } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__listbox-conta= iner { visibility: hidden; position: absolute; inset: 0px; overflow: auto; = } :is(.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--month-lis= tbox-open, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--ye= ar-listbox-open) .javascriptMaterialdesignGm3WizDatepickerCalendar-datepick= er__listbox-container { visibility: visible; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__listbox { pad= ding-block-end: 20px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__listbox-item = { --gm3-list-list-item-container-color: transparent; --gm3-list-list-item-s= elected-container-color: transparent; --gm3-list-list-item-trailing-space: = 16px; --gm3-list-list-item-one-line-container-height: var(--gm3-datepicker-= menu-list-item-container-height,48px); --gm3-list-list-item-hover-label-tex= t-color: var(--gm3-datepicker-menu-list-item-hover-label-text-color,var(--g= m3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-hover-state-layer-c= olor: var(--gm3-datepicker-menu-list-item-hover-state-layer-color,var(--gm3= -sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-hover-state-layer-opa= city: var(--gm3-datepicker-menu-list-item-hover-state-layer-opacity,0.08); = --gm3-list-list-item-label-text-color: var(--gm3-datepicker-menu-list-item-= label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-= item-label-text-font: var(--gm3-datepicker-menu-list-item-label-text-font,"= Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif)= ; --gm3-list-list-item-label-text-font-variation-settings: var(--gm3-datepi= cker-menu-list-item-label-text-font-variation-settings,initial); --gm3-list= -list-item-label-text-line-height: var(--gm3-datepicker-menu-list-item-labe= l-text-line-height,1.5rem); --gm3-list-list-item-label-text-size: var(--gm3= -datepicker-menu-list-item-label-text-size,1rem); --gm3-list-list-item-labe= l-text-tracking: var(--gm3-datepicker-menu-list-item-label-text-tracking,0r= em); --gm3-list-list-item-label-text-weight: var(--gm3-datepicker-menu-list= -item-label-text-weight,400); --gm3-list-list-item-hover-leading-icon-icon-= color: var(--gm3-datepicker-menu-list-item-selected-hover-leading-icon-colo= r,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-se= lected-leading-icon-color: var(--gm3-datepicker-menu-list-item-selected-lea= ding-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-i= tem-leading-icon-color: var(--gm3-datepicker-menu-list-item-selected-leadin= g-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item= -selected-label-text-color: var(--gm3-datepicker-menu-list-item-selected-le= ading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-= item-leading-icon-size: var(--gm3-datepicker-menu-list-item-selected-leadin= g-icon-size,24px); --gm3-list-list-item-focus-label-text-color: var(--gm3-d= atepicker-menu-list-item-focus-label-text-color,var(--gm3-sys-color-on-surf= ace,#1f1f1f)); --gm3-list-list-item-selected-focus-label-text-color: var(--= gm3-datepicker-menu-list-item-focus-label-text-color,var(--gm3-sys-color-on= -surface,#1f1f1f)); --gm3-list-list-item-selected-hover-label-text-color: v= ar(--gm3-datepicker-menu-list-item-hover-label-text-color,var(--gm3-sys-col= or-on-surface,#1f1f1f)); --gm3-list-list-item-selected-hover-leading-icon-c= olor: var(--gm3-datepicker-menu-list-item-selected-hover-leading-icon-color= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-sel= ected-hover-state-layer-color: var(--gm3-datepicker-menu-list-item-hover-st= ate-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-i= tem-selected-hover-state-layer-opacity: var(--gm3-datepicker-menu-list-item= -hover-state-layer-opacity,0.08); --gm3-list-list-item-control-selected-con= tainer-color: transparent; --gm3-list-list-item-control-selected-focus-labe= l-text-color: var(--gm3-datepicker-menu-list-item-focus-label-text-color,va= r(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-control-select= ed-hover-label-text-color: var(--gm3-datepicker-menu-list-item-hover-label-= text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-c= ontrol-selected-hover-leading-icon-color: var(--gm3-datepicker-menu-list-it= em-selected-hover-leading-icon-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --gm3-list-list-item-control-selected-hover-state-layer-color: = var(--gm3-datepicker-menu-list-item-hover-state-layer-color,var(--gm3-sys-c= olor-on-surface,#1f1f1f)); --gm3-list-list-item-control-selected-hover-stat= e-layer-opacity: var(--gm3-datepicker-menu-list-item-hover-state-layer-opac= ity,0.08); --gm3-list-list-item-control-selected-label-text-color: var(--gm= 3-datepicker-menu-list-item-label-text-color,var(--gm3-sys-color-on-surface= ,#1f1f1f)); --gm3-list-list-item-control-selected-label-text-weight: var(--= gm3-datepicker-menu-list-item-label-text-weight,400); --gm3-list-list-item-= control-selected-leading-icon-color: var(--gm3-datepicker-menu-list-item-se= lected-leading-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-l= ist-list-item-fallback-selection-end-margin: 0; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__listbox-item-= checked-icon { visibility: hidden; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__listbox-item-= -selected .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__lis= tbox-item-checked-icon { visibility: visible; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar-body= { position: relative; } :is(.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--month-lis= tbox-open, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker--ye= ar-listbox-open) .javascriptMaterialdesignGm3WizDatepickerCalendar-datepick= er__calendar-body { visibility: hidden; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar-tabl= e { margin: 0px auto 4px; border-spacing: 0px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-cell, .j= avascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__weekday-header-= cell { padding: 0px; text-align: center; inline-size: var(--gm3-datepicker-= date-container-width,48px); block-size: var(--gm3-datepicker-date-container= -height,48px); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button {= will-change: unset; margin-block: 0px; --gm3-button-text-leading-space: 0p= x; --gm3-button-text-trailing-space: 0px; --gm3-button-text-container-heigh= t: min(40px,var(--gm3-datepicker-date-container-height,48px)); --gm3-button= -text-container-min-width: min(40px,var(--gm3-datepicker-date-container-wid= th,48px)); --gm3-button-text-focus-label-text-color: var(--gm3-datepicker-d= ate-unselected-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); -= -gm3-button-text-label-text-color: var(--gm3-datepicker-date-unselected-lab= el-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-button-text-l= abel-text-font: var(--gm3-datepicker-date-label-text-font,"Google Sans Flex= ","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); --gm3-button-t= ext-label-text-font-variation-settings: var(--gm3-datepicker-date-label-tex= t-font-variation-settings,initial); --gm3-button-text-label-text-size: var(= --gm3-datepicker-date-label-text-size,1rem); --gm3-button-text-label-text-t= racking: var(--gm3-datepicker-date-label-text-tracking,0rem); --gm3-button-= text-label-text-weight: var(--gm3-datepicker-date-label-text-weight,400); -= -gm3-button-text-hover-label-text-color: var(--gm3-datepicker-date-unselect= ed-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-button-= text-hover-state-layer-color: var(--gm3-datepicker-date-unselected-hover-st= ate-layer-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-but= ton-text-hover-state-layer-opacity: var(--gm3-datepicker-date-hover-state-l= ayer-opacity,0.08); --gm3-button-text-pressed-label-text-color: var(--gm3-d= atepicker-date-unselected-label-text-color,var(--gm3-sys-color-on-surface,#= 1f1f1f)); --gm3-button-text-pressed-state-layer-opacity: var(--gm3-datepick= er-date-pressed-state-layer-opacity,0.1); --gm3-button-text-pressed-state-l= ayer-color: var(--gm3-datepicker-date-unselected-hover-state-layer-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-button-text-container= -shape-start-start: var(--gm3-datepicker-date-container-shape,9999px); --gm= 3-button-text-container-shape-start-end: var(--gm3-datepicker-date-containe= r-shape,9999px); --gm3-button-text-container-shape-end-end: var(--gm3-datep= icker-date-container-shape,9999px); --gm3-button-text-container-shape-end-s= tart: var(--gm3-datepicker-date-container-shape,9999px); --gm3-button-text-= pressed-container-shape-start-start: var(--gm3-datepicker-date-container-sh= ape,9999px); --gm3-button-text-pressed-container-shape-start-end: var(--gm3= -datepicker-date-container-shape,9999px); --gm3-button-text-pressed-contain= er-shape-end-end: var(--gm3-datepicker-date-container-shape,9999px); --gm3-= button-text-pressed-container-shape-end-start: var(--gm3-datepicker-date-co= ntainer-shape,9999px); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button--= disabled { cursor: default; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button--= dimmed { --gm3-button-text-label-text-color: var(--gm3-datepicker-date-unse= lected-outside-month-label-text-color,rgba(var(--gm3-sys-color-on-surface-r= gb,31,31,31),0.38)); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button--= disabled { --gm3-button-text-label-text-color: rgba(var(--gm3-sys-color-on-= surface-rgb,31,31,31),0.38); --gm3-button-text-hover-label-text-color: rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38); --gm3-button-text-focu= s-label-text-color: rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),0.38)= ; --gm3-button-text-pressed-label-text-color: rgba(var(--gm3-sys-color-on-s= urface-rgb,31,31,31),0.38); --gm3-button-text-pressed-state-layer-opacity: = 0; --gm3-button-text-hover-state-layer-opacity: 0; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button--= today, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-b= utton--today.javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__d= ate-button--dimmed { outline: var(--gm3-datepicker-date-today-container-out= line-width,1px) solid var(--gm3-datepicker-date-today-container-outline-col= or,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-state-lay= er-color: var(--gm3-datepicker-date-today-hover-state-layer-color,var(--gm3= -sys-color-primary,#0b57d0)); --gm3-button-text-label-text-color: var(--gm3= -datepicker-date-today-label-text-color,var(--gm3-sys-color-primary,#0b57d0= )); --gm3-button-text-hover-label-text-color: var(--gm3-datepicker-date-tod= ay-label-text-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-tex= t-focus-label-text-color: var(--gm3-datepicker-date-today-label-text-color,= var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text= -color: var(--gm3-datepicker-date-today-label-text-color,var(--gm3-sys-colo= r-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(--gm3= -datepicker-date-today-hover-state-layer-color,var(--gm3-sys-color-primary,= #0b57d0)); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button--= selected, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__dat= e-button--selected.javascriptMaterialdesignGm3WizDatepickerCalendar-datepic= ker__date-button--dimmed { background: var(--gm3-datepicker-date-selected-c= ontainer-color,var(--gm3-sys-color-primary,#0b57d0)); outline: none; --gm3-= button-text-hover-state-layer-color: var(--gm3-datepicker-date-selected-hov= er-state-layer-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-te= xt-label-text-color: var(--gm3-datepicker-date-selected-label-text-color,va= r(--gm3-sys-color-on-primary,#fff)); --gm3-button-text-hover-label-text-col= or: var(--gm3-datepicker-date-selected-label-text-color,var(--gm3-sys-color= -on-primary,#fff)); --gm3-button-text-focus-label-text-color: var(--gm3-dat= epicker-date-selected-label-text-color,var(--gm3-sys-color-on-primary,#fff)= ); --gm3-button-text-pressed-label-text-color: var(--gm3-datepicker-date-se= lected-label-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button= -text-pressed-state-layer-color: var(--gm3-datepicker-date-selected-hover-s= tate-layer-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__calendar-acti= ons { display: flex; align-items: center; justify-content: space-between; h= eight: 56px; padding-inline: 12px; gap: 8px; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button= :focus { outline: canvastext solid 1px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-arr= ow:focus { outline: canvastext solid 1px; outline-offset: -1px; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__control-arr= ow--soft-disabled, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepi= cker__date-button--disabled { color: graytext; } .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__date-button= --selected, .javascriptMaterialdesignGm3WizDatepickerCalendar-datepicker__d= ate-button--selected.javascriptMaterialdesignGm3WizDatepickerCalendar-datep= icker__date-button--dimmed { background-color: canvastext; forced-color-adj= ust: none; --gm3-button-text-label-text-color: Canvas; --gm3-button-text-ho= ver-label-text-color: Canvas; --gm3-button-text-focus-indicator-color: Canv= asText; --gm3-button-text-focus-label-text-color: Canvas; --gm3-button-text= -pressed-label-text-color: Canvas; } } .javascriptMaterialdesignGm3WizDatepickerMenu-datepicker__menu { border-rad= ius: var(--gm3-datepicker-container-shape,16px); --gm3-menu-surface-contain= er-color: var(--gm3-datepicker-container-color,var(--gm3-sys-color-surface-= container-high,#e9eef6)); --gm3-menu-surface-container-elevation: var(--gm3= -datepicker-container-elevation,0); --gm3-menu-surface-z-index: 2051; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDatepickerMenu-datepicker__menu::after { b= order: 1px solid canvastext; border-radius: inherit; content: ""; position:= absolute; inset: 0px; pointer-events: none; } } .javascriptMaterialdesignGm3WizDatepickerMenu-datepicker__action-button-gro= up { display: flex; gap: 8px; } .javascriptMaterialdesignGm3WizDatepickerMenu-datepicker__action { --gm3-bu= tton-text-container-min-width: 44px; --gm3-button-text-focus-label-text-col= or: var(--gm3-datepicker-action-button-focus-label-text-color,var(--gm3-sys= -color-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: var(--g= m3-datepicker-action-button-hover-label-text-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--gm3-datepic= ker-action-button-hover-state-layer-color,var(--gm3-sys-color-primary,#0b57= d0)); --gm3-button-text-hover-state-layer-opacity: var(--gm3-datepicker-act= ion-button-hover-state-layer-opacity,0.08); --gm3-button-text-label-text-co= lor: var(--gm3-datepicker-action-button-label-text-color,var(--gm3-sys-colo= r-primary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(--gm3-= datepicker-action-button-pressed-label-text-color,var(--gm3-sys-color-prima= ry,#0b57d0)); --gm3-button-text-pressed-state-layer-opacity: var(--gm3-date= picker-action-button-pressed-state-layer-opacity,0.1); --gm3-button-text-pr= essed-state-layer-color: var(--gm3-datepicker-action-button-hover-state-lay= er-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizDatepickerMenu-datepicker__calendar { width:= var(--gm3-datepicker-container-width,360px); } .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker { display: inl= ine-flex; } .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker__calendar-togg= le { position: relative; margin: 4px; --gm3-icon-button-standard-disabled-i= con-color: var(--gm3-datepicker-calendar-toggle-disabled-color,rgba(var(--g= m3-sys-color-on-surface-rgb,31,31,31),0.38)); --gm3-icon-button-standard-un= selected-icon-color: var(--gm3-datepicker-calendar-toggle-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselecte= d-hover-icon-color: var(--gm3-datepicker-calendar-toggle-hover-color,var(--= gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unse= lected-hover-state-layer-color: var(--gm3-datepicker-calendar-toggle-hover-= state-layer-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-i= con-button-standard-unselected-focus-icon-color: var(--gm3-datepicker-calen= dar-toggle-focus-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-datepicke= r-calendar-toggle-pressed-color,var(--gm3-sys-color-on-surface-variant,#444= 746)); --gm3-icon-button-standard-unselected-pressed-state-layer-color: var= (--gm3-datepicker-calendar-toggle-pressed-state-layer-color,var(--gm3-sys-c= olor-on-surface-variant,#444746)); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker__calendar-to= ggle:focus { outline: canvastext solid 1px; } } .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker__anchor, .java= scriptMaterialdesignGm3WizDatepickerOutlined-datepicker__textfield-root { w= idth: 100%; } .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker__calendar-togg= le::before { border-radius: 50%; content: ""; display: flex; position: abso= lute; inset: 0px; } .javascriptMaterialdesignGm3WizDatepickerOutlined-datepicker--menu-open .ja= vascriptMaterialdesignGm3WizDatepickerOutlined-datepicker__calendar-toggle:= :before { background-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; opacity: 0.1; } .appsDocsCowWizDatepickerDatepickercomponentsDatePickerOutlinedTheme { --gm= 3-icon-button-standard-icon-size: 20px; --gm3-datepicker-container-width: 3= 04px; --gm3-datepicker-container-color: var(--gm3-sys-color-surface,#fff); = --gm3-datepicker-container-shape: 12px; --gm3-datepicker-container-elevatio= n: 2; --gm3-datepicker-date-container-height: 40px; --gm3-datepicker-date-c= ontainer-width: 40px; --gm3-datepicker-date-label-text-size: 12px; --gm3-da= tepicker-date-label-text-weight: 400; --gm3-datepicker-date-unselected-labe= l-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-datepi= cker-header-height: 56px; --gm3-datepicker-header-label-text-size: 14px; --= gm3-datepicker-header-label-text-weight: 500; --gm3-datepicker-weekdays-lab= el-text-size: 12px; --gm3-datepicker-weekdays-label-text-weight: 400; } .appsDocsCowWizDatepickerDatepickercomponentsDatePickerOutlinedCalendar { -= -gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-standar= d-container-width: 32px; --gm3-icon-button-standard-icon-size: 20px; --gm3-= icon-button-standard-touch-target-size: 32px; } .appsKixFeaturesTasksWizCreateOrEditTaskViewContainer { color: var(--gm3-sy= s-color-on-surface-variant,#444746); display: flex; flex-direction: column;= gap: 8px; padding: 16px 16px 12px; } .appsKixFeaturesTasksWizCreateOrEditTaskViewInputFieldsContainer { align-it= ems: center; display: flex; flex-direction: column; gap: 8px; justify-conte= nt: flex-start; } .appsKixFeaturesTasksWizCreateOrEditTaskViewIconAndInputFieldsContainer { a= lign-items: center; display: flex; flex-direction: row; gap: 12px; inline-s= ize: 100%; justify-content: flex-start; } .appsKixFeaturesTasksWizCreateOrEditTaskViewIcon { flex-shrink: 0; } .appsKixFeaturesTasksWizCreateOrEditTaskViewCalendarIcon { align-self: flex= -start; padding-top: 8px; } .appsKixFeaturesTasksWizCreateOrEditTaskViewTooltipWrapper { inline-size: 1= 00%; } .appsKixFeaturesTasksWizCreateOrEditTaskViewTextField { --gm3-text-field-ou= tlined-container-height: 40px; --gm3-text-field-outlined-top-space: 0px; --= gm3-text-field-outlined-bottom-space: 0px; inline-size: 100%; } .appsKixFeaturesTasksWizCreateOrEditTaskViewTaskTitleHelpIcon { --gm3-icon-= button-standard-icon-size: 20px; margin: 4px; } .appsKixFeaturesTasksWizCreateOrEditTaskViewDatePicker { align-self: flex-s= tart; inline-size: 100%; } .appsKixFeaturesTasksWizCreateOrEditTaskViewDisclosure { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; = letter-spacing: 0.00625rem; line-height: 1rem; display: flex; inline-size: = 100%; } .appsKixFeaturesTasksWizCreateOrEditTaskViewButtonContainer { display: flex= ; inline-size: 100%; justify-content: flex-end; margin-top: 8px; } .appsKixFeaturesTasksWizCreateOrEditTaskViewCreateOrEditTaskButton { --gm3-= button-filled-container-height: 40px; } .appsKixFeaturesTasksWizTaskSurfaceCard, .appsKixFeaturesTasksWizTaskSurfac= eCardInvalid { --gm3-card-elevated-container-color: var(--gm3-sys-color-sur= face,#fff); --gm3-card-elevated-container-shape-start-start: 12px; --gm3-ca= rd-elevated-container-shape-start-end: 12px; --gm3-card-elevated-container-= shape-end-end: 12px; --gm3-card-elevated-container-shape-end-start: 12px; i= nline-size: 300px; } .appsKixFeaturesTasksWizTaskSurfaceInvalidTaskView { display: flex; justify= -content: flex-start; inline-size: 100%; } .appsKixFeaturesTasksWizTaskSurfaceInvalidTaskViewBodyContainer { display: = flex; flex-direction: column; inline-size: 100%; } .appsKixFeaturesTasksWizTaskSurfaceInvalidTaskViewDescription { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weigh= t: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-col= or-on-surface-variant,#444746); padding: 16px; } .appsKixFeaturesTasksWizTaskSurfaceInvalidTaskViewTitle { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-= error-container,#8c1d18); display: flex; padding: 6px 0px; } .appsKixFeaturesTasksWizTaskSurfaceErrorIcon { color: var(--gm3-sys-color-o= n-error-container,#8c1d18); flex-shrink: 0; } .appsKixFeaturesTasksWizTaskSurfaceHeaderContainer { align-items: center; b= ackground-color: var(--gm3-sys-color-error-container,#f9dedc); border-radiu= s: 12px 12px 0px 0px; display: flex; gap: 12px; padding: 8px 16px; } .appsKixFeaturesTasksWizUpdateTaskActionBarActionBar { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.25rem; border-radius: 0px 0px 12px 12px;= box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; = inline-size: 100%; padding: 16px 16px 12px; } .appsKixFeaturesTasksWizUpdateTaskActionBarTaskOutOfSyncNonEditableContaine= r { background-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); co= lor: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); } .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskToMatchDocumentContainer= , .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskUpdateContainer, .apps= KixFeaturesTasksWizUpdateTaskActionBarTaskDeletedActionBarContainer { backg= round-color: var(--gm3-sys-color-primary-container,#d3e3fd); color: var(--g= m3-sys-color-on-primary-container,#0842a0); } .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskUpdateContainer { flex-d= irection: column; } .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskUpdateConfirmContainer {= box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; = inline-size: 100%; margin-top: 8px; } .appsKixFeaturesTasksWizUpdateTaskActionBarActionBarIconAndText { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 400; letter-spacing: 0px; line-height: 1.25rem; display: flex; flex-di= rection: row; gap: 12px; } .appsKixFeaturesTasksWizUpdateTaskActionBarActionBarButtons { display: flex= ; flex-direction: row; gap: 4px; justify-content: flex-end; } .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskUpdateOutOfSyncFieldCont= ainer { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0= .75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; ba= ckground-color: var(--gm3-sys-color-surface-container,#f0f4f9); border-radi= us: 12px; box-sizing: border-box; color: var(--gm3-sys-color-on-surface-var= iant,#444746); display: flex; flex-direction: column; gap: 4px; inline-size= : 100%; padding: 8px 16px; } .appsKixFeaturesTasksWizUpdateTaskActionBarSyncTaskUpdateDateContainer { al= ign-items: center; display: flex; gap: 8px; } .appsKixFeaturesTasksWizUpdateTaskActionBarOnPrimaryTextButton { --gm3-butt= on-text-focus-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3= -button-text-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-= button-text-hover-label-text-color: var(--gm3-sys-color-primary,#0b57d0); -= -gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-primary,#0b5= 7d0); } .appsKixFeaturesTasksWizUpdateTaskActionBarOnPrimaryOutlinedButton { --gm3-= button-outlined-focus-label-text-color: var(--gm3-sys-color-primary,#0b57d0= ); --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-outline,#= 747775); --gm3-button-outlined-hover-label-text-color: var(--gm3-sys-color-= primary,#0b57d0); --gm3-button-outlined-hover-outline-color: var(--gm3-sys-= color-outline,#747775); --gm3-button-outlined-label-text-color: var(--gm3-s= ys-color-primary,#0b57d0); --gm3-button-outlined-outline-color: var(--gm3-s= ys-color-outline,#747775); --gm3-button-outlined-pressed-label-text-color: = var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-pressed-outline= -color: var(--gm3-sys-color-outline,#747775); } .appsKixFeaturesTasksWizUpdateTaskActionBarOnYellowTonalTextButton { --gm3-= button-outlined-focus-label-text-color: var(--ws-sys-color-extended-on-yell= ow-tonal,#6d3a01); --gm3-button-outlined-focus-outline-color: var(--gm3-sys= -color-outline,#747775); --gm3-button-outlined-hover-label-text-color: var(= --ws-sys-color-extended-on-yellow-tonal,#6d3a01); --gm3-button-outlined-hov= er-outline-color: var(--gm3-sys-color-outline,#747775); --gm3-button-outlin= ed-label-text-color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); = --gm3-button-outlined-outline-color: var(--gm3-sys-color-outline,#747775); = --gm3-button-outlined-pressed-label-text-color: var(--ws-sys-color-extended= -on-yellow-tonal,#6d3a01); --gm3-button-outlined-pressed-outline-color: var= (--gm3-sys-color-outline,#747775); } .appsKixFeaturesTasksWizUpdateTaskActionBarTitle { color: var(--gm3-sys-col= or-on-surface-variant,#444746); overflow: hidden; text-overflow: ellipsis; = } .appsKixFeaturesTasksWizUpdateTaskActionBarCompleted { text-decoration: lin= e-through; } .appsKixFeaturesTasksWizViewTaskViewContainer { display: flex; flex-directi= on: column; } .appsKixFeaturesTasksWizViewTaskViewTaskInfoContainer { box-sizing: border-= box; color: var(--gm3-sys-color-on-surface-variant,#444746); display: flex;= flex-direction: row; gap: 16px; inline-size: 100%; padding: 16px; } .appsKixFeaturesTasksWizViewTaskViewTaskIconContainer { min-inline-size: 24= px; } .appsKixFeaturesTasksWizViewTaskViewCircularProgress { --EkrYwf: 20px; } .appsKixFeaturesTasksWizViewTaskViewSharedTaskTitle { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; let= ter-spacing: 0.00625rem; line-height: 1rem; } .appsKixFeaturesTasksWizViewTaskViewTitle { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 1.25rem; margin: 4px 0px; overflow: hidden; text-over= flow: ellipsis; } .appsKixFeaturesTasksWizViewTaskViewItemsContainer { inline-size: 100%; mar= gin-top: -12px; padding-bottom: 12px; } .appsKixFeaturesTasksWizViewTaskViewItemContainer { display: flex; padding:= 0px 16px 8px; } .appsKixFeaturesTasksWizViewTaskViewDetailsContainer { color: var(--gm3-sys= -color-on-surface,#1f1f1f); flex-grow: 1; inline-size: 0px; } .appsKixFeaturesTasksWizViewTaskViewDetail { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spaci= ng: 0.00625rem; color: var(--gm3-sys-color-on-surface-variant,#444746); dis= play: flex; line-height: 1.25rem; margin: 2px 0px; } .appsKixFeaturesTasksWizViewTaskViewDetailText { padding-left: 8px; } .appsKixFeaturesTasksWizViewTaskViewCompleted { text-decoration: line-throu= gh; } .appsKixFeaturesTasksWizViewTaskViewActionBarContainer { align-items: cente= r; box-sizing: border-box; display: flex; flex-direction: row; gap: 6px; in= line-size: 100%; padding: 4px 12px 4px 16px; } .appsKixFeaturesTasksWizViewTaskViewActionBarIconButtonContainer { margin-l= eft: auto; } .appsKixFeaturesTasksWizViewTaskViewUpdateTaskBar { display: flex; flex-dir= ection: row; gap: 8px; inline-size: 100%; justify-content: space-between; } .appsKixFeaturesTasksWizViewTaskViewTextButton { --gm3-button-text-containe= r-height: 40px; --gm3-button-text-focus-indicator-outline-offset: -3px; } .appsKixFeaturesTasksWizViewTaskViewIconButton { --gm3-icon-button-standard= -container-height: 40px; --gm3-icon-button-standard-container-width: 40px; = --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-touc= h-target-size: 32px; padding: 4px; } .appsKixFeaturesTasksWizViewTaskViewPersonPlaceholder { background-color: v= ar(--gm3-sys-color-surface-container-high,#e9eef6); block-size: 12px; borde= r-radius: 4px; inline-size: 56px; margin: 4px 0px 0px 8px; } .kixTocSidebarContentContainer { height: 100%; width: 100%; } .kixTocSidebarContent { width: 100%; } .kixTocSidebarCollapsibleList { --ae-collapsible-list-detail-container-colo= r: var(--gm3-sys-color-surface-container-high,#e9eef6); height: 100%; justi= fy-content: start; } .kixTocSidebarCenteredContent { display: flex; flex-direction: column; heig= ht: 100%; align-items: center; justify-content: center; text-align: center;= } .kixTocSidebarOffsetCheckboxContainer { margin-left: -4px; } .kixTocSidebarTabLeaderContainer { display: flex; justify-content: space-be= tween; align-items: center; padding-left: 12px; gap: 4px; } .kixTocSidebarCheckboxAndLabelColumn { display: flex; align-items: center; = column-gap: 4px; } .kixTocSidebarCheckboxLabel { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-= height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); word-break= : break-word; } .kixTocSidebarDisabledCheckboxLabel { opacity: 0.38; } @media screen and (forced-colors: active) { .kixTocSidebarDisabledCheckboxLabel { color: graytext; opacity: 1; } } .kixTocSidebarTabLeaderStyleSelect { width: 100px; --gm3-select-shared-text= -field-input-text-size: 14px; } .kixTocSidebarDash { width: 46px; padding-bottom: 8px; display: inline-bloc= k; } .kixTocSidebarSection { display: flex; flex-direction: column; row-gap: 16p= x; } .kixTocSidebarFormattingCheckboxSection { display: flex; flex-direction: co= lumn; row-gap: 8px; } .kixTocSidebarMessage { font-family: "Google Sans", Roboto, Arial, sans-ser= if; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height= : 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); } .kixTocSidebarDisabledMessage { padding: 0px 12px; } .kixTocSidebarNoHeadingsContainer { row-gap: 28px; padding: 0px 12px; } .kixTocSidebarAddHeadingButton { width: 264px; gap: 8px; } .kixTocSidebarWhiteIcon { color: var(--gm3-sys-color-on-primary,#fff); } .kixTocSidebarHeadingLevelRows { display: flex; flex-direction: column; row= -gap: 16px; align-items: center; } .kixTocSidebarHeadingLevelRow { display: flex; justify-content: space-betwe= en; align-self: stretch; margin-left: -4px; gap: 4px; } .kixTocSidebarIndentSelect { width: 100px; --gm3-select-shared-text-field-i= nput-text-size: 14px; } .kixTocSidebarHeadingLevelLabelContainer { word-break: break-word; display:= flex; gap: 12px; padding-bottom: 12px; align-items: end; } .kixTocSidebarHeadingLevelsHeadingLabel { flex: 2 1 0px; } .kixTocSidebarHeadingLevelsIndentLabel { flex: 1 1 0px; text-align: end; } .kixTocSidebarTocPaletteMenu { display: flex; flex-direction: row; column-g= ap: 9px; } .kixTocSidebarTocButtonIcon { --gm3-icon-button-filled-disabled-container-c= olor: var(--gm3-sys-color-surface-bright,#fff); --gm3-icon-button-filled-se= lected-container-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-ico= n-button-filled-unselected-container-color: var(--gm3-sys-color-surface-bri= ght,#fff); --gm3-icon-button-filled-toggle-selected-hover-state-layer-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-toggle-= unselected-hover-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; --gm3-icon-button-filled-container-height: 82px; --gm3-icon-button-filled= -container-width: 82px; --gm3-icon-button-filled-icon-size: 68px; --gm3-ico= n-button-filled-focus-indicator-outline-offset: 1px; --gm3-icon-button-fill= ed-container-shape-start-start: 8px; --gm3-icon-button-filled-container-sha= pe-start-end: 8px; --gm3-icon-button-filled-container-shape-end-end: 8px; -= -gm3-icon-button-filled-container-shape-end-start: 8px; --gm3-icon-button-f= illed-pressed-container-shape-start-start: 8px; --gm3-icon-button-filled-pr= essed-container-shape-start-end: 8px; --gm3-icon-button-filled-pressed-cont= ainer-shape-end-end: 8px; --gm3-icon-button-filled-pressed-container-shape-= end-start: 8px; --gm3-icon-button-filled-selected-container-shape-start-sta= rt: 8px; --gm3-icon-button-filled-selected-container-shape-start-end: 8px; = --gm3-icon-button-filled-selected-container-shape-end-end: 8px; --gm3-icon-= button-filled-selected-container-shape-end-start: 8px; } .kixTocSidebarOnIconOutline { outline: 2px solid var(--gm3-sys-color-primar= y,#0b57d0); width: 82px; height: 82px; border-radius: 8px; z-index: 2; posi= tion: absolute; margin-left: -7px; margin-top: -7px; } .kixTocSidebarOnIcon { z-index: 1; } @media screen and (forced-colors: active) { .kixTocSidebarOnIcon { filter: invert(100%); } } .docsWatermarkSidebarTabPrimary { --gm3-tabs-primary-container-color: var(-= -gm3-sys-color-surface-container,#f0f4f9); --gm3-tabs-primary-focus-indicat= or-active-offset-bottom: -4px; } .docsWatermarkSidebarLeftTabPrimary { margin-left: 32px; } .docsWatermarkSidebarRightTabPrimary { margin-right: 32px; } .docsWatermarkSidebarContainer { display: flex; flex-direction: column; hei= ght: 100%; row-gap: 16px; width: 100%; } .docsWatermarkSidebarImageTabFormattingHeader { margin-top: 16px; } .docsWatermarkSidebarFormattingOptionsContainer { display: flex; flex-direc= tion: column; gap: 8px; } .docsWatermarkSidebarTextFormattingOptionsContainer { display: flex; flex-d= irection: column; } .docsWatermarkSidebarTextFormattingOptionsContentContainer { display: flex;= flex-direction: column; gap: 16px; } .docsWatermarkSidebarTextFormattingFontOptions { align-items: center; displ= ay: flex; flex-direction: row; gap: 16px; margin: -4px 0px; } .docsWatermarkSidebarTextFormattingFontButtons { align-items: center; displ= ay: flex; flex-direction: row; gap: 5px; --gm3-icon-button-standard-icon-si= ze: 20px; --gm3-icon-button-standard-container-height: 32px; --gm3-icon-but= ton-standard-container-width: 32px; --gm3-icon-button-standard-container-sh= ape-start-start: 4px; --gm3-icon-button-standard-container-shape-start-end:= 4px; --gm3-icon-button-standard-container-shape-end-end: 4px; --gm3-icon-b= utton-standard-container-shape-end-start: 4px; --gm3-icon-button-standard-p= ressed-container-shape-start-start: 4px; --gm3-icon-button-standard-pressed= -container-shape-start-end: 4px; --gm3-icon-button-standard-pressed-contain= er-shape-end-end: 4px; --gm3-icon-button-standard-pressed-container-shape-e= nd-start: 4px; --gm3-icon-button-standard-selected-container-shape-start-st= art: 4px; --gm3-icon-button-standard-selected-container-shape-start-end: 4p= x; --gm3-icon-button-standard-selected-container-shape-end-end: 4px; --gm3-= icon-button-standard-selected-container-shape-end-start: 4px; } .docsWatermarkSidebarTextFormattingFontButtonSelected { background-color: v= ar(--gm3-sys-color-primary-container,#d3e3fd); } .docsWatermarkSidebarFontSizeDropdownSpinButton { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.25rem; --gm3-list-list-item-trailing-space: -= 1px; --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-text-fiel= d-outlined-container-height: 40px; --gm3-autocomplete-outlined-text-field-i= nput-text-size: 14px; } .docsWatermarkSidebarTabs { display: flex; flex-direction: column; flex-gro= w: 1; height: 100%; } .docsWatermarkSidebarTabContent { display: flex; flex-direction: column; ga= p: 16px; height: 100%; justify-content: space-between; } .docsWatermarkSidebarTabPanelContent { overflow: hidden scroll; height: 100= %; display: flex; flex-grow: 1; padding-left: 16px; } .docsWatermarkSidebarTextTabContent { padding-top: 16px; align-items: flex-= start; display: flex; flex-direction: column; gap: 16px; } .docsWatermarkSidebarTextField { width: 100%; } .docsWatermarkSidebarOrientationRadioButtonGroupContainer { display: flex; = flex-direction: row; gap: 8px; width: 100%; margin: -4px 0px; } .docsWatermarkSidebarScaleAutocomplete { height: 40px; width: 100%; --gm3-t= ext-field-outlined-container-height: 44px; } .docsWatermarkSidebarScaleAutocompleteContainer { display: flex; flex-direc= tion: column; gap: 8px; margin-bottom: 8px; } .docsWatermarkSidebarScaleAutocompleteLabel { color: var(--gm3-sys-color-on= -surface-variant,#444746); font-family: "Google Sans", Roboto, Arial, sans-= serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.00625rem; li= ne-height: 1rem; } .docsWatermarkSidebarSelectImageButton { --gm3-icon-button-standard-icon-si= ze: 80px; --gm3-icon-button-standard-container-height: 288px; --gm3-icon-bu= tton-standard-container-width: 288px; --gm3-icon-button-standard-container-= shape-start-start: 12px; --gm3-icon-button-standard-container-shape-start-e= nd: 12px; --gm3-icon-button-standard-container-shape-end-end: 12px; --gm3-i= con-button-standard-container-shape-end-start: 12px; --gm3-icon-button-stan= dard-pressed-container-shape-start-start: 12px; --gm3-icon-button-standard-= pressed-container-shape-start-end: 12px; --gm3-icon-button-standard-pressed= -container-shape-end-end: 12px; --gm3-icon-button-standard-pressed-containe= r-shape-end-start: 12px; --gm3-icon-button-standard-selected-container-shap= e-start-start: 12px; --gm3-icon-button-standard-selected-container-shape-st= art-end: 12px; --gm3-icon-button-standard-selected-container-shape-end-end:= 12px; --gm3-icon-button-standard-selected-container-shape-end-start: 12px;= } .docsWatermarkSidebarFooterContent { padding-bottom: 16px; } .docsWatermarkSidebarRemoveWatermarkButton { width: 100%; gap: 8px; --gm3-b= utton-outlined-with-icon-icon-size: 18px; } .docsWatermarkSidebarSectionLabelText { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; = } .docsWatermarkSidebarTransparencyContainer { display: flex; flex-direction:= column; gap: 8px; } .docsWatermarkSidebarTransparencyControls { align-items: center; display: f= lex; flex-direction: row; gap: 16px; height: 40px; } .docsWatermarkSidebarTransparencySlider { margin-inline: 0px; width: 176px;= --gm3-slider-active-track-height: 4px; --gm3-slider-handle-height: 20px; -= -gm3-slider-inactive-track-height: 4px; --gm3-slider-stop-indicator-size: 0= px; } .docsWatermarkSidebarTransparencySpinButton { --ae-spin-button-input-text-a= lign: left; --gm3-text-field-outlined-input-text-suffix-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-text-field-outlined-leading-spac= e: 8px; --gm3-text-field-outlined-trailing-space: 8px; width: 96px; } .docsWatermarkSidebarSelectImageButtonContainer { align-items: center; back= ground: var(--gm3-sys-color-surface-container-high,#e9eef6); border-radius:= 12px; display: flex; flex-direction: column; height: 288px; justify-conten= t: center; margin-top: 16px; position: relative; width: 288px; } .docsWatermarkSidebarEditViewContainer { background-position: 50% center; b= ackground-repeat: no-repeat; background-size: contain; display: flex; heigh= t: 288px; border-radius: 12px; background-color: var(--gm3-sys-color-surfac= e-container-high,#e9eef6); margin-top: 16px; position: relative; width: 288= px; } .docsWatermarkSidebarEditViewButton { bottom: 16px; position: absolute; rig= ht: 16px; --gm3-icon-button-filled-container-color: color-mix(in sRGB,var(-= -gm3-sys-color-on-surface,#1f1f1f) 60%,transparent); } .docsWatermarkSidebarEditImageButtonIcon { color: var(--gm3-sys-color-surfa= ce-container-low,#f8fafd); } .docsWatermarkSidebarSelectImageButtonLabel { color: var(--gm3-sys-color-on= -surface,#1f1f1f); font-family: "Google Sans"; font-size: 0.875rem; font-we= ight: 500; height: 20px; width: max-content; align-items: center; display: = flex; } .docsWatermarkSidebarSelectImageButtonIcon { display: flex; flex-direction:= column; align-items: center; gap: 12px; } .docsWatermarkSidebarImageOptionsButton { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.25rem; } .docsWatermarkSidebarCheckboxWithLabelContainer { display: flex; align-item= s: center; column-gap: 4px; } .docsWatermarkSidebarCheckboxLabel { font-family: "Google Sans", Roboto, Ar= ial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px= ; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .docsWatermarkSidebarCancelDoneButtons { margin-top: auto; display: flex; j= ustify-content: flex-end; align-items: flex-end; gap: 8px; } .docsWatermarkSidebarPlacementContainer { display: flex; flex-direction: co= lumn; gap: 16px; } .docsWatermarkSidebarToolbarOnIcon { color: var(--gm3-sys-color-on-primary-= container,#0842a0); } @media screen and (forced-colors: active) { .docsWatermarkSidebarToolbarOnIcon { filter: invert(100%); } } .docsWatermarkSidebarPlacementButtonGroup { display: flex; flex-direction: = row; column-gap: 8px; } .docsWatermarkSidebarPlacementButtonIcon { --gm3-icon-button-filled-disable= d-container-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-icon-but= ton-filled-selected-container-color: var(--gm3-sys-color-surface-bright,#ff= f); --gm3-icon-button-filled-unselected-container-color: var(--gm3-sys-colo= r-surface-bright,#fff); --gm3-icon-button-filled-toggle-selected-hover-stat= e-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-f= illed-toggle-unselected-hover-state-layer-color: var(--gm3-sys-color-on-sur= face,#1f1f1f); --gm3-icon-button-filled-container-height: 90px; --gm3-icon-= button-filled-container-width: 90px; --gm3-icon-button-filled-icon-size: 72= px; --gm3-icon-button-filled-focus-indicator-outline-offset: -1px; --gm3-ic= on-button-filled-container-shape-start-start: 8px; --gm3-icon-button-filled= -container-shape-start-end: 8px; --gm3-icon-button-filled-container-shape-e= nd-end: 8px; --gm3-icon-button-filled-container-shape-end-start: 8px; --gm3= -icon-button-filled-pressed-container-shape-start-start: 8px; --gm3-icon-bu= tton-filled-pressed-container-shape-start-end: 8px; --gm3-icon-button-fille= d-pressed-container-shape-end-end: 8px; --gm3-icon-button-filled-pressed-co= ntainer-shape-end-start: 8px; --gm3-icon-button-filled-selected-container-s= hape-start-start: 8px; --gm3-icon-button-filled-selected-container-shape-st= art-end: 8px; --gm3-icon-button-filled-selected-container-shape-end-end: 8p= x; --gm3-icon-button-filled-selected-container-shape-end-start: 8px; } .docsWatermarkSidebarOnIcon { outline: 2px solid var(--gm3-sys-color-primar= y,#0b57d0); border-radius: 2px; outline-offset: 8px; } .docsWatermarkSidebarPlacementButtonWithLabel { display: flex; flex-directi= on: column; justify-content: center; align-items: center; row-gap: 8px; } .docsWatermarkSidebarPlacementButtonLabel { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spac= ing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-v= ariant,#444746); } .docsWatermarkSidebarPlacementButtonGroupDisabled { user-select: none; opac= ity: 0.38; } .docsWatermarkSidebarPrimary40 { color: var(--gm3-sys-color-primary,#0b57d0= ); } .colorMenuIconContainer { height: 20px; width: 20px; } .colorMenuIconIconContainer { border-bottom-width: 4px; border-bottom-style= : solid; } .docsFontMenuSelectOutline { width: 288px; --gm3-select-shared-text-field-c= ontainer-height: 40px; --gm3-select-shared-menu-container-color: var(--gm3-= sys-color-surface,#fff); } .docsFontMenuSelectOutline .docsFontMenuDropdownButton { --gm3-dropdown-but= ton-outlined-focus-indicator-color: var(--gm3-sys-color-primary,#0b57d0); -= -gm3-dropdown-button-outlined-focus-indicator-outline-offset: -2px; --gm3-d= ropdown-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); --gm3-dropdown-button-outlined-hover-label-text-color: var(--= gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-outlined-hover-sta= te-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-drop= down-button-outlined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f= 1f); --gm3-dropdown-button-outlined-label-text-size: 16px; --gm3-dropdown-b= utton-outlined-label-text-weight: 400; --gm3-dropdown-button-outlined-press= ed-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdow= n-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-dropdown-button-outlined-with-icon-hover-icon-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-o= utlined-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-dropdown-button-outlined-with-icon-icon-size: 24px; --gm3-dropdow= n-button-outlined-container-shape-start-start: 4px; --gm3-dropdown-button-o= utlined-container-shape-start-end: 4px; --gm3-dropdown-button-outlined-cont= ainer-shape-end-end: 4px; --gm3-dropdown-button-outlined-container-shape-en= d-start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-start-= start: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-start-en= d: 4px; --gm3-dropdown-button-outlined-pressed-container-shape-end-end: 4px= ; --gm3-dropdown-button-outlined-pressed-container-shape-end-start: 4px; ju= stify-content: space-between; inline-size: 100%; } .docsFontMenuItemFont { --menu-select-font-family: "Arial"; } .docsFontMenuItem { --gm3-list-list-item-label-text-font: var(--menu-select= -font-family); --gm3-list-list-item-leading-icon-size: 18px; --gm3-list-lis= t-item-content-gap: 18px; --gm3-list-list-item-fallback-selection-end-margi= n: 0; --gm3-list-list-item-fallback-selection-content-gap: 18px; } .docsFontMenuAlignedIcon { align-self: center; display: inline-flex; } .docsFontMenuDropdownMenu { --gm3-list-list-item-label-text-size: 16px; --g= m3-menu-list-item-label-text-size: 16px; --gm3-menu-container-color: var(--= gm3-sys-color-surface,#fff); inline-size: 288px; margin-right: 21px; z-inde= x: 1003; } .appsElementsSpinButtonDropdownRoot { text-align: center; } .appsElementsSpinButtonDropdownInput { text-align: var(--ae-spin-button-inp= ut-text-align,center); } .appsElementsSpinButtonDropdownAutocomplete { height: fit-content; width: v= ar(--ae-spin-button-input-container-width,64px); margin: 4px; --gm3-autocom= plete-outlined-text-field-input-text-font: "Google Sans"; --gm3-autocomplet= e-outlined-text-field-input-text-line-height: var(--ae-spin-button-input-te= xt-line-height,1.25rem); --gm3-autocomplete-outlined-text-field-input-text-= size: var(--ae-spin-button-input-text-size,0.875rem); --gm3-autocomplete-ou= tlined-text-field-input-text-tracking: var(--ae-spin-button-input-text-trac= king,0rem); --gm3-autocomplete-outlined-text-field-input-text-weight: var(-= -ae-spin-button-input-text-weight,400); --gm3-autocomplete-outlined-menu-co= ntainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-autoco= mplete-outlined-menu-list-item-label-text-font: "Google Sans"; } .appsElementsSpinButtonDropdownHorizontalSpinButtonRoot { display: flex; al= ign-items: center; width: fit-content; } .bordersShadingDialogContainer { --pjsEwc: 360px; } .bordersShadingDialogDash { width: 45px; margin-bottom: 4px; display: inlin= e-block; } .bordersShadingDialogOnIcon { color: var(--gm3-sys-color-on-primary-contain= er,#0842a0); } @media screen and (forced-colors: active) { .bordersShadingDialogOnIcon { filter: invert(100%); } } .bordersShadingDialogSection { font-family: "Google Sans", Roboto, Arial, s= ans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line= -height: 1.25rem; display: flex; padding: 4px 0px; align-items: baseline; j= ustify-content: space-between; color: var(--gm3-sys-color-on-surface,#1f1f1= f); } .bordersShadingDialogBorderDashSection { align-items: center; } .bordersShadingDialogColorPickerSection { padding: 0px; } .bordersShadingDialogBorderPosition { --gm3-icon-button-outlined-container-= height: 44px; --gm3-icon-button-outlined-container-width: 44px; --gm3-icon-= button-outlined-selected-container-color: var(--gm3-sys-color-primary-conta= iner,#d3e3fd); --gm3-icon-button-outlined-container-shape-start-start: 4px;= --gm3-icon-button-outlined-container-shape-start-end: 4px; --gm3-icon-butt= on-outlined-container-shape-end-end: 4px; --gm3-icon-button-outlined-contai= ner-shape-end-start: 4px; --gm3-icon-button-outlined-pressed-container-shap= e-start-start: 4px; --gm3-icon-button-outlined-pressed-container-shape-star= t-end: 4px; --gm3-icon-button-outlined-pressed-container-shape-end-end: 4px= ; --gm3-icon-button-outlined-pressed-container-shape-end-start: 4px; --gm3-= icon-button-outlined-selected-container-shape-start-start: 4px; --gm3-icon-= button-outlined-selected-container-shape-start-end: 4px; --gm3-icon-button-= outlined-selected-container-shape-end-end: 4px; --gm3-icon-button-outlined-= selected-container-shape-end-start: 4px; } .bordersShadingDialogBorderPositionSection { padding-top: 10px; } .bordersShadingDialogBorderPositionIndividual { padding-left: 8px; } .bordersShadingDialogPositionText { padding-right: 20px; } .bordersShadingDialogSelect { width: 110px; --gm3-select-shared-text-field-= container-height: 40px; --gm3-select-shared-text-field-input-text-size: 14p= x; --gm3-select-outlined-text-field-container-shape: 4px; --gm3-select-outl= ined-text-field-container-shape-start-start: 4px; --gm3-select-outlined-tex= t-field-container-shape-start-end: 4px; --gm3-select-outlined-text-field-co= ntainer-shape-end-end: 4px; --gm3-select-outlined-text-field-container-shap= e-end-start: 4px; } .bordersShadingDialogColorPicker { --gm3-dropdown-button-outlined-container= -min-width: 110px; --gm3-dropdown-button-outlined-container-justify-content= : space-between; --gm3-dropdown-button-outlined-with-icon-icon-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-= with-leading-icon-trailing-space: 12px; --gm3-dropdown-button-outlined-cont= ainer-shape-start-start: 4px; --gm3-dropdown-button-outlined-container-shap= e-start-end: 4px; --gm3-dropdown-button-outlined-container-shape-end-end: 4= px; --gm3-dropdown-button-outlined-container-shape-end-start: 4px; --gm3-dr= opdown-button-outlined-pressed-container-shape-start-start: 4px; --gm3-drop= down-button-outlined-pressed-container-shape-start-end: 4px; --gm3-dropdown= -button-outlined-pressed-container-shape-end-end: 4px; --gm3-dropdown-butto= n-outlined-pressed-container-shape-end-start: 4px; } .appsKixClientUiWizChapterItemContentEl { --mosaic-icon-button-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-icon= -size: 20px; --gm3-icon-button-standard-selected-focus-icon-color: var(--mo= saic-icon-button-color); --gm3-icon-button-standard-selected-hover-icon-col= or: var(--mosaic-icon-button-color); --gm3-icon-button-standard-selected-ic= on-color: var(--mosaic-icon-button-color); --gm3-icon-button-standard-selec= ted-pressed-icon-color: var(--mosaic-icon-button-color); --gm3-icon-button-= standard-unselected-focus-icon-color: var(--mosaic-icon-button-color); --gm= 3-icon-button-standard-unselected-hover-icon-color: var(--mosaic-icon-butto= n-color); --gm3-icon-button-standard-unselected-icon-color: var(--mosaic-ic= on-button-color); --gm3-icon-button-standard-unselected-pressed-icon-color:= var(--mosaic-icon-button-color); font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; l= ine-height: 1.25rem; align-items: center; block-size: 36px; border-radius: = 9999px; box-sizing: border-box; color: var(--gm3-sys-color-on-surface-varia= nt,#444746); cursor: pointer; display: flex; flex-direction: row; inline-si= ze: 266px; justify-content: flex-start; position: relative; } .appsKixClientUiWizChapterItemContentSelected { --mosaic-icon-button-color:= var(--gm3-sys-color-on-primary-container,#0842a0); color: var(--gm3-sys-co= lor-on-primary-container,#0842a0); } .appsKixClientUiWizChapterItemContentDragging { opacity: 0.38; } .appsKixClientUiWizChapterItemContentFocusRingContainer { block-size: 100%;= inline-size: 100%; left: 0px; position: absolute; top: 0px; } :focus-visible > .appsKixClientUiWizChapterItemContentEl > .appsKixClientUi= WizChapterItemContentFocusRingContainer { --H6apye: block; --vTiv8c: 12px; = --UtHrue: 12px; --uHecC: 12px; --C8LWjb: 12px; } .appsKixClientUiWizChapterItemContentDraggedOverInto { outline: 2px solid v= ar(--gm3-sys-color-primary,#0b57d0); } .appsKixClientUiWizChapterItemContentDragIndicatorBar { background-color: v= ar(--gm3-sys-color-primary,#0b57d0); block-size: 2px; inline-size: 100%; le= ft: 0px; pointer-events: none; position: absolute; right: 0px; visibility: = hidden; } .appsKixClientUiWizChapterItemContentDraggedOverBefore .appsKixClientUiWizC= hapterItemContentDragIndicatorBar { top: -1px; visibility: visible; } .appsKixClientUiWizChapterItemContentDraggedOverAfter .appsKixClientUiWizCh= apterItemContentDragIndicatorBar { bottom: -1px; visibility: visible; } .appsKixClientUiWizChapterItemContentOverflowMenu { z-index: 101; } .appsKixClientUiWizChapterItemContentLevel0 { padding-inline-start: 4px; } .appsKixClientUiWizChapterItemContentLevel0 > .appsKixClientUiWizChapterIte= mContentTitleAndEmojiContainer:nth-child(2) { margin-inline-start: 8px; } .appsKixClientUiWizChapterItemContentLevel1 { padding-inline-start: 26px; } .appsKixClientUiWizChapterItemContentLevel2 { padding-inline-start: 76px; } .appsKixClientUiWizChapterItemContentLevel1 > .appsKixClientUiWizChapterIte= mContentTitleAndEmojiContainer:nth-child(2), .appsKixClientUiWizChapterItem= ContentLevel2 > .appsKixClientUiWizChapterItemContentTitleAndEmojiContainer= :nth-child(2) { margin-inline-start: 24px; } .appsKixClientUiWizChapterItemContentTitleAndEmojiContainer { align-items: = center; display: flex; flex-direction: row; } .appsKixClientUiWizChapterItemContentOverflowButtonContainer { align-items:= center; display: flex; flex-direction: row; margin-inline-start: auto; } .appsKixClientUiWizChapterItemContentCollapseToggleButton { --gm3-icon-butt= on-standard-container-height: 24px; --gm3-icon-button-standard-container-wi= dth: 24px; --gm3-icon-button-standard-icon-size: 20px; } .appsKixClientUiWizChapterItemContentSubchapterItem { margin-inline-start: = 16px; } .documentMetricsDialogCheckboxRow { padding-top: 2px; margin-bottom: -20px;= --gm3-checkbox-focus-indicator-outline-offset: -1px; } .documentMetricsDialogContentContainer { font-size: unset; } .documentMetricsDialogRow { padding: 14px 0px; border-bottom: solid 2px var= (--gm3-sys-color-outline,#747775); } .documentMetricsDialogCounts { min-width: 180px; } .documentMetricsDialogRow.documentMetricsDialogValues { text-align: right; = width: 85px; } .documentMetricsDialogTable { --gm3-data-table-outline-width: 0; --gm3-data= -table-row-item-unselected-container-color: transparent; width: 100%; borde= r-spacing: 0px; } .javascriptMaterialdesignGm3WizDatatable-data-table { border-style: solid; = box-sizing: border-box; display: inline-flex; flex-direction: column; isola= tion: isolate; overflow: hidden; position: relative; border-color: var(--gm= 3-data-table-outline-color,var(--gm3-sys-color-outline-variant,#c4c7c5)); b= order-radius: var(--gm3-data-table-container-shape,4px); border-width: var(= --gm3-data-table-outline-width,1px); } .javascriptMaterialdesignGm3WizDatatable-data-table__table-container { over= flow-x: auto; inline-size: 100%; block-size: var(--gm3-data-table-container= -block-size,auto); } .javascriptMaterialdesignGm3WizDatatable-data-table__table { border-spacing= : 0px; border: 0px; min-inline-size: 100%; white-space: nowrap; table-layou= t: fixed; padding: var(--gm3-data-table-table-padding,0); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:first-chil= d { border-start-start-radius: var(--gm3-data-table-container-shape,4px); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:last-child= { border-start-end-radius: var(--gm3-data-table-container-shape,4px); } .javascriptMaterialdesignGm3WizDatatable-data-table--without-footer .javasc= riptMaterialdesignGm3WizDatatable-data-table__row:last-child > .javascriptM= aterialdesignGm3WizDatatable-data-table__cell:first-child { border-end-star= t-radius: var(--gm3-data-table-container-shape,4px); } .javascriptMaterialdesignGm3WizDatatable-data-table--without-footer .javasc= riptMaterialdesignGm3WizDatatable-data-table__row:last-child > .javascriptM= aterialdesignGm3WizDatatable-data-table__cell:last-child { border-end-end-r= adius: var(--gm3-data-table-container-shape,4px); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-row { block-siz= e: var(--gm3-data-table-header-container-height,56px); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell { box-sizi= ng: border-box; text-overflow: ellipsis; overflow: hidden; outline: none; t= ext-align: start; background-color: var(--gm3-data-table-header-container-c= olor,var(--gm3-sys-color-surface,#fff)); color: var(--gm3-data-table-header= -headline-color,var(--gm3-sys-color-on-surface-variant,#444746)); font-fami= ly: var(--gm3-data-table-header-headline-font,"Google Sans Flex","Google Sa= ns Text","Google Sans",Roboto,Arial,sans-serif); font-size: var(--gm3-data-= table-header-headline-size,.875rem); font-weight: var(--gm3-data-table-head= er-headline-weight,500); letter-spacing: var(--gm3-data-table-header-headli= ne-tracking,0); line-height: var(--gm3-data-table-header-headline-line-heig= ht,1.25rem); font-variation-settings: var(--gm3-data-table-header-headline-= font-variation-settings,initial); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:not(.javas= criptMaterialdesignGm3WizDatatable-data-table__header-cell--checkbox) { col= or: var(--gm3-data-table-header-headline-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort= :hover { color: var(--gm3-data-table-header-hover-headline-color,var(--gm3-= sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell .javascrip= tMaterialdesignGm3WizDatatable-data-table__sort-icon-button { --gm3-icon-bu= tton-standard-unselected-icon-color: var(--gm3-data-table-header-headline-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort= :hover .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-butto= n { --gm3-icon-button-standard-unselected-icon-color: var(--gm3-data-table-= header-hover-sorting-icon-button-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); } .javascriptMaterialdesignGm3WizDatatable-data-table--sticky-header .javascr= iptMaterialdesignGm3WizDatatable-data-table__header-cell { position: sticky= ; inset-block-start: 0px; z-index: 1; } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell-wrapper { = align-items: center; display: inline-flex; vertical-align: middle; } .javascriptMaterialdesignGm3WizDatatable-data-table__cell { box-sizing: bor= der-box; overflow: hidden; text-align: start; text-overflow: ellipsis; colo= r: var(--gm3-data-table-row-item-label-text-color,var(--gm3-sys-color-on-su= rface,#1f1f1f)); font-family: var(--gm3-data-table-row-item-label-text-font= ,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-seri= f); font-size: var(--gm3-data-table-row-item-label-text-size,.875rem); font= -weight: var(--gm3-data-table-row-item-label-text-weight,400); letter-spaci= ng: var(--gm3-data-table-row-item-label-text-tracking,0); line-height: var(= --gm3-data-table-row-item-label-text-line-height,1.25rem); font-variation-s= ettings: var(--gm3-data-table-row-item-label-text-font-variation-settings,i= nitial); } .javascriptMaterialdesignGm3WizDatatable-data-table__cell, .javascriptMater= ialdesignGm3WizDatatable-data-table__header-cell { border-block-end-color: = var(--gm3-data-table-row-item-outline-color,var(--gm3-sys-color-outline-var= iant,#c4c7c5)); border-block-end-style: solid; border-block-end-width: var(= --gm3-data-table-row-item-outline-width,1px); padding-block: 0px; padding-i= nline: 16px; } .javascriptMaterialdesignGm3WizDatatable-data-table__cell--checkbox, .javas= criptMaterialdesignGm3WizDatatable-data-table__header-cell--checkbox { padd= ing-inline: 4px; inline-size: 1px; } .javascriptMaterialdesignGm3WizDatatable-data-table__cell--numeric, .javasc= riptMaterialdesignGm3WizDatatable-data-table__header-cell--numeric { text-a= lign: end; } .javascriptMaterialdesignGm3WizDatatable-data-table__row:last-child > .java= scriptMaterialdesignGm3WizDatatable-data-table__cell { border-block-end: no= ne; } .javascriptMaterialdesignGm3WizDatatable-data-table__row { background-color= : var(--gm3-data-table-row-item-unselected-container-color,var(--gm3-sys-co= lor-surface,#fff)); block-size: var(--gm3-data-table-row-item-container-hei= ght,52px); } .javascriptMaterialdesignGm3WizDatatable-data-table__row--selected { backgr= ound-color: var(--gm3-data-table-row-item-selected-container-color,var(--gm= 3-sys-color-surface-container-highest,#dde3ea)); } .javascriptMaterialdesignGm3WizDatatable-data-table__row:not(.javascriptMat= erialdesignGm3WizDatatable-data-table__row--selected):hover .javascriptMate= rialdesignGm3WizDatatable-data-table__cell { background-color: var(--gm3-da= ta-table-row-item-unselected-hover-state-layer-color,rgba(var(--gm3-sys-col= or-on-surface-rgb,31,31,31),.08)); } .javascriptMaterialdesignGm3WizDatatable-data-table__row--selected:hover .j= avascriptMaterialdesignGm3WizDatatable-data-table__cell { background-color:= var(--gm3-data-table-row-item-selected-hover-state-layer-color,rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.08)); } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination { box-sizin= g: border-box; display: flex; justify-content: flex-end; background-color: = var(--gm3-data-table-footer-container-color,var(--gm3-sys-color-surface,#ff= f)); border-block-start-color: var(--gm3-data-table-row-item-outline-color,= var(--gm3-sys-color-outline-variant,#c4c7c5)); border-block-start-style: so= lid; border-block-start-width: var(--gm3-data-table-row-item-outline-width,= 1px); font-family: var(--gm3-data-table-footer-supporting-text-font,"Google= Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); font= -size: var(--gm3-data-table-footer-supporting-text-size,.875rem); font-weig= ht: var(--gm3-data-table-footer-supporting-text-weight,400); letter-spacing= : var(--gm3-data-table-footer-supporting-text-tracking,0); line-height: var= (--gm3-data-table-footer-supporting-text-line-height,1.25rem); min-block-si= ze: var(--gm3-data-table-footer-container-height,52px); font-variation-sett= ings: var(--gm3-data-table-footer-supporting-text-font-variation-settings,i= nitial); } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-button { ma= rgin-inline-end: 8px; } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-trailing { = align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-= end; margin-inline-start: 4px; } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-navigation = { align-items: center; display: flex; } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-total { mar= gin-inline: 14px 36px; white-space: nowrap; color: var(--gm3-data-table-foo= ter-supporting-text-color,var(--gm3-sys-color-on-surface-variant,#444746));= } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-pa= ge { align-items: center; display: inline-flex; margin-inline-end: 22px; } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-pa= ge-label { margin-inline-end: 12px; white-space: nowrap; color: var(--gm3-d= ata-table-footer-supporting-text-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); } .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button { mar= gin-inline-start: 4px; transform: rotate(0.0001deg); transition: transform = 0.15s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--sorted .j= avascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button, .javas= criptMaterialdesignGm3WizDatatable-data-table__header-cell:hover .javascrip= tMaterialdesignGm3WizDatatable-data-table__sort-icon-button, .javascriptMat= erialdesignGm3WizDatatable-data-table__sort-icon-button:focus { opacity: 1;= } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--numeric .= javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button { marg= in-inline: 0px 4px; } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--sorted-de= scending .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-but= ton { transform: rotate(-180deg); } .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort= { cursor: pointer; } .javascriptMaterialdesignGm3WizDatatable-data-table__sort-status-label { cl= ip: rect(1px, 1px, 1px, 1px); block-size: 1px; overflow: hidden; position: = absolute; white-space: nowrap; inline-size: 1px; } .javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-pa= ge-select { margin-block: 8px; margin-inline: 0px; min-inline-size: 80px; -= -gm3-select-shared-text-field-container-width: 100%; --gm3-select-shared-te= xt-field-container-height: 36px; --gm3-select-shared-menu-list-item-one-lin= e-container-height: 36px; } .javascriptMaterialdesignGm3WizDatatable-data-table__progress-indicator-cel= l { padding: 0px; } .javascriptMaterialdesignGm3WizDatatable-data-table__progress-indicator { w= idth: 100%; } .javascriptMaterialdesignGm3WizDatatable-data-table__scrim { block-size: 10= 0%; position: absolute; inset-block-start: 0px; inline-size: 100%; backgrou= nd-color: var(--gm3-sys-color-surface,#fff); opacity: 0.32; } .appsKixClientUiWizHeaderFooterSurfaceHeaderFooterSurface { align-items: ce= nter; background-color: var(--gm3-sys-color-surface-container-low,#f8fafd);= border-block: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); bord= er-radius: 0px; box-shadow: none; display: flex; flex-wrap: wrap; font-size= : 0.6875rem; height: 32px; overflow: hidden; padding: 2px 0px; --gm3-checkb= ox-container-size: 16px; --gm3-checkbox-state-layer-size: 28px; --gm3-check= box-touch-target-size: 0px; --gm3-checkbox-label-text-size: 0.75rem; --gm3-= checkbox-control-label-space: 4px; --gm3-dropdown-button-text-container-hei= ght: 28px; --gm3-dropdown-button-text-label-text-size: 0.875rem; --gm3-drop= down-button-text-label-text-weight: 500; --gm3-dropdown-button-text-leading= -space: 12px; --gm3-dropdown-button-text-trailing-space: 4px; } .appsKixClientUiWizHeaderFooterSurfaceCenteringWrapper { align-items: cente= r; display: flex; flex-flow: wrap; position: absolute; width: 100%; } .appsKixClientUiWizHeaderFooterSurfaceDescription { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lett= er-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); flex-grow: 1; padding: 0px 16px; user-select: none; } .appsKixClientUiWizHeaderFooterSurfaceControls { display: flex; flex-direct= ion: row; gap: 8px; } .appsKixClientUiWizHeaderFooterSurfaceOptionsButton { margin-right: 16px; } .appsKixClientUiWizHeaderFooterSurfaceDropdownMenuSurface { z-index: 502; } .appsKixClientUiWizMiniChapterSwitcherSurfaceMiniChapterSwitcherSurface { l= eft: 0px; position: absolute; top: 0px; z-index: 600; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbVariant, .appsKixCli= entUiWizMiniChapterSwitcherSurfaceDefaultVariant { --horizontal-ruler-adjus= t: 0px; --vertical-ruler-adjust: 0px; --cover-image-offset: 0px; position: = absolute; } .appsKixClientUiWizMiniChapterSwitcherSurfaceDefaultVariant { --base-left-o= ffset-default: 50px; --base-top-offset-default: 20px; left: calc(var(--base= -left-offset-default) + var(--vertical-ruler-adjust) + var(--cover-image-of= fset)); top: calc(var(--base-top-offset-default) + var(--horizontal-ruler-a= djust) + var(--cover-image-offset)); } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbVariant { --base-lef= t-offset-breadcrumb: 16px; --base-top-offset-breadcrumb: 16px; left: calc(v= ar(--base-left-offset-breadcrumb) + var(--vertical-ruler-adjust) + var(--co= ver-image-offset)); top: calc(var(--base-top-offset-breadcrumb) + var(--hor= izontal-ruler-adjust) + var(--cover-image-offset)); } .appsKixClientUiWizMiniChapterSwitcherSurfaceHorizontalRulerAdjustment { --= horizontal-ruler-adjust: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceVerticalRulerAdjustment { --ve= rtical-ruler-adjust: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceCoverImageStandardOffset { --b= ase-left-offset-default: 16px; --base-top-offset-default: 16px; --base-left= -offset-breadcrumb: 16px; --base-top-offset-breadcrumb: 16px; --cover-image= -offset: 8px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceCoverImageSecondaryViewOffset = { --base-left-offset-default: 8px; --base-top-offset-default: 8px; --cover-= image-offset: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceHubMode { --base-left-offset-d= efault: 18px; --base-top-offset-default: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceMoleMode { --base-left-offset-= default: 16px; --base-top-offset-default: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfacePreviewMode { --base-left-offs= et-default: 16px; --base-top-offset-default: 30px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceCslvMode, .appsKixClientUiWizM= iniChapterSwitcherSurfaceRevisionHistoryMode { --base-left-offset-default: = 16px; --base-top-offset-default: 16px; --base-left-offset-breadcrumb: 16px;= --base-top-offset-breadcrumb: 16px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceTemplateDetailsMode { --base-l= eft-offset-default: 14px; --base-top-offset-default: 114px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceNonWhiteBackgroundDefaultVaria= nt { left: calc(50px + var(--vertical-ruler-adjust) + var(--cover-image-off= set)); top: calc(20px + var(--horizontal-ruler-adjust) + var(--cover-image-= offset)); } .appsKixClientUiWizMiniChapterSwitcherSurfaceChapterItem { --gm3-list-list-= item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-= list-item-label-text-line-height: 1.25rem; --gm3-list-list-item-label-text-= size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-= list-item-label-text-weight: 400; --gm3-list-list-item-leading-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-leadi= ng-icon-size: 20px; --gm3-list-list-item-trailing-icon-size: 20px; --gm3-li= st-list-item-control-selected-label-text-color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); --gm3-list-list-item-control-selected-label-text-weight: 400;= --gm3-list-list-item-control-selected-leading-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-list-list-item-fallback-selection-en= d-margin: 0; align-self: stretch; align-items: center; background-color: va= r(--gm3-sys-color-surface,#fff); display: flex; gap: 12px; min-height: 32px= ; padding: 0px 12px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSelectedChapterItem { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 400; letter-spacing: 0px; line-height: 1.25rem; --gm3-list-list-item-= label-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm= 3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-secondary-conta= iner,#004a77); --gm3-list-list-item-trailing-icon-color: var(--gm3-sys-colo= r-on-secondary-container,#004a77); --gm3-list-list-item-control-selected-la= bel-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-= list-list-item-control-selected-leading-icon-color: var(--gm3-sys-color-on-= secondary-container,#004a77); --gm3-list-list-item-control-selected-trailin= g-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-li= st-list-item-fallback-selection-end-margin: 0; background: var(--gm3-sys-co= lor-secondary-container,#c2e7ff); } .appsKixClientUiWizMiniChapterSwitcherSurfaceMenuContainer { align-items: c= enter; background-color: var(--gm3-sys-color-surface,#fff); display: flex; = gap: 10px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceMenuList { max-height: 272px; = width: 268px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceIndentLevel1 { padding-left: 4= 4px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceIndentLevel2 { padding-left: 7= 6px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceDropdownButton { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.25rem; --gm3-dropdown-button-fill= ed-container-color: var(--gm3-sys-color-surface-container-high,#e9eef6); --= gm3-dropdown-button-filled-container-height: 32px; --gm3-dropdown-button-fi= lled-dropdown-icon-label-space: 0px; --gm3-dropdown-button-filled-hover-con= tainer-elevation: 0; --gm3-dropdown-button-filled-hover-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-fille= d-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-dropdown-button-filled-hover-state-layer-opacity: 8%; --gm3-dropdown= -button-filled-label-text-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-dropdown-button-filled-leading-space: 12px; --gm3-dropdown-but= ton-filled-pressed-state-layer-opacity: 10%; --gm3-dropdown-button-filled-p= ressed-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-dropdown-button-filled-with-icon-icon-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-dropdown-button-filled-with-icon-focus-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-butto= n-filled-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-dropdown-button-filled-with-icon-pressed-icon-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-filled-wi= th-icon-icon-size: 20px; --gm3-dropdown-button-filled-with-leading-icon-lea= ding-space: 12px; --gm3-dropdown-button-filled-with-leading-icon-trailing-s= pace: 8px; --gm3-dropdown-button-filled-pressed-state-layer-color: var(--gm= 3-sys-color-on-surface-variant,#444746); gap: 8px; max-width: 184px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceDropdownButtonPageless { --gm3= -dropdown-button-filled-container-color: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcher { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = letter-spacing: 0px; line-height: 1.25rem; --sbadab: var(--gm3-sys-color-on= -surface-variant,#444746); --hSHBee: 0.08; --F1tVH: var(--gm3-sys-color-on-= surface-variant,#444746); --kDWEsd: 0.1; --vTiv8c: 100px; --UtHrue: 100px; = --uHecC: 100px; --C8LWjb: 100px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcher:focus-visible { --H6a= pye: block; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcher { align-items: center= ; background-color: var(--gm3-sys-color-surface-container-high,#e9eef6); bl= ock-size: 36px; border-width: medium; border-style: none; border-color: cur= rentcolor; border-image: none; border-radius: 9999px; display: flex; gap: 6= px; height: 36px; justify-content: flex-start; max-width: 190px; min-inline= -size: 0px; outline: none; overflow: hidden; padding: 0px 12px 0px 4px; tex= t-overflow: ellipsis; transition: max-width 0.2s cubic-bezier(0.2, 0, 0, 1)= 0.05s; white-space: nowrap; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcherMinimized { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weigh= t: 500; letter-spacing: 0.00625rem; line-height: 1rem; gap: 4px; padding-ri= ght: 6px; transition: width 0.2s cubic-bezier(0.2, 0, 0, 1) 0.1s; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcherMinimizedTripleDigitCh= apterCount { padding-right: 2px; gap: 0px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcherNonWhiteBackground { b= order: 1px solid var(--gm3-sys-color-surface-dim,#d3dbe5); } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcherNoText { background-co= lor: var(--gm3-sys-color-surface-container-high,#e9eef6); gap: 0px; justify= -content: flex-start; padding: 4px; width: 36px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcherPageless { background-= color: var(--gm3-sys-color-surface-container,#f0f4f9); } .appsKixClientUiWizMiniChapterSwitcherSurfaceSwitcher:focus, .appsKixClient= UiWizMiniChapterSwitcherSurfaceSwitcher:focus-visible { outline: none; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainer { alig= n-items: center; display: flex; height: 28px; justify-content: center; widt= h: 28px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainerMultiCh= apter { background-color: var(--gm3-sys-color-surface-dim,#d3dbe5); border-= radius: 9999px; position: relative; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainerMultiCh= apterPageless { background-color: var(--gm3-sys-color-surface-container-hig= hest,#dde3ea); } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainerMultiCh= apter::after { background-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); border-radius: inherit; content: ""; inset: 0px; opacity: 0; pointer= -events: none; position: absolute; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainerMultiCh= apter:hover::after { opacity: 0.08; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconContainerMultiCh= apter:active::after, .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrum= bIconContainerMultiChapter:focus-visible::after { opacity: 0.1; } .appsKixClientUiWizMiniChapterSwitcherSurfaceBreadcrumbIconAndLabel { align= -items: center; color: var(--gm3-sys-color-on-surface-variant,#444746); dis= play: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;= position: relative; } .appsKixClientUiWizMiniChapterSwitcherSurfaceLabel { align-items: center; d= isplay: flex; height: 100%; overflow: hidden; text-overflow: ellipsis; whit= e-space: nowrap; } .appsKixClientUiWizMiniChapterSwitcherSurfaceAnchor { display: flex; height= : 100%; } .appsKixClientUiWizMiniChapterSwitcherSurfaceTooltip { align-items: center;= display: flex; height: 36px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceIconTooltip { align-items: cen= ter; display: flex; height: 28px; } .appsKixClientUiWizMiniChapterSwitcherSurfaceChapterTitle { color: var(--gm= 3-sys-color-on-surface-variant,#444746); display: inline-block; margin-left= : 2px; max-width: 134px; opacity: 1; overflow: hidden; text-overflow: ellip= sis; white-space: nowrap; transition: margin-left 0.2s cubic-bezier(0.2, 0,= 0, 1) 0.05s, max-width 0.2s cubic-bezier(0.2, 0, 0, 1) 0.05s, opacity 0.2s= cubic-bezier(0.2, 0, 0, 1) 0.05s; } .appsKixClientUiWizMiniChapterSwitcherSurfaceChapterTitleHidden { margin-le= ft: -8px; max-width: 0px; opacity: 0; position: absolute; transition: margi= n-left 0.1s cubic-bezier(0.2, 0, 0, 1), max-width 0.1s cubic-bezier(0.2, 0,= 0, 1), opacity 0.1s cubic-bezier(0.2, 0, 0, 1); } .appsKixClientUiWizMiniChapterSwitcherSurfaceChapterCount { color: var(--gm= 3-sys-color-on-surface-variant,#444746); display: inline-block; margin-left= : 1px; opacity: 1; transition: margin-left 0.2s cubic-bezier(0.2, 0, 0, 1) = 0.15s, opacity 0.2s cubic-bezier(0.2, 0, 0, 1) 0.15s; } .appsKixClientUiWizMiniChapterSwitcherSurfaceChapterCountHidden { margin-le= ft: -4px; opacity: 0; position: absolute; pointer-events: none; transition:= margin-left 0.1s cubic-bezier(0.2, 0, 0, 1), opacity 0.1s cubic-bezier(0.2= , 0, 0, 1); } .appsKixClientUiWizNavigationSurfaceSurfaceWrapper { height: 100%; position= : relative; } .appsKixClientUiWizNavigationSurfaceNavigationSurface { box-sizing: border-= box; display: flex; flex-direction: column; height: 100%; padding: 12px 0px= 0px 12px; } .appsKixClientUiWizNavigationSurfaceNavigationHeader { block-size: 32px; di= splay: flex; inline-size: 100%; padding: 4px 0px 4px 6px; } .appsKixClientUiWizNavigationSurfaceBackButton { --gm3-icon-button-standard= -container-height: 40px; --gm3-icon-button-standard-container-width: 40px; = --gm3-icon-button-standard-icon-size: 24px; --gm3-icon-button-standard-touc= h-target-size: 40px; } .appsKixClientUiWizOutlineSectionContainer { box-sizing: border-box; flex-g= row: 1; inline-size: 272px; overflow: hidden scroll; padding-right: 12px; p= osition: relative; scroll-margin-inline-end: 12px; scrollbar-gutter: stable= ; } .appsKixClientUiWizOutlineSectionOutlineHeaderSection { align-items: center= ; display: flex; inline-size: 100%; justify-content: space-between; padding= : 16px 4px 16px 16px; } .appsKixClientUiWizOutlineSectionHeading { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0px; line-heigh= t: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); font-we= ight: 700; } .appsKixClientUiWizOutlineSectionHeaderAddChapterButtonContainer { padding:= 8px; } .appsKixClientUiWizOutlineSectionHeaderAddChapterButton { --gm3-icon-button= -standard-container-height: 28px; --gm3-icon-button-standard-container-widt= h: 28px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-stan= dard-touch-target-size: 28px; } .appsKixClientUiWizTopLevelChapterContainerTreeItem { outline: none; } .kixTranslateDialogHeading { font-size: 1rem; } .kixTranslateDialogLanguageSelect { padding-top: 20px; width: 400px; } .kixTranslateDialogBreak { flex-basis: 100%; height: 0px; } .kixTranslateDialogTitleInput { padding-top: 20px; width: 400px; } .minReproDialogDialog { --rimZob: 650px; --Tlqqfc: 900px; --WhNlI: 650px; -= -pjsEwc: 900px; } .minReproDialogHTMLtext { width: 100%; } .a11ySettingsDialogList { list-style: none; } .a11ySettingsDialogFirstLayerList { padding-inline-start: 0px; } .a11ySettingsDialogCheckboxSection { padding-bottom: 5px; display: flex; fl= ex-direction: column; } .a11ySettingsDialogCheckboxLabel { font-size: 0.875rem; } .a11ySettingsDialogCheckboxDescription { font-size: 0.75rem; padding-right:= 3px; } .a11ySettingsDialogCheckboxDescriptionWrapper { margin-top: -12px; padding-= left: 56px; } .a11ySettingsDialogIcon { width: 20px; height: 20px; margin-left: 4px; } .a11ySettingsDialogIcon { --gm3-icon-button-standard-container-height: 20px= ; --gm3-icon-button-standard-container-width: 20px; --gm3-icon-button-stand= ard-icon-size: 20px; } .a11ySettingsDialogRestoreBrailleText { padding-right: 1px; } .a11ySettingsDialogFooter { display: flex; gap: 3px; } .appsDocsAiDocgenUiWizDocgenFailureToastButtonsContainer { align-items: cen= ter; display: flex; flex-direction: row; --gm3-button-text-container-height= : 36px; --gm3-button-text-label-text-color: var(--gm3-sys-color-inverse-pri= mary,#a8c7fa); --gm3-button-text-hover-label-text-color: var(--gm3-sys-colo= r-inverse-primary,#a8c7fa); --gm3-button-text-focus-label-text-color: var(-= -gm3-sys-color-inverse-primary,#a8c7fa); --gm3-button-text-hover-state-laye= r-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-button-text= -hover-state-layer-opacity: 0.08; --gm3-button-text-pressed-state-layer-col= or: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-button-stan= dard-unselected-hover-state-layer-color: var(--gm3-sys-color-inverse-on-sur= face,#f2f2f2); --gm3-icon-button-standard-unselected-hover-state-layer-opac= ity: 0.08; } .appsDocsAiDocgenUiWizDocgenFeedbackToastButtonsContainer { align-items: ce= nter; display: flex; flex-direction: row; --gm3-button-text-container-heigh= t: 36px; --gm3-button-text-label-text-color: var(--gm3-sys-color-inverse-pr= imary,#a8c7fa); --gm3-button-text-hover-label-text-color: var(--gm3-sys-col= or-inverse-primary,#a8c7fa); --gm3-button-text-focus-label-text-color: var(= --gm3-sys-color-inverse-primary,#a8c7fa); --gm3-button-text-hover-state-lay= er-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-button-tex= t-hover-state-layer-opacity: 0.08; --gm3-button-text-pressed-state-layer-co= lor: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-button-sta= ndard-unselected-hover-state-layer-color: var(--gm3-sys-color-inverse-on-su= rface,#f2f2f2); --gm3-icon-button-standard-unselected-hover-state-layer-opa= city: 0.08; } .mentionSpeedbumpDialog { --Tlqqfc: 408px; } .mentionSpeedbumpDialogSectionTitle { padding-bottom: 12px; } @media (-ms-high-contrast:active) and (prefers-color-scheme: dark), screen = and (forced-colors: active) and (prefers-color-scheme: dark) { .docsSidekickSideSheetRoot { --gm3-sys-color-background: #131314; --gm3-s= ys-color-background-rgb: 19,19,20; --gm3-sys-color-error: #f2b8b5; --gm3-sy= s-color-error-rgb: 242,184,181; --gm3-sys-color-error-container: #8c1d18; -= -gm3-sys-color-error-container-rgb: 140,29,24; --gm3-sys-color-inverse-on-s= urface: #303030; --gm3-sys-color-inverse-on-surface-rgb: 48,48,48; --gm3-sy= s-color-inverse-primary: #0b57d0; --gm3-sys-color-inverse-primary-rgb: 11,8= 7,208; --gm3-sys-color-inverse-surface: #e3e3e3; --gm3-sys-color-inverse-su= rface-rgb: 227,227,227; --gm3-sys-color-on-background: #e3e3e3; --gm3-sys-c= olor-on-background-rgb: 227,227,227; --gm3-sys-color-on-error: #601410; --g= m3-sys-color-on-error-rgb: 96,20,16; --gm3-sys-color-on-error-container: #f= 9dedc; --gm3-sys-color-on-error-container-rgb: 249,222,220; --gm3-sys-color= -on-primary: #062e6f; --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-c= olor-on-primary-container: #d3e3fd; --gm3-sys-color-on-primary-container-rg= b: 211,227,253; --gm3-sys-color-on-primary-fixed: #041e49; --gm3-sys-color-= on-primary-fixed-rgb: 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0= 842a0; --gm3-sys-color-on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-co= lor-on-secondary: #035; --gm3-sys-color-on-secondary-rgb: 0,51,85; --gm3-sy= s-color-on-secondary-container: #c2e7ff; --gm3-sys-color-on-secondary-conta= iner-rgb: 194,231,255; --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-s= ys-color-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fixe= d-variant: #004a77; --gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,11= 9; --gm3-sys-color-on-surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227= ,227,227; --gm3-sys-color-on-surface-variant: #c4c7c5; --gm3-sys-color-on-s= urface-variant-rgb: 196,199,197; --gm3-sys-color-on-tertiary: #0a3818; --gm= 3-sys-color-on-tertiary-rgb: 10,56,24; --gm3-sys-color-on-tertiary-containe= r: #c4eed0; --gm3-sys-color-on-tertiary-container-rgb: 196,238,208; --gm3-s= ys-color-on-tertiary-fixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb:= 7,39,17; --gm3-sys-color-on-tertiary-fixed-variant: #0f5223; --gm3-sys-col= or-on-tertiary-fixed-variant-rgb: 15,82,35; --gm3-sys-color-outline: #8e918= f; --gm3-sys-color-outline-rgb: 142,145,143; --gm3-sys-color-outline-varian= t: #444746; --gm3-sys-color-outline-variant-rgb: 68,71,70; --gm3-sys-color-= primary: #a8c7fa; --gm3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color= -primary-container: #0842a0; --gm3-sys-color-primary-container-rgb: 8,66,16= 0; --gm3-sys-color-primary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rg= b: 211,227,253; --gm3-sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color= -primary-fixed-dim-rgb: 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys= -color-scrim-rgb: 0,0,0; --gm3-sys-color-secondary: #7fcfff; --gm3-sys-colo= r-secondary-rgb: 127,207,255; --gm3-sys-color-secondary-container: #004a77;= --gm3-sys-color-secondary-container-rgb: 0,74,119; --gm3-sys-color-seconda= ry-fixed: #c2e7ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-= sys-color-secondary-fixed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim= -rgb: 127,207,255; --gm3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb= : 0,0,0; --gm3-sys-color-surface: #131314; --gm3-sys-color-surface-rgb: 19,= 19,20; --gm3-sys-color-surface-bright: #37393b; --gm3-sys-color-surface-bri= ght-rgb: 55,57,59; --gm3-sys-color-surface-container: #1e1f20; --gm3-sys-co= lor-surface-container-rgb: 30,31,32; --gm3-sys-color-surface-container-high= : #282a2c; --gm3-sys-color-surface-container-high-rgb: 40,42,44; --gm3-sys-= color-surface-container-highest: #333537; --gm3-sys-color-surface-container= -highest-rgb: 51,53,55; --gm3-sys-color-surface-container-low: #1b1b1b; --g= m3-sys-color-surface-container-low-rgb: 27,27,27; --gm3-sys-color-surface-c= ontainer-lowest: #0e0e0e; --gm3-sys-color-surface-container-lowest-rgb: 14,= 14,14; --gm3-sys-color-surface-dim: #131314; --gm3-sys-color-surface-dim-rg= b: 19,19,20; --gm3-sys-color-surface-variant: #444746; --gm3-sys-color-surf= ace-variant-rgb: 68,71,70; --gm3-sys-color-tertiary: #6dd58c; --gm3-sys-col= or-tertiary-rgb: 109,213,140; --gm3-sys-color-tertiary-container: #0f5223; = --gm3-sys-color-tertiary-container-rgb: 15,82,35; --gm3-sys-color-tertiary-= fixed: #c4eed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,208; --gm3-sys-= color-tertiary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fixed-dim-rgb: = 109,213,140; } } .docsSidekickSideSheetRoot { --gm3-card-outlined-focus-outline-color: var(-= -gm3-sys-color-outline-variant,#c4c7c5); position: absolute; margin: 6px 16= px 16px; padding-inline-start: 12px; } .docsSidekickSideSheetWizRoot { height: 100%; margin: 0px; } .appsElementsGenerativeAiCitationsAnchorAttributionMarker { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 50= 0; letter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsGenerativeAiCitationsAnchorAttributionMarker::before { positio= n: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; l= eft: 0px; border: 1px solid transparent; border-radius: inherit; content: "= "; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeAiCitationsAnchorAttributionMarker::before { borde= r-color: canvastext; } } .appsElementsGenerativeAiCitationsAnchorAttributionMarker { cursor: pointer= ; text-decoration: none; inline-size: 16px; block-size: 16px; display: inli= ne-flex; align-items: center; justify-content: center; vertical-align: text= -top; border-radius: 28px; background-color: var(--gm3-sys-color-surface-co= ntainer,#f0f4f9); position: relative; font-size: 9px; text-align: center; c= olor: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsGenerativeAiCitationsAnchorAttributionMarker:is(a) { text-deco= ration: none; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsGenerativeaiAstTableContainer .appsElementsGenerativeAiCitatio= nsAnchorAttributionMarker { vertical-align: text-bottom; background-color: = var(--gm3-sys-color-surface-container-high,#e9eef6); } .appsElementsGenerativeAiCitationsAnchorAttributionMarker:focus-visible .ap= psElementsGenerativeAiCitationsFocusRing { --H6apye: "block"; } .appsElementsGenerativeAiCitationsAnchorAttributionMarker:focus-visible { o= utline: none; } .appsElementsGenerativeAiCitationsFocusRing { --SGGi: 2px; --hK0TOb: -2px; = --vTiv8c: 9999px; --UtHrue: 9999px; --uHecC: 9999px; --C8LWjb: 9999px; } .appsElementsGenerativeAiCitationsAnchorAttributionMarkerHighlight, .appsEl= ementsGenerativeaiAstTableContainer .appsElementsGenerativeAiCitationsAncho= rAttributionMarkerHighlight { background-color: var(--gm3-sys-color-surface= -container-highest,#dde3ea); } .appsElementsGenerativeAiCitationsLinkPreview { --ae-link-preview-inline-si= ze: 272px; margin-inline-start: 8px; max-inline-size: stretch; } .appsElementsGenerativeAiCitationsLinkPreviewWithSnippetAnchorWrapper { dis= play: inline; align-items: center; border-radius: 28px; margin-inline-start= : 4px; } .appsElementsGenerativeaiAstInlineSource { quotes: none; text-decoration: u= nderline dotted var(--gm3-sys-color-primary,#0b57d0) 2px; text-underline-of= fset: 2px; } .appsElementsGenerativeaiAstInlineSource:hover { background-color: var(--gm= 3-sys-color-primary-container,#d3e3fd); -webkit-box-decoration-break: clone= ; box-decoration-break: clone; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiAstInlineSource:hover { color: highlighttext; te= xt-decoration-color: highlighttext; background-color: highlight; } } .appsElementsGenerativeaiAstInlineSourceLink:is(:any-link, :visited, :hover= , :active) { text-decoration: none; color: inherit; } .appsElementsGenerativeaiAstChecklist.appsElementsGenerativeaiAstChecklist = { list-style: none; padding-inline-start: 0px; } .appsElementsGenerativeaiAstCheckbox { --gm3-checkbox-container-size: 14px;= --gm3-checkbox-state-layer-size: 24px; --gm3-checkbox-touch-target-size: 0= px; } .appsElementsGenerativeaiAstTableContainer { display: block; overflow-x: au= to; background-color: inherit; max-inline-size: 640px; } .appsElementsGenerativeaiAstTableContainer .appsElementsGenerativeaiAstTabl= e { background-color: inherit; } .appsElementsGenerativeaiAstTable td, .appsElementsGenerativeaiAstTable th,= .appsElementsGenerativeaiAstTableTransparent td, .appsElementsGenerativeai= AstTableTransparent th { max-inline-size: 240px; white-space: normal; word-= break: break-word; } .appsElementsGenerativeaiAstTable td:has(.appsElementsGenerativeaiAstChip),= .appsElementsGenerativeaiAstTable th:has(.appsElementsGenerativeaiAstChip)= , .appsElementsGenerativeaiAstTableTransparent td:has(.appsElementsGenerati= veaiAstChip), .appsElementsGenerativeaiAstTableTransparent th:has(.appsElem= entsGenerativeaiAstChip) { max-inline-size: 160px; } .appsElementsGenerativeaiAstInlineCode::before { position: absolute; box-si= zing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1= px solid transparent; border-radius: inherit; content: ""; pointer-events: = none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstInlineCode::before { border-color: canvastext= ; } } .appsElementsGenerativeaiAstInlineCode { display: inline-block; background-= color: var(--gm3-sys-color-surface-container-highest,#dde3ea); border-radiu= s: 4px; color: var(--gm3-sys-color-on-surface-variant,#444746); padding: 1p= x 4px; position: relative; } .appsElementsGenerativeaiAstBlockQuote { border-inline-start: 2px solid var= (--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-su= rface-variant,#444746); margin: 8px 0px; padding-inline-start: 12px; } .appsElementsGenerativeaiAstChartContainer { display: flex; justify-content= : center; } .appsElementsGenerativeaiAstChartContentHidden { display: none; } .appsElementsGenerativeaiAstChartTitleContainer { inline-size: 100%; displa= y: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-b= lock-end: 8px; } .appsElementsGenerativeaiAstChartTitle { display: flex; align-items: center= ; } .appsElementsGenerativeaiAstChartToggleButton { --gm3-switch-track-width: 3= 3px; --gm3-switch-track-height: 20px; --gm3-switch-state-layer-size: 25px; = --gm3-switch-pressed-handle-height: 16px; --gm3-switch-pressed-handle-width= : 16px; --gm3-switch-selected-handle-height: 14px; --gm3-switch-selected-ha= ndle-width: 14px; --gm3-switch-selected-icon-size: 10px; --gm3-switch-unsel= ected-handle-height: 10px; --gm3-switch-unselected-handle-width: 10px; --gm= 3-switch-unselected-icon-size: 10px; --gm3-switch-with-icon-handle-height: = 14px; --gm3-switch-with-icon-handle-width: 14px; --gm3-switch-touch-target-= height: 20px; --gm3-switch-touch-target-width: 33px; } .appsElementsGenerativeaiAstChartInfoIconButton { --gm3-icon-button-standar= d-container-width: 24px; --gm3-icon-button-standard-container-height: 24px;= --gm3-icon-button-standard-icon-size: 18px; --gm3-icon-button-standard-tou= ch-target-size: 24px; display: flex; } .appsElementsGenerativeaiAstChartImageContainer::before { position: absolut= e; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; = border: 1px solid transparent; border-radius: inherit; content: ""; pointer= -events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstChartImageContainer::before { border-color: c= anvastext; } } .appsElementsGenerativeaiAstChartImageContainer { overflow: hidden; positio= n: relative; display: flex; justify-content: center; } .appsElementsGenerativeaiAstChartImageContainer:focus-within .appsElementsG= enerativeaiAstChartImageTooltipContainer, .appsElementsGenerativeaiAstChart= ImageContainer:hover .appsElementsGenerativeaiAstChartImageTooltipContainer= { display: block; } .appsElementsGenerativeaiAstChartImageTooltipContainer { display: none; pos= ition: absolute; top: 0px; right: 0px; } .appsElementsGenerativeaiAstChartImageTooltip::before { position: absolute;= box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bo= rder: 1px solid transparent; border-radius: inherit; content: ""; pointer-e= vents: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstChartImageTooltip::before { border-color: can= vastext; } } .appsElementsGenerativeaiAstChartImageTooltip { --gm3-icon-button-filled-to= nal-container-width: 28px; --gm3-icon-button-filled-tonal-container-height:= 28px; --gm3-icon-button-filled-tonal-icon-size: 16px; --gm3-icon-button-fi= lled-tonal-container-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-= icon-button-filled-tonal-icon-color: var(--gm3-sys-color-inverse-on-surface= ,#f2f2f2); --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-c= olor-inverse-on-surface,#f2f2f2); --gm3-icon-button-filled-tonal-focus-icon= -color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-button-= filled-tonal-pressed-icon-color: var(--gm3-sys-color-inverse-on-surface,#f2= f2f2); --gm3-icon-button-filled-tonal-container-shape-start-start: 8px; --g= m3-icon-button-filled-tonal-container-shape-start-end: 8px; --gm3-icon-butt= on-filled-tonal-container-shape-end-end: 8px; --gm3-icon-button-filled-tona= l-container-shape-end-start: 8px; --gm3-icon-button-filled-tonal-pressed-co= ntainer-shape-start-start: 8px; --gm3-icon-button-filled-tonal-pressed-cont= ainer-shape-start-end: 8px; --gm3-icon-button-filled-tonal-pressed-containe= r-shape-end-end: 8px; --gm3-icon-button-filled-tonal-pressed-container-shap= e-end-start: 8px; --gm3-icon-button-filled-tonal-selected-container-shape-s= tart-start: 8px; --gm3-icon-button-filled-tonal-selected-container-shape-st= art-end: 8px; --gm3-icon-button-filled-tonal-selected-container-shape-end-e= nd: 8px; --gm3-icon-button-filled-tonal-selected-container-shape-end-start:= 8px; } .appsElementsGenerativeaiAstCodeWrapper { display: inline; } .appsElementsGenerativeaiAstCodeContent::before { position: absolute; box-s= izing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: = 1px solid transparent; border-radius: inherit; content: ""; pointer-events:= none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstCodeContent::before { border-color: canvastex= t; } } .appsElementsGenerativeaiAstCodeContent { display: flex; flex-direction: co= lumn; gap: 24px; background-color: var(--gm3-sys-color-surface-container,#f= 0f4f9); margin-block: 8px; overflow: auto hidden; border-radius: 8px; paddi= ng: 16px; position: relative; } .appsElementsGenerativeaiAstCodeContentHidden { display: none; } .appsElementsGenerativeaiAst:not(.appsElementsGenerativeaiAstCodeWrapper) .= appsElementsGenerativeaiAstCodeContent:first-child { margin-block-start: 0p= x; } .appsElementsGenerativeaiAst:not(.appsElementsGenerativeaiAstCodeWrapper) .= appsElementsGenerativeaiAstCodeContent:last-child { margin-block-end: 0px; = } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-comment { color: rgb(9= 5, 99, 104); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-tag { color: var(--gm3= -sys-color-surface-variant,#e1e3e1); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-operator, .appsElement= sGenerativeaiAstCodeBlockContainer .hljs-punctuation, .appsElementsGenerati= veaiAstCodeBlockContainer .hljs-subst { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-operator { opacity: 0.= 7; } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-bullet, .appsElementsG= enerativeaiAstCodeBlockContainer .hljs-deletion, .appsElementsGenerativeaiA= stCodeBlockContainer .hljs-name, .appsElementsGenerativeaiAstCodeBlockConta= iner .hljs-selector-tag, .appsElementsGenerativeaiAstCodeBlockContainer .hl= js-template-variable, .appsElementsGenerativeaiAstCodeBlockContainer .hljs-= variable { color: rgb(217, 48, 37); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-attr, .appsElementsGen= erativeaiAstCodeBlockContainer .hljs-link, .appsElementsGenerativeaiAstCode= BlockContainer .hljs-literal, .appsElementsGenerativeaiAstCodeBlockContaine= r .hljs-number, .appsElementsGenerativeaiAstCodeBlockContainer .hljs-symbol= { color: rgb(181, 89, 8); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-class, .appsElementsGe= nerativeaiAstCodeBlockContainer .hljs-title { color: rgb(153, 105, 0); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-addition, .appsElement= sGenerativeaiAstCodeBlockContainer .hljs-code, .appsElementsGenerativeaiAst= CodeBlockContainer .hljs-string { color: rgb(24, 128, 56); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-built_in, .appsElement= sGenerativeaiAstCodeBlockContainer .hljs-doctag, .appsElementsGenerativeaiA= stCodeBlockContainer .hljs-quote, .appsElementsGenerativeaiAstCodeBlockCont= ainer .hljs-regexp { color: rgb(25, 103, 210); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-keyword, .appsElements= GenerativeaiAstCodeBlockContainer .hljs-selector-attr, .appsElementsGenerat= iveaiAstCodeBlockContainer .hljs-selector-class, .appsElementsGenerativeaiA= stCodeBlockContainer .hljs-selector-id, .appsElementsGenerativeaiAstCodeBlo= ckContainer .hljs-selector-pseudo, .appsElementsGenerativeaiAstCodeBlockCon= tainer .hljs-template-tag, .appsElementsGenerativeaiAstCodeBlockContainer .= hljs-type { color: rgb(132, 48, 206); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-emphasis { font-style:= italic; } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta, .appsElementsGen= erativeaiAstCodeBlockContainer .hljs-meta-keyword, .appsElementsGenerativea= iAstCodeBlockContainer .hljs-meta-string { color: rgb(25, 103, 210); } .appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta-keyword, .appsEle= mentsGenerativeaiAstCodeBlockContainer .hljs-strong { font-weight: 500; } .appsElementsGenerativeaiAstCodeBlockContainer { inline-size: max-content; = display: flex; flex-direction: column; gap: 16px; } [data-code-type=3D"1"] .appsElementsGenerativeaiAstCodeBlockContainer .hljs= -literal, [data-code-type=3D"1"] .appsElementsGenerativeaiAstCodeBlockConta= iner .hljs-number { color: rgb(17, 85, 204); } [data-code-type=3D"1"] .appsElementsGenerativeaiAstCodeBlockContainer .hljs= -operator { color: inherit; } .appsElementsGenerativeaiAstCodeBlockTitle { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spac= ing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f= 1f); } .appsElementsGenerativeaiAstCodeBlockButton::before { position: absolute; b= ox-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bord= er: 1px solid transparent; border-radius: inherit; content: ""; pointer-eve= nts: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstCodeBlockButton::before { border-color: canva= stext; } } .appsElementsGenerativeaiAstCodeBlockButton { --gm3-icon-button-filled-tona= l-container-width: 32px; --gm3-icon-button-filled-tonal-container-height: 1= 8px; --gm3-icon-button-filled-tonal-icon-size: 18px; --gm3-icon-button-fill= ed-tonal-selected-container-color: var(--gm3-sys-color-surface-container,#f= 0f4f9); --gm3-icon-button-filled-tonal-touch-target-size: 32px; --gm3-icon-= button-filled-tonal-unselected-container-color: var(--gm3-sys-color-surface= -container-high,#e9eef6); --gm3-icon-button-filled-tonal-container-shape-st= art-start: 12px; --gm3-icon-button-filled-tonal-container-shape-start-end: = 12px; --gm3-icon-button-filled-tonal-container-shape-end-end: 12px; --gm3-i= con-button-filled-tonal-container-shape-end-start: 12px; vertical-align: te= xt-top; } .appsElementsGenerativeaiAstCodeWrapperCollapsible:not(:first-child) .appsE= lementsGenerativeaiAstCodeBlockButton { margin-inline-start: 8px; } .appsElementsGenerativeaiAstCodeWrapperCollapsible:not(:last-child) .appsEl= ementsGenerativeaiAstCodeBlockButton { margin-inline-end: 8px; } :is(.appsElementsGenerativeaiAstList, .appsElementsGenerativeaiAstChecklist= , .appsElementsGenerativeaiAstNewlineWrapper) + .appsElementsGenerativeaiAs= tCodeWrapperCollapsible .appsElementsGenerativeaiAstCodeBlockButton { margi= n-inline-start: 0px; } .appsElementsGenerativeaiAstImageContent { inline-size: 100%; max-inline-si= ze: max-content; max-block-size: 45vh; } @media (min-height: 850px) { .appsElementsGenerativeaiAstImageContent { max-block-size: 50vh; } } @media (min-height: 1150px) { .appsElementsGenerativeaiAstImageContent { max-block-size: 55vh; } } .appsElementsGenerativeaiAstMultiModalContentContainerInlineSizeFitContent = { max-inline-size: fit-content; } .appsElementsGenerativeaiAstMultiModalContentContainerChart { max-block-siz= e: fit-content; } .appsElementsGenerativeaiAstMultiModalContentContainer::before { position: = absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left= : 0px; border: 1px solid transparent; border-radius: inherit; content: ""; = pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstMultiModalContentContainer::before { border-c= olor: canvastext; } } .appsElementsGenerativeaiAstMultiModalContentContainer { background-color: = var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: 8px; overflo= w: hidden; display: block; margin-block: 16px; position: relative; } .appsElementsGenerativeaiAstMultiModalContentContainer:first-child { margin= -block-start: 0px; } .appsElementsGenerativeaiAstMultiModalContentContainer:last-child { margin-= block-end: 0px; } .appsElementsGenerativeaiAstMultiModalContentContainer .appsElementsGenerat= iveaiAstMultiModalContent { white-space: nowrap; padding: 16px 16px 0px; } .appsElementsGenerativeaiAstMultiModalContentContainer .appsElementsGenerat= iveaiAstMultiModalContent .appsElementsGenerativeaiAstTableTransparent { ba= ckground-color: transparent; } :is(.appsElementsGenerativeaiAstMultiModalContentContainer) + .appsElements= GenerativeaiAstNewlineWrapper { display: none; } .appsElementsGenerativeaiAstMultiModalFormulaWrapper { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; l= etter-spacing: 0px; line-height: 1.25rem; padding: 16px; padding-block-end:= 12px; } .appsElementsGenerativeaiAstMultiModalFormulaWrapper .appsElementsGenerativ= eaiAstCodeContent { background: var(--gm3-sys-color-surface-container-highe= st,#dde3ea); margin: 0px 0px 16px; padding: 12px 16px; overflow: hidden; } .appsElementsGenerativeaiAstMultiModalFormulaWrapper .appsElementsGenerativ= eaiAstCodeContent .appsElementsGenerativeaiAstCodeBlockContainer { inline-s= ize: unset; min-inline-size: 200px; } .appsElementsGenerativeaiAstMultiModalFormulaWrapper .appsElementsGenerativ= eaiAstFormulaErrorLabel, .appsElementsGenerativeaiAstMultiModalFormulaWrapp= er .appsElementsGenerativeaiAstFormulaResultLabel { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lett= er-spacing: 0px; line-height: 1.25rem; } .appsElementsGenerativeaiAstMultiModalFormulaWrapper .appsElementsGenerativ= eaiAstFormulaErrorLabel { color: var(--gm3-sys-color-error,#b3261e); } .appsElementsGenerativeaiAstBeforeAnimate { display: none; } .appsElementsGenerativeaiAstAnimated { will-change: clip-path; } .appsElementsGenerativeaiAstLinkPreview { --ae-link-preview-inline-size: 27= 2px; } .appsElementsGenerativeaiAstLinkPreviewAnchorWrapper { display: inline; } .appsElementsGenerativeaiAstAnchorTextHighlight { background-color: var(--g= m3-sys-color-surface-container-highest,#dde3ea); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiAstAnchorTextHighlight { color: highlighttext; t= ext-decoration-color: highlighttext; background-color: highlight; } } .appsElementsGenerativeaiAstChip.appsElementsGenerativeaiAstChip { line-hei= ght: 1.2em; vertical-align: text-bottom; } .appsElementsGenerativeaiAstToolChipAvatar { block-size: 14px; inline-size:= 14px; min-inline-size: 14px; border-radius: 4px; transform: translateY(-0.= 5px); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsChipRoot { border: 1px solid var(--gm3-sys-color-outline-var= iant,#c4c7c5); } } .appsElementsChipRoot { background-color: var(--ae-chip-container-color,var= (--gm3-sys-color-surface-container,#f0f4f9)); border-radius: 8px; display: = inline-flex; justify-content: center; align-items: center; gap: 4px; height= : var(--ae-chip-container-height,initial); line-height: var(--ae-chip-label= -text-line-height,inherit); padding-inline: var(--ae-chip-container-padding= -inline,8px); vertical-align: bottom; max-inline-size: var(--ae-chip-contai= ner-max-inline-size,-webkit-fill-available); user-select: none; outline: no= ne; position: relative; } .appsElementsChipRoot:any-link, .appsElementsChipRoot:hover { color: curren= tcolor; text-decoration: none; } .appsElementsChipRoot:hover { background-color: var(--ae-chip-hover-state-l= ayer-color,var(--gm3-sys-color-surface-container-highest,#dde3ea)); } .appsElementsChipRoot:focus-visible { --H6apye: block; } .appsElementsChipFocusRing { --vTiv8c: 8px; --UtHrue: 8px; --uHecC: 8px; --= C8LWjb: 8px; } .appsElementsChipImage { block-size: var(--ae-chip-icon-size,16px); inline-= size: var(--ae-chip-icon-size,16px); text-align: center; } .appsElementsChipDriveChipIcon { padding: 2px; } .appsElementsChipLabelText { font-size: var(--ae-chip-label-text-size,calc(= 100% - 1px)); font-weight: var(--ae-chip-label-text-weight,inherit); color:= var(--ae-chip-label-text-color,inherit); overflow: hidden; text-overflow: = ellipsis; white-space: nowrap; user-select: text; } .appsElementsChipAvatar { border-radius: 50%; } .appsElementsGenerativeAiToolChipLinkPreview { --ae-link-preview-inline-siz= e: 272px; } .appsElementsGenerativeAiToolChipLinkPreviewAnchorWrapper { display: inline= ; } .appsElementsGenerativeAiToolChipCharacterIcon { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-s= pacing: 0.00625rem; line-height: 1rem; } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"blue"],= .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"blue"] { --ae= -richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-blue,va= r(--ws-sys-color-gems-blue-low,#bedcff)); --ae-richtextinput-agent-avatar-i= con-color: var(--ws-sys-color-genai-on-gems-blue,var(--ws-sys-color-gems-bl= ue-high,#00629e)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"cyan"],= .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"cyan"] { --ae= -richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-cyan,va= r(--ws-sys-color-gems-cyan-low,#92e5ff)); --ae-richtextinput-agent-avatar-i= con-color: var(--ws-sys-color-genai-on-gems-cyan,var(--ws-sys-color-gems-cy= an-high,#00677d)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"orange"= ], .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"orange"] { = --ae-richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-ora= nge,var(--ws-sys-color-gems-orange-low,#ffcfb4)); --ae-richtextinput-agent-= avatar-icon-color: var(--ws-sys-color-genai-on-gems-orange,var(--ws-sys-col= or-gems-orange-high,#96490a)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"pink"],= .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"pink"] { --ae= -richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-pink,va= r(--ws-sys-color-gems-pink-low,#ffcbda)); --ae-richtextinput-agent-avatar-i= con-color: var(--ws-sys-color-genai-on-gems-pink,var(--ws-sys-color-gems-pi= nk-high,#984062)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"purple"= ], .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"purple"] { = --ae-richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-pur= ple,var(--ws-sys-color-gems-purple-low,#f2ccff)); --ae-richtextinput-agent-= avatar-icon-color: var(--ws-sys-color-genai-on-gems-purple,var(--ws-sys-col= or-gems-purple-high,#9700d2)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"teal"],= .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"teal"] { --ae= -richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-teal,va= r(--ws-sys-color-gems-teal-low,#93e7eb)); --ae-richtextinput-agent-avatar-i= con-color: var(--ws-sys-color-genai-on-gems-teal,var(--ws-sys-color-gems-te= al-high,#00696d)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"violet"= ], .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"violet"] { = --ae-richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-vio= let,var(--ws-sys-color-gems-violet-low,#d9d4ff)); --ae-richtextinput-agent-= avatar-icon-color: var(--ws-sys-color-genai-on-gems-violet,var(--ws-sys-col= or-gems-violet-high,#5132ff)); } .appsElementsGenerativeAiToolChipCharacterIcon[data-avatar-color=3D"yellow"= ], .appsElementsGenerativeAiToolChipCharacterIcon[data-color=3D"yellow"] { = --ae-richtextinput-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-yel= low,var(--ws-sys-color-gems-yellow-low,#ffd289)); --ae-richtextinput-agent-= avatar-icon-color: var(--ws-sys-color-genai-on-gems-yellow,var(--ws-sys-col= or-gems-yellow-high,#7e5700)); } .appsElementsGenerativeAiToolChipCharacterIcon { font-size: 9.5px; line-hei= ght: 16px; display: inline-flex; justify-content: center; align-items: cent= er; background-color: var(--ae-richtextinput-agent-avatar-bg-color,var(--gm= 3-sys-color-surface-variant,#e1e3e1)); color: var(--ae-richtextinput-agent-= avatar-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .appsElementsGenerativeAiToolChipCharacterIconSizeShape { block-size: 16px;= inline-size: 16px; border-radius: 4px; letter-spacing: -1px; } .appsElementsLinkIconsOpticalAlignment { padding: 3px; box-sizing: border-b= ox; } .appsElementsLinkIconsBrandPurpleWrapper { display: contents; forced-color-= adjust: none; color: var(--ae-brand-icon-color-purple,#303f9f); } .appsElementsLinkIconsBrandGreenWrapper { display: contents; forced-color-a= djust: none; color: var(--ae-brand-icon-color-green,#34a853); } .appsElementsLinkIconsBrandRedWrapper { display: contents; forced-color-adj= ust: none; color: var(--ae-brand-icon-color-red,#ea4335); } .appsElementsLinkIconsBrandYellowWrapper { display: contents; forced-color-= adjust: none; color: var(--ae-brand-icon-color-yellow,#fbbc04); } .appsElementsLinkIconsBrandBlueWrapper { display: contents; forced-color-ad= just: none; color: var(--ae-brand-icon-color-blue,#4285f4); } .appsElementsLinkIconsVidsPurpleWrapper { display: contents; forced-color-a= djust: none; color: var(--ae-brand-icon-color-deep-purple,#a142f4); } .appsElementsLinkIconsFormPurpleWrapper { display: contents; forced-color-a= djust: none; color: var(--ae-brand-icon-color-forms-purple,#673ab7); } .appsElementsLinkIconsProjectBlue { display: contents; forced-color-adjust:= none; color: var(--ae-brand-icon-color-project-blue,#009dc9); } .appsElementsLinkPreviewAnchorWrapperAnchorWrapper { position: relative; ma= x-inline-size: stretch; } .appsElementsGenerativeAiMergedCitationsMergedAnchorCitationMarker { displa= y: inline-flex; } .appsElementsGenerativeAiMergedCitationsMergedAnchorCitationMarkerCarousel = { vertical-align: text-bottom; } .appsElementsGenerativeAiMergedCitationsMarkerButton { --gm3-button-filled-= tonal-container-color: var(--ae-merged-citations-container-color,var(--gm3-= sys-color-surface-container-high,#e9eef6)); --gm3-button-filled-tonal-conta= iner-height: 14px; --gm3-button-filled-tonal-container-min-width: 26px; --g= m3-button-filled-tonal-hover-container-elevation: 0; --gm3-button-filled-to= nal-hover-label-text-color: var(--ae-merged-citations-label-text-color,var(= --gm3-sys-color-on-surface,#1f1f1f)); --gm3-button-filled-tonal-hover-state= -layer-color: var(--ae-merged-citations-hover-state-layer-color,var(--gm3-s= ys-color-surface-container-highest,#dde3ea)); --gm3-button-filled-tonal-hov= er-state-layer-opacity: 1; --gm3-button-filled-tonal-label-text-color: var(= --ae-merged-citations-label-text-color,var(--gm3-sys-color-on-surface,#1f1f= 1f)); --gm3-button-filled-tonal-label-text-size: 0.6875rem; --gm3-button-fi= lled-tonal-label-text-tracking: 0.00625rem; --gm3-button-filled-tonal-press= ed-state-layer-color: var(--ae-merged-citations-hover-state-layer-color,var= (--gm3-sys-color-surface-container-highest,#dde3ea)); --gm3-button-filled-t= onal-with-icon-focus-icon-color: var(--ae-merged-citations-label-text-color= ,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-button-filled-tonal-with-i= con-icon-color: var(--ae-merged-citations-label-text-color,var(--gm3-sys-co= lor-on-surface,#1f1f1f)); --gm3-button-filled-tonal-with-icon-icon-label-sp= ace: 2px; --gm3-button-filled-tonal-with-icon-icon-size: 11px; --gm3-button= -filled-tonal-with-icon-pressed-icon-color: var(--ae-merged-citations-label= -text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-button-filled-t= onal-with-leading-icon-leading-space: 4px; --gm3-button-filled-tonal-with-l= eading-icon-trailing-space: 6px; } .appsElementsGenerativeAiMergedCitationsMarkerButtonCarousel { --gm3-button= -filled-tonal-container-height: 18px; --gm3-button-filled-tonal-label-text-= size: 0.75rem; --gm3-button-filled-tonal-with-icon-icon-label-space: 4px; -= -gm3-button-filled-tonal-with-icon-icon-size: 12px; --gm3-button-filled-ton= al-with-leading-icon-leading-space: 6px; --gm3-button-filled-tonal-with-lea= ding-icon-trailing-space: 8px; } .appsElementsGenerativeAiMergedCitationsMarkerButtonIconOnly { --gm3-button= -filled-tonal-container-min-width: 24px; --gm3-button-filled-tonal-with-ico= n-icon-label-space: 0px; --gm3-button-filled-tonal-with-leading-icon-leadin= g-space: 6px; --gm3-button-filled-tonal-with-leading-icon-trailing-space: 6= px; } .appsElementsGenerativeAiMergedCitationsMultiLinkPreviewAnchorWrapper { mar= gin-inline-start: 4px; } .appsElementsSidekickResponseOptionsContainer { display: flex; flex-wrap: n= owrap; align-items: center; justify-content: space-between; margin: 0px 0px= 0px -8px; padding: 8px 0px; } .appsElementsSidekickResponseOptionsContainer:empty { display: none; } .appsElementsSidekickResponseOptionsButtons { display: flex; white-space: n= owrap; gap: 8px; align-items: center; flex-shrink: 0; min-inline-size: 0px;= } .appsElementsSidekickResponseOptionsOptionsButton.appsElementsSidekickRespo= nseOptionsOptionsButton { --gm3-icon-button-standard-container-width: 24px;= --gm3-icon-button-standard-container-height: 24px; --gm3-icon-button-stand= ard-icon-size: 20px; --gm3-icon-button-standard-touch-target-size: 24px; --= gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-icon-button-standard-selected-focus-icon-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-= selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-icon-button-standard-unselected-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-st= andard-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-unselect= ed-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); dis= play: flex; padding-inline: 6px; } .appsElementsSidekickResponseOptionsOptionsTextButton::before { position: a= bsolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left:= 0px; border: 1px solid transparent; border-radius: inherit; content: ""; p= ointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickResponseOptionsOptionsTextButton::before { border-co= lor: canvastext; } } .appsElementsSidekickResponseOptionsOptionsTextButton.appsElementsSidekickR= esponseOptionsOptionsTextButton { --gm3-button-text-container-height: 24px;= --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-button-text-label-text-size: 0.75rem; --gm3-button-= text-label-text-tracking: 0.00625rem; --gm3-button-text-label-text-weight: = 500; --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-text-with-ic= on-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-butto= n-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-= on-surface-variant,#444746); --gm3-button-text-with-icon-pressed-icon-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-label-= text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-t= ext-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-button-text-pressed-label-text-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-button-text-pressed-state-layer-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); padding-inline: 4px;= margin: 0px; } .appsElementsSidekickResponseOptionsMenu { --gm3-list-container-shape: 8px;= --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1= f1f); --gm3-list-list-item-label-text-font: "Google Sans"; --gm3-list-list-= item-label-text-size: 0.75rem; --gm3-list-list-item-label-text-tracking: 0.= 00625rem; --gm3-list-list-item-label-text-weight: 500; --gm3-list-list-item= -leading-space: 12px; --gm3-list-list-item-trailing-space: 12px; --gm3-list= -list-item-control-selected-label-text-color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); --gm3-list-list-item-control-selected-label-text-weight: 500; -= -gm3-menu-container-shape: 8px; --gm3-menu-list-item-container-height: 24px= ; --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f= 1f1f); --gm3-menu-list-item-label-text-font: "Google Sans Flex","Google San= s",Roboto,Arial,sans-serif; --gm3-menu-list-item-label-text-size: 0.75rem; = --gm3-menu-list-item-label-text-tracking: 0.00625rem; --gm3-menu-list-item-= label-text-weight: 500; --gm3-menu-list-item-leading-space: 12px; --gm3-men= u-list-item-trailing-space: 12px; --gm3-menu-list-item-with-leading-icon-le= ading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-me= nu-list-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-ite= m-control-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f= ); --gm3-menu-list-item-control-selected-label-text-weight: 500; --gm3-menu= -active-container-shape: 8px; padding-block: 4px; padding-inline: 0px; } .appsElementsSidekickResponseOptionsMenu .appsElementsSidekickResponseOptio= nsMenuList { padding-inline: 0px; } .appsElementsSidekickResponseOptionsMenuDivider { margin-block: 4px; margin= -inline: 0px; padding-inline: 0px; width: 100%; } .appsElementsSidekickResponseOptionsFeedbackOptionContainer { display: flex= ; flex-wrap: nowrap; gap: 12px; } .appsElementsSidekickResponseOptionsInlineFeedbackActive { background: var(= --gm3-sys-color-primary-container,#d3e3fd); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickResponseOptionsInlineFeedbackActive { background: hi= ghlight; --gm3-icon-button-standard-selected-focus-icon-color: HighlightTex= t; --gm3-icon-button-standard-selected-hover-icon-color: HighlightText; --g= m3-icon-button-standard-selected-icon-color: HighlightText; --gm3-icon-butt= on-standard-selected-pressed-icon-color: HighlightText; --gm3-icon-button-s= tandard-unselected-focus-icon-color: HighlightText; --gm3-icon-button-stand= ard-unselected-hover-icon-color: HighlightText; --gm3-icon-button-standard-= unselected-icon-color: HighlightText; --gm3-icon-button-standard-unselected= -pressed-icon-color: HighlightText; } } .appsElementsSidekickResponseOptionsSnackbar.appsElementsSidekickResponseOp= tionsSnackbar { --gm3-snackbar-supporting-text-font: "Google Sans"; --gm3-s= nackbar-z-index: 9999; } .appsElementsSidekickResponseOptionsActionBarContainer { display: flex; fle= x-direction: column; gap: 8px; padding-block-start: 8px; } .appsElementsSidekickResponseOptionsActionBarButtons { display: flex; gap: = 8px; } .appsElementsSidekickResponseOptionsActionBarButtonWrapper { min-inline-siz= e: 0px; } .appsElementsSidekickResponseOptionsActionBarButtonPrimary, .appsElementsSi= dekickResponseOptionsActionBarButtonSecondary { max-inline-size: 100%; } .appsElementsSidekickResponseOptionsTertiaryIconButton { --gm3-icon-button-= standard-container-height: 32px; --gm3-icon-button-standard-container-width= : 32px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-stand= ard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant,#444746);= } .appsElementsSidekickResponseOptionsActionBarButtonPrimary { --gm3-button-f= illed-tonal-container-height: 32px; --gm3-button-filled-tonal-label-text-co= lor: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-button-fill= ed-tonal-label-text-size: 0.875rem; --gm3-button-filled-tonal-leading-space= : 6px; --gm3-button-filled-tonal-trailing-space: 6px; --gm3-button-filled-t= onal-with-leading-icon-leading-space: 6px; --gm3-button-filled-tonal-with-l= eading-icon-trailing-space: 12px; --gm3-button-filled-tonal-with-icon-icon-= size: 20px; --gm3-button-filled-tonal-hover-label-text-color: var(--gm3-sys= -color-on-secondary-container,#004a77); --gm3-button-filled-tonal-focus-lab= el-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-b= utton-filled-tonal-pressed-label-text-color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); --gm3-button-filled-tonal-with-icon-icon-color: var(= --gm3-sys-color-on-secondary-container,#004a77); --gm3-button-filled-tonal-= with-icon-hover-icon-color: var(--gm3-sys-color-on-secondary-container,#004= a77); --gm3-button-filled-tonal-with-icon-pressed-icon-color: var(--gm3-sys= -color-on-secondary-container,#004a77); --gm3-button-filled-tonal-with-icon= -focus-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsElementsSidekickResponseOptionsActionBarButtonSecondary { --gm3-button= -outlined-container-height: 32px; --gm3-button-outlined-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined-label= -text-size: 0.875rem; --gm3-button-outlined-outline-color: var(--gm3-sys-co= lor-outline-variant,#c4c7c5); --gm3-button-outlined-leading-space: 12px; --= gm3-button-outlined-trailing-space: 12px; --gm3-button-outlined-with-leadin= g-icon-leading-space: 6px; --gm3-button-outlined-with-leading-icon-trailing= -space: 12px; --gm3-button-outlined-outline-width: 1px; --gm3-button-outlin= ed-with-icon-icon-size: 20px; --gm3-button-outlined-hover-label-text-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined-hov= er-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-button-outlined-pressed-label-text-color: var(--gm3-s= ys-color-on-surface-variant,#444746); --gm3-button-outlined-with-icon-icon-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlin= ed-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-outlined-with-icon-pressed-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-button-outlined-with-icon-focus-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outline= d-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746= ); } .appsElementsSidekickResponseOptionsSecondaryActionBarContainer { display: = flex; } .appsElementsSidekickResponseOptionsSecondaryActionBarContainerHasCitations= { margin: 12px 0px; } .appsElementsSidekickResponseOptionsSecondaryActionBar { display: flex; gap= : 8px; justify-content: end; margin-inline-start: auto; } .appsElementsSidekickResponseOptionsHiddenVE { display: none; } .appsDocsAiSidekickWizSidekicksidebarExpandedSize { --ae-side-sheet-contain= er-width: calc(var(--ae-sidekick-collapsed-inline-size, 320px) + var(--ae-s= idekick-inline-size-offset, 0)*1px); --ae-sidekick-inline-size-offset: calc= (var(--ae-sidekick-expanded-inline-size, 574) - var( --ae-sidekick-collapsed-inline-size, 318 )); min-inline-size: var(--ae-sidekick-collapsed-inline-size,320px); max-= inline-size: calc(var(--ae-sidekick-max-inline-size, calc(85vw - 217.6px)) = + 2px); } .appsDocsAiSidekickWizSidekicksidebarCollapsedSize { inline-size: var(--ae-= sidekick-collapsed-inline-size,320px); } .docs-body-pageless .suggestionNudgeViewContainer { background-color: var(-= -gm3-sys-color-surface-container-low,#f8fafd); border-radius: 12px; } .docs-body-pageless .suggestionNudgeViewContainer:hover { background-color:= color-mix(in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys= -color-surface-container-low,#f8fafd)); } .docs-body-pageless .suggestionNudgeViewAcceptSuggestionButton.HighlightedB= utton:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-prima= ry,#0b57d0) 8%,var(--gm3-sys-color-surface-container-low,#f8fafd)); } .docs-body-pageless .suggestionNudgeViewAcceptSuggestionButton.HighlightedB= utton:focus { background-color: color-mix(in srgb,var(--gm3-sys-color-prima= ry,#0b57d0) 10%,var(--gm3-sys-color-surface-container-low,#f8fafd)); } .suggestionNudgeViewContainer { background-color: var(--gm3-sys-color-surfa= ce-container,#f0f4f9); border-radius: 12px; } .suggestionNudgeViewContainer:hover { background-color: color-mix(in srgb,v= ar(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface-conta= iner,#f0f4f9)); } .suggestionNudgeViewTitle { align-items: center; display: flex; height: 32p= x; margin: 12px 16px; } .suggestionNudgeViewTitle.noGeminiBranding { margin: 12px 16px 8px; } .suggestionNudgeViewTitleIcon { align-items: center; background: transparen= t; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; display: inline-flex; height: 32px; justify-content: cent= er; padding: 0px; width: 32px; } .suggestionNudgeViewTitleIcon .docs-icon.goog-inline-block { height: 24px; = width: 24px; } .suggestionNudgeViewTitleText { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); flex-grow: 1; font-family: "Google Sans", Roboto, RobotoDraft, Helveti= ca, Arial, sans-serif; font-size: 15px; font-weight: 500; height: 20px; mar= gin-left: 4px; } .suggestionNudgeViewCustomTitleText { flex-grow: 1; font-family: "Google Sa= ns", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 15px; fo= nt-weight: 500; height: 20px; } .suggestionNudgeViewSummarizeAutoIcon { color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); margin-left: 4px; margin-right: 8px; } .suggestionNudgeViewMoreOptionsMenuButton .goog-menu-button-inner-box, .sug= gestionNudgeViewMoreOptionsMenuButton .goog-menu-button-outer-box, .suggest= ionNudgeViewMoreOptionsMenuButton.goog-menu-button { background: transparen= t; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; border-radius: 9999px; display: inline-flex; height: 32px= ; justify-content: center; align-items: center; padding: 0px; width: 32px; = } .suggestionNudgeViewMoreOptionsMenuButton.goog-menu .goog-menu-vertical { b= order-radius: 4px; } .suggestionNudgeViewMoreOptionsMenuButton .goog-menu-button-dropdown { disp= lay: none; } .suggestionNudgeViewDisableNudgeMenuItem .goog-menuitem-content, .suggestio= nNudgeViewReportIssueMenuItem .goog-menuitem-content { color: var(--gm3-sys= -color-on-surface-variant,#444746); } .suggestionNudgeViewDisableNudgeMenuItem .docs-icon-img-container.docs-icon= -img, .suggestionNudgeViewReportIssueMenuItem .docs-icon-img-container.docs= -icon-img { opacity: 1; } .suggestionNudgeViewCloseButton { border-radius: 9999px; height: 20px; padd= ing: 8px; } .suggestionNudgeViewCloseButton:hover, .suggestionNudgeViewMoreOptionsMenuB= utton:hover { background-color: color-mix(in srgb,var(--gm3-sys-color-on-su= rface,#1f1f1f) 8%,transparent); cursor: pointer; } .suggestionNudgeViewCloseButton:focus, .suggestionNudgeViewMoreOptionsMenuB= utton:focus { background-color: color-mix(in srgb,var(--gm3-sys-color-on-su= rface,#1f1f1f) 8%,transparent); outline: none; } @media screen and (forced-colors: active) { .suggestionNudgeViewCloseButton:focus, .suggestionNudgeViewCloseButton:ho= ver, .suggestionNudgeViewMoreOptionsMenuButton:focus, .suggestionNudgeViewM= oreOptionsMenuButton:hover { background-color: highlight; } } .suggestionNudgeViewDescription { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, s= ans-serif; margin: 0px 16px 20px; font-weight: 400; line-height: 1.4; } .suggestionNudgeViewContentBody { margin: 4px 16px; } .suggestionNudgeViewLoadingSummaryContainer { margin-bottom: 16px; } .suggestionNudgeViewSummaryContent { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; line-height: 1.4; height: auto; margin-bottom: 12px; = padding: 4px; } .suggestionNudgeViewSummaryContent.IsCollapsible { margin-bottom: 0px; } .suggestionNudgeViewSummaryContent.Collapsed { height: 75px; overflow: hidd= en; } .suggestionNudgeViewSummaryShowLessButton, .suggestionNudgeViewSummaryShowM= oreButton { color: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; d= isplay: none; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, A= rial, sans-serif; font-size: 0.6875rem; margin-top: 4px; outline-offset: 2p= x; width: fit-content; } @media screen and (forced-colors: active) { .suggestionNudgeViewSummaryShowLessButton, .suggestionNudgeViewSummarySho= wMoreButton { border: 1px solid; border-radius: 2px; padding: 1px; outline-= style: auto; } } .suggestionNudgeViewSummaryShowLessButton, .suggestionNudgeViewSummaryShowM= oreButton { margin-bottom: 11px; padding-left: 5px; } .suggestionNudgeViewSummaryShowLessButton.SummaryShowButtonVisible, .sugges= tionNudgeViewSummaryShowMoreButton.SummaryShowButtonVisible { display: flex= ; } .suggestionNudgeViewAcceptSuggestionsContainer { align-items: center; displ= ay: flex; flex-direction: column; } .suggestionNudgeViewAcceptSuggestionsContainer.withAma { align-items: start= ; } .suggestionNudgeViewAcceptSuggestionButtonContainer { display: flex; justif= y-content: space-between; width: -webkit-fill-available; } .suggestionNudgeViewButtonSparkIcon { display: flex; margin-right: 4px; pad= ding-top: 1px; } .suggestionNudgeViewProgressChip { align-items: center; background-color: v= ar(--gm3-sys-color-surface,#fff); border-radius: 32px; display: flex; justi= fy-content: start; margin-bottom: 12px; padding: 10px 14px; width: -webkit-= fill-available; } @media (forced-colors: active) { .suggestionNudgeViewProgressBar { background: linear-gradient(135deg, can= vas, highlight); forced-color-adjust: none; } } .suggestionNudgeViewProgressBar { background: linear-gradient(135deg,var(--= ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted= -gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var= (--ws-sys-color-genai-muted-gradient01,#e9eef6)); border-radius: 8px; heigh= t: 11px; width: 100%; } .suggestionNudgeViewProgressBar.nonChip { margin-bottom: 8px; } .suggestionNudgeViewProgressBar:not(.ReducedMotion) { animation-name: skele= ton-enter, skeleton-stretch-in, inline-shimmer; animation-duration: 0.6s, 1= .2s, 1.5s; animation-fill-mode: both; animation-timing-function: linear, cu= bic-bezier(0.2, 0, 0, 1), linear; animation-iteration-count: 1, 1, infinite= ; background-position: 50% center; background-size: 200% 100%; transform-or= igin: left center; } @media (forced-colors: active) { .suggestionNudgeViewProgressBar:not(.ReducedMotion) { background: linear-= gradient(135deg, canvas, highlight, highlight, canvas); forced-color-adjust= : none; } } .suggestionNudgeViewAcceptSuggestionButton { align-items: center; backgroun= d-color: var(--gm3-sys-color-surface,#fff); border-radius: 32px; color: var= (--gm3-sys-color-on-surface,#1f1f1f); display: flex; font-size: 0.875rem; f= ont-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-seri= f; font-weight: 500; height: 40px; justify-content: center; margin-bottom: = 8px; width: 100%; } @media screen and (forced-colors: active) { .suggestionNudgeViewAcceptSuggestionButton { outline: solid 1px; } } .suggestionNudgeViewAcceptSuggestionButton.outlined { border: 1px solid var= (--gm3-sys-color-outline-variant,#c4c7c5); background-color: transparent; } .suggestionNudgeViewAcceptSuggestionButton.withAma { align-items: flex-star= t; height: auto; justify-content: start; margin-bottom: 12px; word-break: b= reak-word; padding: 10px 14px; width: fit-content; } .suggestionNudgeViewAcceptSuggestionButton.AriaDisabled { background: rgba(= var(--gm3-sys-color-on-surface-rgb,31,31,31),.12); color: rgba(var(--gm3-sy= s-color-on-surface-rgb,31,31,31),.38); } @media screen and (forced-colors: active) { .suggestionNudgeViewAcceptSuggestionButton.AriaDisabled { color: graytext= ; } } .suggestionNudgeViewAcceptSuggestionButton.HighlightedButton { background-c= olor: var(--gm3-sys-color-secondary-container,#c2e7ff); } .suggestionNudgeViewAcceptSuggestionButton.SmallRadiusButton { border-radiu= s: 16px; } .suggestionNudgeViewAcceptSuggestionButton:hover { background-color: color-= mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); cursor= : pointer; } .suggestionNudgeViewAcceptSuggestionButton:focus { background-color: color-= mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); outli= ne: none; } @media screen and (forced-colors: active) { .suggestionNudgeViewAcceptSuggestionButton:focus { outline: solid 1px; } } .suggestionNudgeViewAcceptSuggestionButton:active { background-color: color= -mix(in sRGB,var(--gm3-sys-color-on-surface,#1f1f1f) 10%,transparent); } .suggestionNudgeViewAcceptSuggestionButton.HighlightedButton:hover { backgr= ound-color: color-mix(in srgb,var(--gm3-sys-color-on-secondary-container,#0= 04a77) 8%,var(--gm3-sys-color-secondary-container,#c2e7ff)); cursor: pointe= r; } .suggestionNudgeViewAcceptSuggestionButton.HighlightedButton:focus { backgr= ound-color: color-mix(in srgb,var(--gm3-sys-color-on-secondary-container,#0= 04a77) 10%,var(--gm3-sys-color-secondary-container,#c2e7ff)); cursor: point= er; } @keyframes inline-shimmer {=20 0% { background-position: 0px 0px; } 100% { background-position: -200% 0px; } } .DocsAnalyticsDialogDialog { --rimZob: 650px; --Tlqqfc: 900px; --tukwab: 0p= x; --Cv3aid: 0px; --xkSh4b: 0px; } .DocsAnalyticsDialogDialog a { color: var(--gm3-sys-color-primary,#0b57d0);= text-decoration: underline; } .DocsAnalyticsDialogDialog a:focus, .DocsAnalyticsDialogDialog a:hover { co= lor: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sy= s-color-primary,#0b57d0)); } .DocsAnalyticsDialogDialog a:visited { color: var(--ws-sys-color-extended-p= urple-fill,#7438d2); } .DocsAnalyticsDialogDialog a:visited:focus, .DocsAnalyticsDialogDialog a:vi= sited:hover { color: color-mix(in srgb,var(--ws-sys-color-extended-on-purpl= e-fill,#fff) 10%,var(--ws-sys-color-extended-purple-fill,#7438d2)); } .analyticDialogNavigationContent { display: flex; height: 610px; } .analyticDialogNavigationMenu { border-radius: 28px; width: 256px; backgrou= nd-color: var(--gm3-sys-color-surface-container-high,#e9eef6); --gm3-naviga= tion-drawer-coplanar-container-color: transparent; } .analyticDialogNavigationTitle { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 1.375rem; font-weight: 400; letter-spacing: 0px; li= ne-height: 1.75rem; display: flex; align-items: center; padding: 32px 0px 2= 4px 24px; } .analyticDialogNavigationView { width: 623px; display: flex; justify-conten= t: center; align-items: center; padding-top: 64px; } .analyticDialogNavigationLeadingIcon.docs-icon { height: 24px; margin: 0px;= width: 24px; } .analyticDialogNavigationItem[aria-current=3D"true"] { border: solid transp= arent; --gm3-list-list-item-container-color: var(--gm3-sys-color-secondary-= container,#c2e7ff); --gm3-list-list-item-hover-label-text-color: var(--gm3-= sys-color-on-secondary-container,#004a77); --gm3-list-list-item-hover-leadi= ng-icon-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --= gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-secondary-conta= iner,#004a77); --gm3-list-list-item-label-text-weight: 700; --gm3-list-list= -item-leading-icon-color: var(--gm3-sys-color-on-secondary-container,#004a7= 7); --gm3-list-list-item-control-selected-container-color: var(--gm3-sys-co= lor-secondary-container,#c2e7ff); --gm3-list-list-item-control-selected-hov= er-label-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); -= -gm3-list-list-item-control-selected-hover-leading-icon-color: var(--gm3-sy= s-color-on-secondary-container,#004a77); --gm3-list-list-item-control-selec= ted-label-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); = --gm3-list-list-item-control-selected-label-text-weight: 700; --gm3-list-li= st-item-control-selected-leading-icon-color: var(--gm3-sys-color-on-seconda= ry-container,#004a77); --gm3-list-list-item-fallback-selection-end-margin: = 0; } .javascriptMaterialdesignGm3WizNavigationDrawerOldTokens { --upgradeable-gm= 3-navigation-drawer-content-active-icon-color: var(--gm3-navigation-drawer-= content-active-icon-color,var(--gm3-sys-color-on-secondary-container,#001d3= 5)); --upgradeable-gm3-navigation-drawer-content-active-label-text-color: v= ar(--gm3-navigation-drawer-content-active-label-text-color,var(--gm3-sys-co= lor-on-secondary-container,#001d35)); } .javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list { -= -gm3-list-list-item-hover-state-layer-opacity: var(--gm3-navigation-drawer-= content-hover-state-layer-opacity,0.08); --gm3-list-list-item-leading-icon-= size: var(--gm3-navigation-drawer-content-icon-size,24px); --gm3-list-list-= item-hover-leading-icon-icon-color: var(--gm3-navigation-drawer-content-ina= ctive-hover-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3-list= -list-item-hover-label-text-color: var(--gm3-navigation-drawer-content-inac= tive-hover-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3= -list-list-item-hover-state-layer-color: var(--gm3-navigation-drawer-conten= t-inactive-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f))= ; --gm3-list-list-item-leading-icon-color: var(--gm3-navigation-drawer-cont= ent-inactive-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); -= -gm3-list-list-item-label-text-color: var(--gm3-navigation-drawer-content-i= nactive-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); = --gm3-list-list-item-label-text-font: var(--gm3-navigation-drawer-content-l= abel-text-font,"Google Sans",Roboto,Arial,sans-serif); --gm3-list-list-item= -label-text-font-variation-settings: var(--gm3-navigation-drawer-content-la= bel-text-font-variation-settings,initial); --gm3-list-list-item-label-text-= line-height: var(--gm3-navigation-drawer-content-label-text-line-height,1.2= 5rem); --gm3-list-list-item-label-text-size: var(--gm3-navigation-drawer-co= ntent-label-text-size,0.875rem); --gm3-list-list-item-label-text-tracking: = var(--gm3-navigation-drawer-content-label-text-tracking,0rem); --gm3-list-l= ist-item-label-text-weight: var(--gm3-navigation-drawer-content-label-text-= weight,500); --gm3-list-list-item-trailing-supporting-text-color: var(--gm3= -navigation-drawer-content-large-badge-label-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); --gm3-list-list-item-trailing-supporting-text-fon= t: var(--gm3-navigation-drawer-content-large-badge-label-font,"Google Sans"= ,Roboto,Arial,sans-serif); --gm3-list-list-item-trailing-supporting-text-fo= nt-variation-settings: var(--gm3-navigation-drawer-content-large-badge-labe= l-font-variation-settings,initial); --gm3-list-list-item-trailing-supportin= g-text-line-height: var(--gm3-navigation-drawer-content-large-badge-label-l= ine-height,1.25rem); --gm3-list-list-item-trailing-supporting-text-size: va= r(--gm3-navigation-drawer-content-large-badge-label-size,0.875rem); --gm3-l= ist-list-item-trailing-supporting-text-tracking: var(--gm3-navigation-drawe= r-content-large-badge-label-tracking,0rem); --gm3-list-list-item-trailing-s= upporting-text-weight: var(--gm3-navigation-drawer-content-large-badge-labe= l-weight,500); --gm3-list-list-item-selected-container-color: var(--gm3-nav= igation-drawer-content-active-indicator-color,var(--gm3-sys-color-secondary= -container,#c2e7ff)); --gm3-list-list-item-container-shape: var(--gm3-navig= ation-drawer-content-active-indicator-shape,9999px); --gm3-list-list-item-s= elected-label-text-color: var(--upgradeable-gm3-navigation-drawer-content-a= ctive-label-text-color,var(--gm3-navigation-drawer-content-active-label-tex= t-color,var(--gm3-sys-color-on-secondary-container,#004a77))); --gm3-list-l= ist-item-selected-label-text-weight: var(--gm3-navigation-drawer-content-ac= tive-label-text-weight,700); --gm3-list-list-item-selected-leading-icon-col= or: var(--upgradeable-gm3-navigation-drawer-content-active-icon-color,var(-= -gm3-navigation-drawer-content-active-icon-color,var(--gm3-sys-color-on-sec= ondary-container,#004a77))); --gm3-list-list-item-selected-trailing-support= ing-text-weight: var(--gm3-navigation-drawer-content-active-label-text-weig= ht,700); --gm3-list-list-item-focus-label-text-color: var(--gm3-navigation-= drawer-content-inactive-label-text-color,var(--gm3-sys-color-on-surface-var= iant,#444746)); --gm3-list-list-item-selected-container-shape: var(--gm3-na= vigation-drawer-content-active-indicator-shape,9999px); --gm3-list-focus-in= dicator-shape: var(--gm3-navigation-drawer-content-active-indicator-shape,9= 999px); --gm3-list-list-item-container-color: transparent; --gm3-list-list-= item-leading-space: 16px; --gm3-list-list-item-trailing-space: 24px; --gm3-= list-list-item-content-gap: 4px; --gm3-list-list-item-content-padding: 8px;= --gm3-list-divider-color: var(--gm3-navigation-drawer-content-divider-colo= r,var(--gm3-sys-color-outline-variant,#c4c7c5)); --gm3-list-divider-height:= var(--gm3-navigation-drawer-content-divider-height,1px); --gm3-list-list-i= tem-control-selected-container-color: transparent; --gm3-list-list-item-con= trol-selected-container-shape: var(--gm3-navigation-drawer-content-active-i= ndicator-shape,9999px); --gm3-list-list-item-control-selected-focus-label-t= ext-color: var(--gm3-navigation-drawer-content-inactive-label-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-contro= l-selected-hover-label-text-color: var(--gm3-navigation-drawer-content-inac= tive-hover-label-text-color,var(--gm3-sys-color-on-surface,#1f1f1f)); --gm3= -list-list-item-control-selected-hover-leading-icon-color: var(--gm3-naviga= tion-drawer-content-inactive-hover-icon-color,var(--gm3-sys-color-on-surfac= e,#1f1f1f)); --gm3-list-list-item-control-selected-hover-state-layer-color:= var(--gm3-navigation-drawer-content-inactive-hover-state-layer-color,var(-= -gm3-sys-color-on-surface,#1f1f1f)); --gm3-list-list-item-control-selected-= hover-state-layer-opacity: var(--gm3-navigation-drawer-content-hover-state-= layer-opacity,0.08); --gm3-list-list-item-control-selected-label-text-color= : var(--gm3-navigation-drawer-content-inactive-label-text-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); --gm3-list-list-item-control-selecte= d-label-text-weight: var(--gm3-navigation-drawer-content-label-text-weight,= 500); --gm3-list-list-item-control-selected-leading-icon-color: var(--gm3-n= avigation-drawer-content-inactive-icon-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --gm3-list-list-item-control-selected-trailing-supporti= ng-text-color: var(--gm3-navigation-drawer-content-large-badge-label-color,= var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-cont= rol-selected-trailing-supporting-text-weight: var(--gm3-navigation-drawer-c= ontent-large-badge-label-weight,500); --gm3-list-focus-indicator-shape-star= t-start: var(--gm3-navigation-drawer-content-active-indicator-shape,9999px)= ; --gm3-list-focus-indicator-shape-start-end: var(--gm3-navigation-drawer-c= ontent-active-indicator-shape,9999px); --gm3-list-focus-indicator-shape-end= -end: var(--gm3-navigation-drawer-content-active-indicator-shape,9999px); -= -gm3-list-focus-indicator-shape-end-start: var(--gm3-navigation-drawer-cont= ent-active-indicator-shape,9999px); --gm3-list-list-item-selected-container= -shape-start-start: var(--gm3-navigation-drawer-content-active-indicator-sh= ape,9999px); --gm3-list-list-item-selected-container-shape-start-end: var(-= -gm3-navigation-drawer-content-active-indicator-shape,9999px); --gm3-list-l= ist-item-selected-container-shape-end-end: var(--gm3-navigation-drawer-cont= ent-active-indicator-shape,9999px); --gm3-list-list-item-selected-container= -shape-end-start: var(--gm3-navigation-drawer-content-active-indicator-shap= e,9999px); --gm3-list-list-item-control-selected-container-shape-start-star= t: var(--gm3-navigation-drawer-content-active-indicator-shape,9999px); --gm= 3-list-list-item-control-selected-container-shape-start-end: var(--gm3-navi= gation-drawer-content-active-indicator-shape,9999px); --gm3-list-list-item-= control-selected-container-shape-end-end: var(--gm3-navigation-drawer-conte= nt-active-indicator-shape,9999px); --gm3-list-list-item-control-selected-co= ntainer-shape-end-start: var(--gm3-navigation-drawer-content-active-indicat= or-shape,9999px); --gm3-list-list-item-container-shape-start-start: var(--g= m3-navigation-drawer-content-active-indicator-shape,9999px); --gm3-list-lis= t-item-container-shape-start-end: var(--gm3-navigation-drawer-content-activ= e-indicator-shape,9999px); --gm3-list-list-item-container-shape-end-end: va= r(--gm3-navigation-drawer-content-active-indicator-shape,9999px); --gm3-lis= t-list-item-container-shape-end-start: var(--gm3-navigation-drawer-content-= active-indicator-shape,9999px); --gm3-list-container-shape-end-end: var(--g= m3-navigation-drawer-content-active-indicator-shape,9999px); --gm3-list-con= tainer-shape-end-start: var(--gm3-navigation-drawer-content-active-indicato= r-shape,9999px); --gm3-list-container-shape-start-end: var(--gm3-navigation= -drawer-content-active-indicator-shape,9999px); --gm3-list-container-shape-= start-start: var(--gm3-navigation-drawer-content-active-indicator-shape,999= 9px); --gm3-list-list-item-hover-state-layer-shape-end-end: var(--gm3-navig= ation-drawer-content-active-indicator-shape,9999px); --gm3-list-list-item-h= over-state-layer-shape-end-start: var(--gm3-navigation-drawer-content-activ= e-indicator-shape,9999px); --gm3-list-list-item-hover-state-layer-shape-sta= rt-end: var(--gm3-navigation-drawer-content-active-indicator-shape,9999px);= --gm3-list-list-item-hover-state-layer-shape-start-start: var(--gm3-naviga= tion-drawer-content-active-indicator-shape,9999px); --gm3-list-list-item-fa= llback-selection-end-margin: 0; --gm3-list-list-item-fallback-selection-con= tent-gap: 4px; --NRr4y: var(--gm3-navigation-drawer-content-focus-indicator= -color,var(--gm3-sys-color-secondary,#00639b)); --eJOJeb: var(--gm3-navigat= ion-drawer-content-focus-indicator-outline-offset,0px); --QTb7ce: var(--gm3= -navigation-drawer-content-focus-indicator-thickness,3px); --QzESQd: var(--= gm3-navigation-drawer-content-active-indicator-shape,9999px); --cIYKdb: var= (--gm3-navigation-drawer-content-active-indicator-shape,9999px); --po6djf: = var(--gm3-navigation-drawer-content-active-indicator-shape,9999px); --Oypuu= e: var(--gm3-navigation-drawer-content-active-indicator-shape,9999px); } .javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list-ite= m:focus-visible { border-radius: var(--gm3-navigation-drawer-content-active= -indicator-shape,9999px); } .javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list-ite= m { margin: 0px 12px; overflow: hidden; } .javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__headline= { align-items: center; display: flex; height: 56px; padding-inline-start: = 28px; color: var(--gm3-navigation-drawer-content-headline-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); font-family: var(--gm3-navigation-dr= awer-content-headline-font,"Google Sans",Roboto,Arial,sans-serif); font-var= iation-settings: var(--gm3-navigation-drawer-content-headline-font-variatio= n-settings,initial); font-size: var(--gm3-navigation-drawer-content-headlin= e-size,.875rem); font-weight: var(--gm3-navigation-drawer-content-headline-= weight,500); letter-spacing: var(--gm3-navigation-drawer-content-headline-t= racking,0); line-height: var(--gm3-navigation-drawer-content-headline-line-= height,1.25rem); } .javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__divider = { padding: 0px 28px; } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer {= display: flex; } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__= surface { position: relative; width: 0px; box-sizing: border-box; display: = flex; overflow: hidden auto; visibility: hidden; transition: width 0.25s cu= bic-bezier(0.4, 0, 0.2, 1), visibility cubic-bezier(0.4, 0, 0.2, 1) 0.25s; = background-color: var(--gm3-navigation-drawer-coplanar-container-color,var(= --gm3-sys-color-surface,#fff)); border-end-end-radius: var(--gm3-navigation= -drawer-coplanar-container-shape-end-end,16px); border-end-start-radius: va= r(--gm3-navigation-drawer-coplanar-container-shape-end-start,0); border-sta= rt-end-radius: var(--gm3-navigation-drawer-coplanar-container-shape-start-e= nd,16px); border-start-start-radius: var(--gm3-navigation-drawer-coplanar-c= ontainer-shape-start-start,0); height: var(--gm3-navigation-drawer-coplanar= -container-height,100%); } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer--= opened .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-d= rawer__surface { visibility: visible; transition: width 0.25s cubic-bezier(= 0.4, 0, 0.2, 1), visibility cubic-bezier(0.4, 0, 0.2, 1); width: var(--gm3-= navigation-drawer-coplanar-container-width,360px); } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer--= transitioning .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navig= ation-drawer__content { overflow-x: hidden; } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__= content { display: flex; flex-direction: column; overflow-y: auto; position= : relative; width: inherit; } .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__= surface { --yXuigc: var(--gm3-navigation-drawer-coplanar-standard-container= -elevation,0); } .appsDocsAnalyticsUiWizCommentTrendTrendContainer { padding: 8px 0px 24px; = overflow: hidden; } .appsDocsAnalyticsUiWizCommentTrendCommentTrendContainer { display: inline-= flex; align-items: center; gap: 66px; width: 100%; } .appsDocsAnalyticsUiWizCommentTrendLegendContainer { align-items: center; d= isplay: flex; flex: 0 0 0%; flex-direction: row; margin: 40px 24px 0px 40px= ; text-align: center; } .appsDocsAnalyticsUiWizCommentTrendTotalCommentCardContainer { padding-left= : 24px; } .appsDocsAnalyticsUiWizCommentTrendChartHeader { padding: 0px 0px 24px 24px= ; } .appsDocsAnalyticsUiWizCommentTrendDateRangeSelect { padding-right: 24px; w= idth: 280px; --gm3-select-shared-text-field-container-height: 40px; } .appsDocsAnalyticsUiWizCommentTrendLegendIcon { margin-right: 8px; } .appsDocsAnalyticsUiWizCommentTrendLegendCaption { margin: 0px 24px 5px 0px= ; } .analyticsCommentTrendContainerContainer { width: 100%; height: 100%; } .analyticsCommentTrendContainerSpinner { width: 100%; height: 100%; display= : flex; justify-content: center; align-items: center; } .trendComboChartA11yDataTable { position: absolute; overflow: hidden; heigh= t: 1px; left: -10000px; top: auto; width: 1px; } .trendSparklineGraphSliderContainer { position: absolute; z-index: 2; width= : 100%; } .trendSparklineGraphSlider { --gm3-slider-active-track-height: 0px; --gm3-s= lider-disabled-handle-width: 0px; --gm3-slider-focus-handle-width: 0px; --g= m3-slider-handle-height: 40px; --gm3-slider-handle-width: 0px; --gm3-slider= -hover-handle-width: 0px; --gm3-slider-inactive-track-height: 0px; --gm3-sl= ider-pressed-handle-width: 0px; --gm3-slider-stop-indicator-size: 0px; --gm= 3-slider-value-indicator-active-bottom-space: 2px; } .trendSparklineGraphLeftBackground, .trendSparklineGraphRightBackground { b= order-width: 1px; position: absolute; height: 32px; background-color: var(-= -gm3-sys-color-surface-container,#f0f4f9); border-color: var(--gm3-sys-colo= r-primary,#0b57d0); } .trendSparklineGraphLeftBackground { border-style: none dashed none none; } .trendSparklineGraphRightBackground { right: 24px; border-style: none none = none dashed; } .trendSparklineGraphGraphContainer { position: relative; height: 32px; padd= ing: 24px 0px; } .trendSparklineGraphGraphWithBackground { padding: 0px 24px; height: 100%; = } .trendSparklineGraphGraph { height: 32px; } .viewerTrendUtilTotalUniqueViewerContainer { display: inline-flex; gap: 5px= ; align-items: center; } .viewerTrendUtilChartHeader { font-weight: 500; padding-bottom: 24px; margi= n-left: 24px; } .viewerTrendUtilInfoIcon { --gm3-icon-button-standard-icon-size: 18px; colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsDocsAnalyticsUiWizCommenttrendutilChartHeader { font-weight: 500; } .appsDocsAnalyticsUiWizEmailchipContainer { align-items: center; border: 1p= x solid; box-sizing: border-box; border-radius: 16px; display: flex; flex-d= irection: row; height: 28px; margin: 0px 8px 4px 0px; padding: 4px; } .appsDocsAnalyticsUiWizEmailchipCloseIcon { align-items: center; display: f= lex; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsDocsAnalyticsUiWizEmailchipName { color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); font-size: 0.875rem; font-weight: 500; padding-left: 8px; max-w= idth: 495px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap= ; } .appsDocsAnalyticsUiWizEmailchipButton { --gm3-icon-button-standard-icon-si= ze: 18px; width: 24px; height: 24px; align-items: center; display: flex; } .appsDocsAnalyticsUiWizEmailchipImg { border-radius: 9999px; margin-left: 1= px; width: 20px; } .errorCardModelErrorCard { display: flex; flex-direction: column; justify-c= ontent: center; width: 100%; height: 100%; align-items: center; } .errorCardModelErrorCardButton { flex-direction: row; height: 48px; } .errorCardModelMessageContainer { text-align: center; } .analyticDialogViewerFooterNudgeContainer { display: flex; justify-content:= space-between; align-items: center; } .analyticDialogViewerFooterButtonContainer { display: flex; gap: 8px; posit= ion: relative; top: 24px; } .analyticDialogViewerFooterInfoContainer { font-size: 0.75rem; height: 48px= ; display: flex; align-items: center; gap: 4px; } .analyticDialogViewerFooterContainer { background-color: var(--gm3-sys-colo= r-surface-bright,#fff); border-top: 1px solid var(--gm3-sys-color-outline-v= ariant,#c4c7c5); margin-right: 24px; } .analyticDialogViewerFooterFeedbackContainer { display: flex; align-items: = center; font-size: 0.75rem; gap: 3px; } .analyticDialogViewerFooterGiveFeedbackButton { --gm3-button-text-container= -height: 16px; --gm3-button-text-label-text-size: 12px; --gm3-button-text-l= abel-text-weight: 400; } .analyticsGroupCardContainer { align-items: center; display: flex; height: = 48px; width: 100%; border-bottom: 1px solid var(--gm3-sys-color-outline-var= iant,#c4c7c5); } .analyticsGroupCardProfile { align-items: center; display: flex; flex-grow:= 1; height: 100%; padding-left: 16px; } .analyticsGroupCardNonExpandableProfile { gap: 20px; align-items: center; d= isplay: flex; flex-grow: 1; } .analyticsGroupCardDisplayName { font-size: 0.875rem; font-weight: 500; mar= gin-right: 24px; } .analyticsGroupCardFuzzyTime { font-size: 0.875rem; margin-right: 36px; wid= th: 108px; } .analyticsGroupCardGroupButton { --gm3-button-text-label-text-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-hover-label-te= xt-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-tex= t-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-background,#= fff); --gm3-button-text-label-text-size: 14px; --gm3-button-text-pressed-st= ate-layer-color: var(--gm3-sys-color-background,#fff); } .analyticsGroupCardGroupButton .docs-icon-img { color: var(--gm3-sys-color-= on-surface,#1f1f1f); } .analyticsGroupCardExpandableButtons { position: relative; width: 90%; heig= ht: 100%; } .analyticsGroupCardExpandableButton { position: absolute; } .analyticsGroupCardMessage { font-size: 0.75rem; } .analyticsGroupCardMessageError { color: var(--gm3-sys-color-error,#b3261e)= ; } .analyticsGroupCardMessageWarning { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); font-style: italic; } .analyticsGroupCardTooltipSpacePlaceholder { width: 40px; } .learnMoreErrorCardLearnMoreErrorCard { padding: 16px 64px; } .appsDocsAnalyticsUiWizLowdatamodeContainer { align-items: center; justify-= content: center; height: 100%; width: 100%; display: flex; flex-direction: = column; } .appsDocsAnalyticsUiWizLowdatamodeOuterContainer { height: 100%; width: 100= %; display: flex; flex-direction: column; } .appsDocsAnalyticsUiWizLowdatamodeOffsetContainer { height: 64px; width: 10= 0%; } .appsDocsAnalyticsUiWizLowdatamodeTitle { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; letter-spacing: = 0px; line-height: 2rem; padding: 0px 48px 16px; } .appsDocsAnalyticsUiWizLowdatamodeMessage { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 1.5rem; padding: 0px 30px 16px; } .appsDocsAnalyticsUiWizLowdatamodeShareButton { margin-top: 0px; margin-bot= tom: 0px; margin-right: 3px; gap: 6px; --gm3-button-filled-container-color:= var(--gm3-sys-color-secondary-container,#c2e7ff); --gm3-button-filled-labe= l-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-bu= tton-filled-focus-label-text-color: var(--gm3-sys-color-on-secondary-contai= ner,#004a77); --gm3-button-filled-hover-label-text-color: var(--gm3-sys-col= or-on-secondary-container,#004a77); --gm3-button-filled-pressed-label-text-= color: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsDocsAnalyticsUiWizLowdatamodeLockIcon { color: var(--gm3-sys-color-on-= secondary-container,#004a77); } .analyticsOnboardingDialog a { color: var(--gm3-sys-color-primary,#0b57d0);= text-decoration: underline; } .analyticsOnboardingDialog a:focus, .analyticsOnboardingDialog a:hover { co= lor: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sy= s-color-primary,#0b57d0)); } .analyticsOnboardingDialog a:visited { color: var(--ws-sys-color-extended-p= urple-fill,#7438d2); } .analyticsOnboardingDialog a:visited:focus, .analyticsOnboardingDialog a:vi= sited:hover { color: color-mix(in srgb,var(--ws-sys-color-extended-on-purpl= e-fill,#fff) 10%,var(--ws-sys-color-extended-purple-fill,#7438d2)); } .analyticsOnboardingDialogImage { border-radius: 12px; box-sizing: border-b= ox; height: 100%; width: 100%; } .analyticsOnboardingDialogLearnMore { cursor: pointer; } .docsHeroIcon { --d3K6sb: 100%; --OVc2Ab: 100%; } .analyticsProfileImageImg { border-radius: 9999px; height: 32px; } .analyticsSendEmailCardContainer { padding: 0px 24px; display: flex; flex-d= irection: column; justify-content: space-between; height: 100%; } .analyticsSendEmailCardSubjectBox { margin-top: 28px; width: 100%; } .analyticsSendEmailCardMessageBox { margin-top: 10px; width: 100%; --gm3-te= xt-field-outlined-container-height: 108px; } .analyticsSendEmailCardSendEmailTitle { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px;= line-height: 1.5rem; margin-bottom: 16px; } .analyticsSendEmailCardRecipientsContainer { display: flex; flex-flow: wrap= ; max-height: 68px; min-height: 32px; overflow: hidden scroll; } .analyticsSendEmailCardRecipients { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.006= 25rem; line-height: 1rem; margin-bottom: 8px; } .analyticsSendEmailCardDocumentInfoContainer { padding-top: 16px; } .analyticsSendEmailCardDocumentInfo { max-width: 100%; gap: 4px; --gm3-butt= on-outlined-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); } .analyticsSendEmailCardButtons { padding-bottom: 24px; text-align: end; } .analyticsSendEmailCardMailCancelButton { margin-right: 8px; } .analyticsSendEmailCardSendToMyself { margin-top: 5px; } .analyticDialogSettingsSpinner { display: flex; justify-content: center; al= ign-items: center; height: 28px; left: 50%; position: absolute; top: 50%; t= ransform: translate(-50%, -50%); width: 28px; } .analyticDialogSettingsSettings { display: flex; flex-direction: column; fl= ex-grow: 1; min-height: 1px; position: relative; width: 100%; height: 100%;= } .analyticDialogSettingsSettingContent { display: flex; flex-direction: colu= mn; flex-grow: 1; min-height: 1px; position: relative; } .analyticDialogSettingsSettingSectionContainer { flex-grow: 1; overflow-y: = auto; } .analyticDialogSettingsSettingSection { padding: 0px 0px 43px 24px; } .analyticDialogSettingsSettingSectionLabel { font-size: 1rem; font-weight: = 500; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .analyticDialogSettingsSubSection { align-items: center; display: flex; fle= x-direction: row; justify-content: space-between; margin: 16px 24px 0px 0px= ; } .analyticDialogSettingsSettingSwitchLabel { font-size: 0.875rem; font-weigh= t: 500; line-height: 1.25rem; } .analyticDialogSettingsSettingExplanation { font-size: 0.875rem; font-weigh= t: 400; line-height: 1.25rem; width: auto; padding-right: 3px; } .analyticDialogSettingsLearnMoreLink { font-size: 0.875rem; font-weight: 40= 0; line-height: 1.25rem; width: auto; } .analyticDialogSettingsSettingExplanationSection { margin-right: 100px; } .analyticDialogSettingsButtons { align-items: center; bottom: 0px; display:= flex; flex-direction: row; height: 88px; justify-content: flex-end; width:= 100%; } .analyticDialogSettingsCancelButton { margin: 0px 8px; } .analyticDialogSettingsSaveButton { margin: 0px 24px 0px 8px; } .analyticsSettingsContainerContainer { width: 100%; height: 100%; } .analyticsSettingsContainerSpinner { width: 100%; height: 100%; display: fl= ex; justify-content: center; align-items: center; } .analyticsSettingsContainerUtilSettingsContent { width: 100%; height: 100%;= display: flex; justify-content: center; align-items: center; } .settingsFailureCardSettingsFailureCard { color: var(--gm3-sys-color-error,= #b3261e); font-size: 13px; font-weight: 500; margin: 0px 24px; } .settingsInfoCardSettingsInfoCard { display: flex; flex-direction: column; = justify-content: center; width: auto; padding: 0px 24px; background-color: = var(--gm3-sys-color-surface-bright,#fff); color: var(--gm3-sys-color-on-sur= face-variant,#444746); font-family: Roboto, RobotoDraft, Helvetica, Arial, = sans-serif; font-size: 0.875rem; font-weight: 500; } .analyticDialogSettingsUtilErrorCardContainer { align-items: center; displa= y: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; wid= th: 100%; height: 100%; } .analyticDialogSettingsUtilSettingsFailureCardContainer { align-items: cent= er; background-color: var(--gm3-sys-color-surface-container,#f0f4f9); borde= r-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); display: = flex; flex-direction: row; height: 48px; } .SharingHistoryTabManageSettingsButton { font-size: 13px; margin-right: 12p= x; } .SharingHistoryTabManageSettingsRow { display: inline-flex; justify-content= : space-between; align-items: center; border-bottom: 1px solid var(--gm3-sy= s-color-outline-variant,#c4c7c5); } .SharingHistoryTabSharingHistoryTab { align-items: start; width: 100%; heig= ht: 100%; display: flex; flex-direction: column; } .SharingHistoryTabSharingSummary { width: 95%; } .SharingHistoryTabActivityDeck { max-height: 100%; overflow-y: scroll; widt= h: 96%; position: relative; margin-bottom: 24px; margin-left: 24px; } .SharingHistoryTabActivityDeck .activity-event-target-list { display: none;= } .SharingHistoryTabActivityDeck .activity-event-scopes-list { margin-top: 0p= x; padding-left: 72px; } .analyticsSharingHistoryContainerContainer { flex-direction: column; displa= y: flex; } .analyticsSharingHistoryContainerContainer, .analyticsSharingHistoryContain= erSharingHistory { width: 100%; height: 100%; } .analyticsSharingHistoryContainerSpinner { width: 100%; height: 100%; displ= ay: flex; justify-content: center; align-items: end; } .appsDocsAnalyticsUiWizSharinghistoryutilSharingHistorySummaryContainer { d= isplay: flex; justify-content: space-between; align-items: center; padding-= left: 15px; margin-left: 24px; } .appsDocsAnalyticsUiWizSharinghistoryutilSharingHistorySummary { display: f= lex; gap: 8px; align-items: center; } .analyticsViewerCardContainer { align-items: center; display: flex; height:= 48px; width: 100%; border-bottom: 1px solid var(--gm3-sys-color-outline-va= riant,#c4c7c5); } .analyticsViewerCardProfile { align-items: center; display: flex; flex-grow= : 1; gap: 20px; padding-left: 16px; } .analyticsViewerCardDisplayName { font-size: 0.875rem; font-weight: 500; ma= rgin-right: 24px; } .analyticsViewerCardFuzzyTime { font-size: 0.875rem; margin-right: 36px; wi= dth: 108px; } .analyticsViewerCardTooltipContainer { display: flex; gap: 4px; width: 40px= ; } .analyticsViewerCardCheckbox { width: 40px; } .viewCardListContainer { padding-left: 24px; } .viewCardListDataTable { width: 100%; --gm3-data-table-header-container-col= or: var(--gm3-sys-color-surface-bright,#fff); --gm3-data-table-outline-widt= h: 0px; --gm3-data-table-row-item-outline-width: 0px; } .viewCardListHeaderContainer { display: flex; margin-right: 24px; } .viewCardListTableHeader { display: flex; gap: 220px; max-width: 535px; } .viewCardListHeader { display: flex; align-items: center; } .viewCardListHeaderLastViewed, .viewCardListHeaderName { background-color: = var(--gm3-sys-color-surface-bright,#fff); } .viewCardListEmailMenuContainer, .viewCardListHeaderLastViewed, .viewCardLi= stHeaderName { display: flex; align-items: center; } .viewCardListEmailMenuContainer { flex: 0.3 1 0%; min-width: 40px; } .viewCardListListAndFooterContainer { display: flex; flex-direction: column= ; height: 440px; justify-content: space-between; } .viewCardListFooter { padding-bottom: 24px; } .viewCardListListContainer { overflow-y: scroll; padding-right: 8px; min-he= ight: 348px; } .viewCardListGroupMembersContainer, .viewCardListSpinnerContainer { margin-= left: 57px; } .viewCardListSpinner { text-align: center; --EkrYwf: 36px; align-self: cent= er; } .analyticsDialogViewersContainer { width: 100%; height: 100%; position: rel= ative; } .analyticsDialogViewersTabBar { margin-left: 24px; margin-right: 24px; --gm= 3-tabs-primary-container-color: var(--gm3-sys-color-surface-bright,#fff); -= -gm3-tabs-primary-focus-indicator-active-offset-bottom: -4px; } .analyticsViewersContainerContainer { width: 100%; height: 100%; flex-direc= tion: column; display: flex; } .analyticsViewersContainerSpinner { height: 100%; width: 100%; align-items:= end; display: flex; justify-content: center; } .analyticsViewersContainerSendEmail, .analyticsViewersContainerViewersList = { height: 100%; } .analyticsViewersContainerUtilContent { width: 100%; height: 100%; } .analyticsViewerTrendTrendContainer { padding-top: 8px; overflow: hidden; } .analyticsViewerTrendViewersContainer { display: inline-flex; align-items: = center; justify-content: space-between; width: 100%; } .analyticsViewerTrendComboChartContainer { padding-top: 24px; } .analyticsViewerTrendUniqueViewersContainer { padding-left: 24px; } .analyticsViewerTrendDateRangeSelect { padding-right: 24px; --gm3-select-sh= ared-text-field-container-height: 40px; } .analyticsViewerTrendContainerContainer { height: 100%; width: 100%; } .analyticsViewerTrendContainerSpinner { width: 100%; height: 100%; display:= flex; justify-content: center; align-items: center; } .appsDocsAnalyticsUiWizViewertrendcontainerutilFooterContainer { padding-bo= ttom: 24px; margin-left: 24px; } .appsDocsAnalyticsUiWizViewertrendcontainerutilContent { height: 100%; widt= h: 100%; position: relative; display: flex; flex-direction: column; justify= -content: space-between; } .approvalResetWarningDialogDialog { --OVc2Ab: 280px; --d3K6sb: 134px; } .docsCommonGMDCDialogPointerLink { color: var(--gm3-sys-color-primary,#0b57= d0); cursor: pointer; } @media screen and (forced-colors: active) { .docsCommonGMDCDialogPointerLink { color: linktext; } } .appsDocsBlameContributorsWizContributorSurfaceContributorSurface { display= : flex; flex-direction: column; gap: 12px; padding: 16px; } .appsDocsBlameContributorsWizContributorSurfaceCard { --gm3-card-elevated-c= ontainer-color: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-cont= ainer-shape-start-start: 12px; --gm3-card-elevated-container-shape-start-en= d: 12px; --gm3-card-elevated-container-shape-end-end: 12px; --gm3-card-elev= ated-container-shape-end-start: 12px; } .appsDocsBlameContributorsWizContributorSurfaceContributor { align-items: c= enter; border-radius: 8px; display: flex; flex-direction: row; padding-bott= om: 16px; white-space: nowrap; } .appsDocsBlameContributorsWizContributorSurfaceAvatarImage { block-size: 40= px; border-radius: 9999px; inline-size: 40px; margin-inline-end: 12px; } .appsDocsBlameContributorsWizContributorSurfaceTextButtonsContainer { displ= ay: flex; flex-direction: row; inline-size: 100%; justify-content: flex-end= ; gap: 8px; } .appsDocsBlameContributorsWizContributorSurfaceNoWrap { white-space: nowrap= ; } .appsDocsBlameContributorsWizContributorSurfaceHeaderText { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 5= 00; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-o= n-surface,#1f1f1f); inline-size: 296px; } .appsDocsBlameContributorsWizContributorSurfaceTimestampText { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight:= 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); } .appsDocsBlameContributorsWizContributorSurfaceNameTextContainer { align-it= ems: center; display: flex; flex-direction: row; gap: 4px; } .appsDocsBlameContributorsWizContributorSurfaceNameText { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-= surface,#1f1f1f); max-inline-size: 167px; overflow: hidden; text-overflow: = ellipsis; } .appsDocsBlameContributorsWizContributorSurfaceIsHidden { visibility: hidde= n; } .appsDocsBlameContributorsWizContributorSurfaceErrorMessage { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color= -on-surface-variant,#444746); max-inline-size: 296px; text-wrap: wrap; } .appsDocsBlameContributorsWizContributorSurfaceLoadingIndicatorContainer { = float: left; position: relative; } .appsDocsBlameContributorsWizContributorSurfaceCircularProgress { --EkrYwf:= 24px; } .appsDocsChromeSaveWizSaveindicatorPopupCard { --gm3-card-elevated-containe= r-color: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-s= hape-start-start: 12px; --gm3-card-elevated-container-shape-start-end: 12px= ; --gm3-card-elevated-container-shape-end-end: 12px; --gm3-card-elevated-co= ntainer-shape-end-start: 12px; inline-size: 330px; } .appsDocsChromeSaveWizSaveindicatorPopupTitle { padding: 6px 0px; } .appsDocsChromeSaveWizSaveindicatorPopupIcon { color: var(--gm3-sys-color-o= n-primary-container,#0842a0); flex-shrink: 0; } .appsDocsChromeSaveWizSaveindicatorPopupPopupContainer { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400;= letter-spacing: 0px; line-height: 1.25rem; display: flex; flex-direction: = column; justify-content: space-between; text-wrap: wrap; } .appsDocsChromeSaveWizSaveindicatorPopupBody { display: flex; flex-directio= n: column; gap: 8px; padding: 16px; } .appsDocsChromeSaveWizSaveindicatorPopupSaveNowButton, .appsDocsChromeSaveW= izSaveindicatorPopupTurnOnOfflineButton { display: flex; flex-direction: ro= w-reverse; padding-top: 16px; } .appsDocsChromeSaveWizSaveindicatorPopupHeader { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-= spacing: 0px; line-height: 1.25rem; background-color: var(--gm3-sys-color-p= rimary-container,#d3e3fd); border-top-left-radius: 12px; border-top-right-r= adius: 12px; align-items: center; color: var(--gm3-sys-color-on-primary-con= tainer,#0842a0); display: flex; flex-direction: row; gap: 12px; height: 48p= x; padding: 0px 16px; text-overflow: ellipsis; } .appsDocsChromeSaveWizSaveindicatorPopupSubtitle { font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; lette= r-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface= -variant,#444746); } .appsDocsChromeSaveWizSaveindicatorPopupContent { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-= variant,#444746); display: flex; flex-direction: column; gap: 8px; white-sp= ace: pre-wrap; } .appsDocsChromeSaveWizSaveindicatorPopupBlobUploadProgressList { display: f= lex; flex-direction: column; gap: 8px; max-height: 400px; overflow-y: auto;= } .appsDocsChromeSaveWizSaveindicatorPopupSubtitleContainer { align-items: ce= nter; display: flex; flex-direction: row; gap: 8px; } .appsDocsChromeTitlebarWizClassificationbadgecalloutCallout { --ae-callout-= container-width: 300px; } .appsDocsChromeTitlebarWizClassificationbadgecalloutContentContainer { disp= lay: flex; flex-direction: column; gap: 4px; } .appsDocsChromeTitlebarWizClassificationbadgecalloutBadgeTitle { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter-sp= acing: 0px; line-height: 1.25rem; font-weight: 500; margin-top: 8px; } .appsDocsChromeTitlebarWizClassificationbadgecalloutCategoryLabel { font-fa= mily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter= -spacing: 0px; line-height: 1.25rem; align-items: center; display: flex; fl= ex-direction: row; font-weight: 500; gap: 4px; } .appsDocsChromeTitlebarWizClassificationbadgecalloutCategoryLabel .appsDocs= ChromeTitlebarWizClassificationbadgecalloutCategoryIcon { height: 16px; } .appsDocsChromeTitlebarWizCsedefaulttitlebarbadgecalloutCallout { --ae-call= out-container-width: 400px; } .appsDocsChromeTitlebarWizTitlebarbadgecalloutCalloutContent { display: fle= x; flex-direction: column; } .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent a { color: var(--= gm3-sys-color-primary,#0b57d0); text-decoration: underline; } .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent a:focus, .appsDoc= sChromeTitlebarWizTitlebarbadgecalloutTextContent a:hover { color: color-mi= x(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,var(--gm3-sys-color-prima= ry,#0b57d0)); } .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent a:visited { color= : var(--ws-sys-color-extended-purple-fill,#7438d2); } .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent a:visited:focus, = .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent a:visited:hover {= color: color-mix(in srgb,var(--ws-sys-color-extended-on-purple-fill,#fff) = 10%,var(--ws-sys-color-extended-purple-fill,#7438d2)); } .appsDocsChromeTitlebarWizTitlebarbadgecalloutTextContent:not(:first-child)= { display: flex; flex-direction: column; gap: 8px; } .appsDocsChromeTitlebarWizTitlebarbadgecalloutCallout { --ae-callout-contai= ner-width: 300px; } .docssharedActiveAccountSurfaceActiveAccountSurface { color: var(--gm3-sys-= color-on-surface,#1f1f1f); display: flex; flex-direction: column; gap: 12px= ; padding: 16px; } .docssharedActiveAccountSurfaceCard { --gm3-card-elevated-container-color: = var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-shape-star= t-start: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-c= ard-elevated-container-shape-end-end: 12px; --gm3-card-elevated-container-s= hape-end-start: 12px; inline-size: 280px; } .docssharedActiveAccountSurfaceTitle { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0= px; line-height: 1.25rem; } .docssharedActiveAccountSurfaceUserEmail { font-weight: 700; overflow: hidd= en; text-overflow: ellipsis; } .docssharedActiveAccountSurfaceAvatar { align-items: center; display: flex;= flex-direction: row; gap: 12px; } .docssharedActiveAccountSurfaceAvatarImage { border-radius: 9999px; height:= 40px; width: 40px; } .docssharedActiveAccountSurfaceDisplayName { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spac= ing: 0px; line-height: 1.25rem; } .docssharedActiveAccountSurfaceButtons { display: flex; gap: 6px; justify-c= ontent: flex-end; margin-top: 4px; } .baseCopyDocDialogTextContainer { width: 350px; } .baseCopyDocDialogNoticeContainer { padding-top: 10px; padding-bottom: 10px= ; } .baseCopyDocDialogTextfield { width: 100%; } .baseCopyDocDialogIconButton { padding-bottom: 8px; } .baseCopyDocDialogTitleText { font-size: 1rem; font-weight: 500; line-heigh= t: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 8px 0px= ; } .baseCopyDocDialogMinPick.picker-iframe.picker-min { z-index: 1003; } .baseCopyDocDialogFixedFilenameText { font-weight: 700; margin: 8px 0px 16p= x; overflow-wrap: break-word; } .baseCopyDocDialogSharedFolderText { padding-top: 8px; font-size: 0.75rem; = } .baseCopyDocDialogCheckboxes { --gm3-checkbox-container-size: 18px; --gm3-c= heckbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; padd= ing-top: 16px; } .baseCopyDocDialogCheckboxLabelNextToBadge { display: inline-block; margin-= right: 10px; } .baseCopyDocDialogCheckboxLabelBadge { display: inline-block; --ae-badge-co= ntainer-color: var(--ws-sys-color-extended-green-tonal,#beefbb); --ae-badge= -text-color: var(--ws-sys-color-extended-on-green-tonal,#006c35); vertical-= align: middle; } .baseCopyDocDialogSvgIcon { color: var(--gm3-sys-color-primary,#0b57d0); pa= dding-right: 6px; } .baseCopyDocDialogContainer { --pjsEwc: 440px; --Tlqqfc: 440px; } .baseCopyDocDialogContainer.baseCopyDocDialogCopyOptionsEnabled { --pjsEwc:= 656px; --Tlqqfc: 656px; } @media (max-width: 656px) { .baseCopyDocDialogContainer.baseCopyDocDialogCopyOptionsEnabled { --pjsEw= c: 440px; --Tlqqfc: 440px; } } .baseCopyDocDialogContainer.baseCopyDocDialogCopyOptionsEnabled .baseCopyDo= cDialogTextContainer { width: auto; } .baseCopyDocDialogIdpContentContainer { display: inline-flex; align-items: = center; gap: 6px; flex-direction: row; } .baseCopyDocDialogCopyOptionContainer { display: flex; flex-direction: colu= mn; padding-top: 16px; } .baseCopyDocDialogCopyOptionItemContainer { display: flex; flex-direction: = row; gap: 8px; } .baseCopyDocDialogCopyOptionItem { align-items: flex-start; background-colo= r: var(--gm3-sys-color-surface-container,#f0f4f9); border: 2px solid transp= arent; border-radius: 12px; cursor: pointer; display: flex; flex-direction:= row; flex: 1 1 0%; gap: 16px; padding: 20px; text-align: left; } .baseCopyDocDialogCopyOptionItem:hover { background-color: var(--gm3-sys-co= lor-surface-container-high,#e9eef6); } .baseCopyDocDialogCopyOptionTextContent { flex: 1 1 0%; flex-direction: col= umn; gap: 8px; padding: 8px 0px; } .baseCopyDocDialogCopyOptionItemSelected { background-color: var(--gm3-sys-= color-primary-container,#d3e3fd); border-color: var(--gm3-sys-color-primary= ,#0b57d0); } .baseCopyDocDialogCopyOptionItemSelected:hover { background-color: var(--gm= 3-sys-color-primary-container,#d3e3fd); } @media (forced-colors: active) { .baseCopyDocDialogCopyOptionItemSelected { outline: highlight solid 2px; = } } .baseCopyDocDialogCopyOptionItemDisabled { cursor: default; opacity: 0.38; = pointer-events: none; } .baseCopyDocDialogCopyOptionThumbnail { height: 112px; object-fit: contain;= pointer-events: none; } .baseCopyDocDialogCopyOptionLabel { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font-size: 1rem; font-weight: 500; line-height: 1.5rem; margin-bot= tom: 4px; } .baseCopyDocDialogCopyOptionDescription { color: var(--gm3-sys-color-on-sur= face-variant,#444746); font-size: 0.875rem; font-weight: 400; line-height: = 1.25rem; } .baseCopyDocDialogWideImageCopyOptions { display: flex; } .baseCopyDocDialogWideImageCopyOptions .baseCopyDocDialogCopyOptionItem { a= lign-items: center; } .baseCopyDocDialogWideImageCopyOptions .baseCopyDocDialogCopyOptionThumbnai= l { height: 67px; } .baseCopyDocDialogPromptBoxContainer { --ae-generativeai-promptbox-outline-= color: var(--gm3-sys-color-outline-variant,#c4c7c5); padding-top: 16px; } .baseCopyDocDialogUtilTextContainer { width: 350px; } .baseCopyDocDialogUtilNoticeTop { padding-top: 20px; } .baseCopyDocDialogUtilFolderIcon { padding-right: 6px; } .baseCopyDocDialogUtilSvgIcon { color: var(--gm3-sys-color-primary,#0b57d0)= ; } .appsElementsBadgeActionMain { --gm3-button-text-hover-state-layer-opacity:= 0; --gm3-button-text-pressed-state-layer-opacity: 0; --gm3-button-text-wit= h-leading-icon-leading-space: 4px; --gm3-button-text-with-leading-icon-trai= ling-space: 4px; --gm3-button-text-leading-space: 4px; --gm3-button-text-tr= ailing-space: 4px; --B2vlaf: 0; --WDn77c: 0; --cqRGAe: 4px; --I44uX: 4px; -= -iQHskc: 4px; --bIwNwf: 4px; max-inline-size: 180px; } .appsElementsBadgeActionMain:hover { text-decoration: underline from-font; = text-underline-offset: 1.5px; } .appsElementsBadgeActionMain .appsElementsBadgeInformativeIcon.appsElements= BadgeInformativeIcon { margin-inline-end: 4px; } .appsElementsBadgeActionTooltip { --gm3-tooltip-rich-action-label-text-font= : "Google Sans"; --gm3-tooltip-rich-supporting-text-font: "Google Sans"; } .appsElementsBadgeActionTooltipExpanded { --gm3-tooltip-rich-container-max-= block-size: 80vh; --gm3-tooltip-rich-content-overflow-y: auto; } .appsElementsBadgeActionTooltipBadge { margin-block-end: 8px; } .appsElementsBadgeActionTooltipImage { width: 100%; margin-block-end: 12px;= display: block; } .appsElementsBadgeNotification { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.00625r= em; line-height: 1rem; text-overflow: ellipsis; white-space: nowrap; overfl= ow: hidden; border-radius: 8px; inline-size: fit-content; block-size: 16px;= padding: 0px 4px; max-inline-size: 180px; color: var(--ae-badge-text-color= ,var(--ws-sys-color-extended-on-blue-fill,#fff)); } .appsElementsBadgeNotification:empty { border-radius: 4px; inline-size: 8px= ; block-size: 8px; padding: 0px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsBadgeNotification:empty { background-color: highlight; } } .appsElementsBadgeFeature { background-color: var(--ae-badge-container-colo= r,var(--ws-sys-color-extended-blue-fill,#1157ce)); } .appsElementsBadgeFeatureContainer { block-size: 16px; display: flex; align= -items: center; } .appsElementsBadgeFeatureLabel { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.00625r= em; line-height: 1rem; text-overflow: ellipsis; white-space: nowrap; overfl= ow: hidden; pointer-events: none; color: var(--ae-badge-text-color,var(--ws= -sys-color-extended-on-blue-fill,#fff)); opacity: 0; transition: opacity 0.= 35s 50ms; } .appsElementsBadgeFeatureMain { display: flex; padding: 0px; border-radius:= 4px; max-inline-size: 8px; max-block-size: 8px; background-color: var(--ws= -sys-color-extended-blue-fill,#1157ce); transition-property: max-inline-siz= e, max-block-size, padding, border-radius; transition-duration: 0.35s; tran= sition-timing-function: cubic-bezier(0.2, 0, 0, 1); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsBadgeFeatureMain { background-color: highlight; color: highl= ighttext; forced-color-adjust: none; } } .appsElementsBadgeFeatureMain:hover { border-radius: 8px; max-inline-size: = 180px; max-block-size: 16px; padding: 0px 4px; } .appsElementsBadgeFeatureMain:hover .appsElementsBadgeFeatureLabel { opacit= y: 1; } .appsElementsBadgeRoot { inline-size: fit-content; } .appsElementsBadgeBeta { --ae-badge-container-color: var(--gm3-sys-color-pr= imary-container,#d3e3fd); --ae-badge-text-color: var(--gm3-sys-color-on-pri= mary-container,#0842a0); } .appsElementsBadgeBeta .appsElementsBadgeContainer .appsElementsBadgeMain {= --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-primary-= container,#0842a0); --gm3-button-text-hover-state-layer-opacity: 0.08; --gm= 3-button-text-pressed-state-layer-color: var(--gm3-sys-color-on-primary-con= tainer,#0842a0); --gm3-button-text-pressed-state-layer-opacity: 0.1; --YBrG= Od: var(--gm3-sys-color-on-primary-container,#0842a0); --B2vlaf: 0.08; --Aq= mtlf: var(--gm3-sys-color-on-primary-container,#0842a0); --WDn77c: 0.1; dis= play: flex; } .appsElementsBadgeBeta .appsElementsBadgeContainer .appsElementsBadgeMain:h= over { text-decoration: none; } .appsElementsBadgeContainer { border-radius: var(--ae-badge-container-shape= ,4px); block-size: var(--ae-badge-block-size,20px); display: flex; justify-= content: center; align-items: center; max-inline-size: var(--ae-badge-max-i= nline-size,180px); inline-size: fit-content; } .appsElementsBadgeMain { --gm3-button-text-container-height: var(--ae-badge= -block-size,20px); --gm3-button-text-focus-label-text-color: var(--ae-badge= -text-color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce)); --gm3-butt= on-text-hover-label-text-color: var(--ae-badge-text-color,var(--ws-sys-colo= r-extended-on-blue-tonal,#1157ce)); --gm3-button-text-label-text-color: var= (--ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce));= --gm3-button-text-label-text-size: 0.75rem; --gm3-button-text-label-text-t= racking: 0.00625rem; --gm3-button-text-label-text-weight: 500; --gm3-button= -text-pressed-label-text-color: var(--ae-badge-text-color,var(--ws-sys-colo= r-extended-on-blue-tonal,#1157ce)); --gm3-button-text-with-icon-focus-icon-= color: var(--ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tonal,= #1157ce)); --gm3-button-text-with-icon-hover-icon-color: var(--ae-badge-tex= t-color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce)); --gm3-button-t= ext-with-icon-icon-color: var(--ae-badge-text-color,var(--ws-sys-color-exte= nded-on-blue-tonal,#1157ce)); --gm3-button-text-with-icon-pressed-icon-colo= r: var(--ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tonal,#115= 7ce)); --gm3-button-text-container-shape-start-start: 4px; --gm3-button-tex= t-container-shape-start-end: 4px; --gm3-button-text-container-shape-end-end= : 4px; --gm3-button-text-container-shape-end-start: 4px; --gm3-button-text-= pressed-container-shape-start-start: 4px; --gm3-button-text-pressed-contain= er-shape-start-end: 4px; --gm3-button-text-pressed-container-shape-end-end:= 4px; --gm3-button-text-pressed-container-shape-end-start: 4px; --ACz4Ef: v= ar(--ae-badge-block-size,20px); --AgdDDe: var(--ae-badge-text-color,var(--w= s-sys-color-extended-on-blue-tonal,#1157ce)); --KlCPy: var(--ae-badge-text-= color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce)); --E7LJub: var(--= ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce)); --= iupfj: 0.75rem; --wYfeBd: 0.00625rem; --iYZFg: 500; --TiwAdd: var(--ae-badg= e-text-color,var(--ws-sys-color-extended-on-blue-tonal,#1157ce)); --KJytYc:= var(--ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tonal,#1157c= e)); --wGctee: var(--ae-badge-text-color,var(--ws-sys-color-extended-on-blu= e-tonal,#1157ce)); --pYV9Td: var(--ae-badge-text-color,var(--ws-sys-color-e= xtended-on-blue-tonal,#1157ce)); --wT306e: var(--ae-badge-text-color,var(--= ws-sys-color-extended-on-blue-tonal,#1157ce)); --vnHB2b: 4px; --reHhYc: 4px= ; --KSw0Y: 4px; --LVqyS: 4px; --XBj1u: 4px; --CwFxnb: 4px; --XlXd3e: 4px; -= -kzo6le: 4px; } .appsElementsBadgeContainer .appsElementsBadgeMain { background-color: var(= --ae-badge-container-color,var(--ws-sys-color-extended-blue-tonal,#d0e4ff))= ; color: var(--ae-badge-text-color,var(--ws-sys-color-extended-on-blue-tona= l,#1157ce)); min-inline-size: unset; } .appsElementsBadgeBorder, .appsElementsBadgeContainer .appsElementsBadgeBor= der { box-sizing: border-box; border: 1px solid var(--ae-badge-outline-colo= r,none); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsBadgeBorder, .appsElementsBadgeContainer .appsElementsBadgeB= order { border: 1px solid canvastext; } } .appsElementsBadgeLabelText { background-image: ; background-position-x: ; = background-position-y: ; background-size: ; background-repeat: ; background= -attachment: ; background-origin: ; background-color: ; background-clip: va= r(--ae-badge-text-background-clip); letter-spacing: var(--ae-badge-text-tra= cking,inherit); position: relative; z-index: 1; } .appsElementsBadgeInformativeContainer { gap: 0px 4px; padding: 0 var(--ae-= badge-container-padding-inline,4px); color: var(--ae-badge-text-color,var(-= -ws-sys-color-extended-on-blue-tonal,#1157ce)); background-color: var(--ae-= badge-container-color,var(--ws-sys-color-extended-blue-tonal,#d0e4ff)); } .appsElementsBadgeInformativeIcon { display: flex; align-items: center; } .appsElementsBadgeLabel { font-family: "Google Sans", Roboto, Arial, sans-s= erif; font-size: 0.75rem; font-weight: 500; line-height: 1rem; letter-spaci= ng: var(--ae-badge-text-tracking,.00625rem); text-overflow: ellipsis; white= -space: nowrap; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonCustomContent-button { display: inline= -flex; position: relative; align-items: center; box-sizing: border-box; bor= der-width: medium; border-style: none; border-color: currentcolor; border-i= mage: none; border-start-start-radius: min(var(--vnHB2b,9999px),var(--ACz4E= f,40px)/2); border-start-end-radius: min(var(--reHhYc,9999px),var(--ACz4Ef,= 40px)/2); border-end-start-radius: min(var(--LVqyS,9999px),var(--ACz4Ef,40p= x)/2); border-end-end-radius: min(var(--KSw0Y,9999px),var(--ACz4Ef,40px)/2)= ; outline: none; background: transparent; appearance: none; line-height: in= herit; text-rendering: inherit; user-select: none; vertical-align: middle; = cursor: pointer; justify-content: var(--QJYZqc,center); min-inline-size: va= r(--UbJk2,64px); padding-block: 0px; padding-inline: var(--iQHskc,24px) var= (--bIwNwf,24px); block-size: var(--ACz4Ef,40px); --sbadab: var(--YBrGOd,var= (--gm3-sys-color-on-secondary-container,#004a77)); --hSHBee: var(--B2vlaf,0= .08); --F1tVH: var(--Aqmtlf,var(--gm3-sys-color-on-secondary-container,#004= a77)); --kDWEsd: var(--WDn77c,0.1); --vTiv8c: min(var(--vnHB2b,9999px),var(= --ACz4Ef,40px)/2); --UtHrue: min(var(--reHhYc,9999px),var(--ACz4Ef,40px)/2)= ; --C8LWjb: min(var(--LVqyS,9999px),var(--ACz4Ef,40px)/2); --uHecC: min(var= (--KSw0Y,9999px),var(--ACz4Ef,40px)/2); --jF0a9c: var(--iIQeCd,var(--gm3-sy= s-color-secondary,#00639b)); --hK0TOb: var(--FAId8d,2px); --SGGi: var(--lml= g7d,3px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button, .javascriptMater= ialdesignGm3WizButtonCustomContent-button__focusring { transition: border-r= adius var(--EUiYEe,.35s) var(--vOOklf,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button__link:focus-visib= le { outline: none; } .javascriptMaterialdesignGm3WizButtonCustomContent-button:focus-visible, .j= avascriptMaterialdesignGm3WizButtonCustomContent-button__link:focus-visible= ~ .javascriptMaterialdesignGm3WizButtonCustomContent-button__focusring { -= -H6apye: block; } .javascriptMaterialdesignGm3WizButtonCustomContent-button:not(:disabled):ac= tive { border-start-start-radius: min(var(--XBj1u,9999px),var(--ACz4Ef,40px= )/2); border-end-end-radius: min(var(--XlXd3e,9999px),var(--ACz4Ef,40px)/2)= ; border-start-end-radius: min(var(--CwFxnb,9999px),var(--ACz4Ef,40px)/2); = border-end-start-radius: min(var(--kzo6le,9999px),var(--ACz4Ef,40px)/2); --= vTiv8c: min(var(--XBj1u,9999px),var(--ACz4Ef,40px)/2); --UtHrue: min(var(--= CwFxnb,9999px),var(--ACz4Ef,40px)/2); --C8LWjb: min(var(--kzo6le,9999px),va= r(--ACz4Ef,40px)/2); --uHecC: min(var(--XlXd3e,9999px),var(--ACz4Ef,40px)/2= ); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--use-intrinsic-he= ight { border-start-start-radius: var(--vnHB2b,9999px); border-start-end-ra= dius: var(--reHhYc,9999px); border-end-start-radius: var(--LVqyS,9999px); b= order-end-end-radius: var(--KSw0Y,9999px); --vTiv8c: var(--vnHB2b,9999px); = --UtHrue: var(--reHhYc,9999px); --C8LWjb: var(--LVqyS,9999px); --uHecC: var= (--KSw0Y,9999px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--use-intrinsic-he= ight:not(:disabled):active { border-start-start-radius: var(--XBj1u,9999px)= ; border-end-end-radius: var(--XlXd3e,9999px); border-start-end-radius: var= (--CwFxnb,9999px); border-end-start-radius: var(--kzo6le,9999px); --vTiv8c:= var(--XBj1u,9999px); --UtHrue: var(--CwFxnb,9999px); --C8LWjb: var(--kzo6l= e,9999px); --uHecC: var(--XlXd3e,9999px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:disabled { cursor= : default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonCustomContent-button--with-tooltip:dis= abled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonCustomContent-button[hidden] { display= : none; } .javascriptMaterialdesignGm3WizButtonCustomContent-button__label { position= : relative; text-align: center; color: var(--E7LJub,var(--gm3-sys-color-on-= secondary-container,#004a77)); font-size: var(--iupfj,.875rem); font-family= : var(--YZqYod,"Google Sans",Roboto,Arial,sans-serif); font-weight: var(--i= YZFg,500); letter-spacing: var(--wYfeBd,0); text-decoration: var(--KQLYrf,n= one); font-variation-settings: var(--cs6iAd,initial); } .javascriptMaterialdesignGm3WizButtonCustomContent-button__use-updated-font= -styles .javascriptMaterialdesignGm3WizButtonCustomContent-button__label { = font-family: var(--YZqYod,"Google Sans Flex","Google Sans Text","Google San= s",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:hover .javascript= MaterialdesignGm3WizButtonCustomContent-button__label { color: var(--KlCPy,= var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:focus-visible .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__label { color: var(= --AgdDDe,var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:active .javascrip= tMaterialdesignGm3WizButtonCustomContent-button__label { color: var(--TiwAd= d,var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button.javascriptMateria= ldesignGm3WizButtonCustomContent-button:disabled .javascriptMaterialdesignG= m3WizButtonCustomContent-button__label { color: var(--b01ctf,rgba(var(--gm3= -sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--ellipsis .javasc= riptMaterialdesignGm3WizButtonCustomContent-button__label { white-space: no= wrap; text-overflow: ellipsis; overflow: hidden; } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-leading { p= adding-inline: var(--cqRGAe,16px) var(--I44uX,24px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-leading .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot i, .javas= criptMaterialdesignGm3WizButtonCustomContent-button--icon-leading .javascri= ptMaterialdesignGm3WizButtonCustomContent-button__icon-slot img, .javascrip= tMaterialdesignGm3WizButtonCustomContent-button--icon-leading .javascriptMa= terialdesignGm3WizButtonCustomContent-button__icon-slot svg { margin-inline= -end: var(--YTaxmc,8px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-leading .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot--custom-s= pacing { padding-inline-end: var(--YTaxmc,8px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing { = padding-inline: var(--iqhFFb,24px) var(--JK6M6e,16px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing .j= avascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot i, .java= scriptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing .javasc= riptMaterialdesignGm3WizButtonCustomContent-button__icon-slot img, .javascr= iptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing .javascrip= tMaterialdesignGm3WizButtonCustomContent-button__icon-slot svg { margin-inl= ine-start: var(--YTaxmc,8px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing .j= avascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot--custom-= spacing { padding-inline-start: var(--YTaxmc,8px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot { disp= lay: none; position: relative; line-height: 0; color: var(--pYV9Td,var(--gm= 3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot i, .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot img, .jav= ascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot svg { disp= lay: inline-flex; position: relative; direction: inherit; color: inherit; f= ont-size: var(--EyEZEc,18px); inline-size: var(--EyEZEc,18px); block-size: = var(--EyEZEc,18px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:hover .javascript= MaterialdesignGm3WizButtonCustomContent-button__icon-slot { color: var(--wG= ctee,var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:focus-visible .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot { color: = var(--KJytYc,var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:active .javascrip= tMaterialdesignGm3WizButtonCustomContent-button__icon-slot { color: var(--w= T306e,var(--gm3-sys-color-on-secondary-container,#004a77)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button.javascriptMateria= ldesignGm3WizButtonCustomContent-button:disabled .javascriptMaterialdesignG= m3WizButtonCustomContent-button__icon-slot { color: var(--PaGdL,rgba(var(--= gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--flip-icon .javas= criptMaterialdesignGm3WizButtonCustomContent-button__icon-slot[dir=3D"rtl"]= , [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonCustomContent-button--= flip-icon .javascriptMaterialdesignGm3WizButtonCustomContent-button__icon-s= lot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-leading .ja= vascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot--leading,= .javascriptMaterialdesignGm3WizButtonCustomContent-button--icon-trailing .= javascriptMaterialdesignGm3WizButtonCustomContent-button__icon-slot--traili= ng { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonCustomContent-button__link { position:= absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonCustomContent-button--touch { margin-b= lock: max((48px - var(--ACz4Ef,40px))/2,0px); } .javascriptMaterialdesignGm3WizButtonCustomContent-button__touch { position= : absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); righ= t: unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -5= 0%); } .javascriptMaterialdesignGm3WizButtonCustomContent-button { background-colo= r: var(--H3sXlf,var(--gm3-sys-color-surface-container,#f0f4f9)); --yXuigc: = var(--renFQ,0); --Fe5l0b: var(--VLedlc,var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:hover { --yXuigc:= var(--M95jgb,1); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:focus-visible { -= -yXuigc: var(--SqfyHf,0); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:active { --yXuigc= : var(--vbwOQb,0); } .javascriptMaterialdesignGm3WizButtonCustomContent-button:disabled { backgr= ound-color: var(--V3Xm6e,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),= .12)); --yXuigc: var(--ufyUIb,0); } .javascriptMaterialdesignGm3WizButtonCustomContent-button::before { content= : ""; pointer-events: none; position: absolute; inset: 0px; border-radius: = inherit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonCustomContent-button:has(.javascript= MaterialdesignGm3WizButtonCustomContent-button__link)::before { border-colo= r: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonCustomContent-button:has(.javascript= MaterialdesignGm3WizButtonCustomContent-button__link) .javascriptMaterialde= signGm3WizButtonCustomContent-button__icon-slot, .javascriptMaterialdesignG= m3WizButtonCustomContent-button:has(.javascriptMaterialdesignGm3WizButtonCu= stomContent-button__link) .javascriptMaterialdesignGm3WizButtonCustomConten= t-button__label { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonCustomContent-button:disabled::befor= e { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonCustomContent-button__use-deprecated-w= ill-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonCustomContent-deprecated-hcm-border:= :before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonProgressFilled-button { display: inlin= e-flex; position: relative; align-items: center; box-sizing: border-box; bo= rder-width: medium; border-style: none; border-color: currentcolor; border-= image: none; border-start-start-radius: min(var(--gm3-progress-button-fille= d-container-shape-start-start,9999px),var(--gm3-progress-button-filled-cont= ainer-height,40px)/2); border-start-end-radius: min(var(--gm3-progress-butt= on-filled-container-shape-start-end,9999px),var(--gm3-progress-button-fille= d-container-height,40px)/2); border-end-start-radius: min(var(--gm3-progres= s-button-filled-container-shape-end-start,9999px),var(--gm3-progress-button= -filled-container-height,40px)/2); border-end-end-radius: min(var(--gm3-pro= gress-button-filled-container-shape-end-end,9999px),var(--gm3-progress-butt= on-filled-container-height,40px)/2); outline: none; background: transparent= ; appearance: none; line-height: inherit; text-rendering: inherit; user-sel= ect: none; vertical-align: middle; cursor: pointer; justify-content: var(--= gm3-progress-button-filled-container-justify-content,center); min-inline-si= ze: var(--gm3-progress-button-filled-container-min-width,64px); padding-blo= ck: 0px; padding-inline: var(--gm3-progress-button-filled-leading-space,24p= x) var(--gm3-progress-button-filled-trailing-space,24px); block-size: var(-= -gm3-progress-button-filled-container-height,40px); --sbadab: var(--gm3-pro= gress-button-filled-hover-state-layer-color,var(--gm3-sys-color-on-primary,= #fff)); --hSHBee: var(--gm3-progress-button-filled-hover-state-layer-opacit= y,0.08); --F1tVH: var(--gm3-progress-button-filled-pressed-state-layer-colo= r,var(--gm3-sys-color-on-primary,#fff)); --kDWEsd: var(--gm3-progress-butto= n-filled-pressed-state-layer-opacity,0.1); --vTiv8c: min(var(--gm3-progress= -button-filled-container-shape-start-start,9999px),var(--gm3-progress-butto= n-filled-container-height,40px)/2); --UtHrue: min(var(--gm3-progress-button= -filled-container-shape-start-end,9999px),var(--gm3-progress-button-filled-= container-height,40px)/2); --C8LWjb: min(var(--gm3-progress-button-filled-c= ontainer-shape-end-start,9999px),var(--gm3-progress-button-filled-container= -height,40px)/2); --uHecC: min(var(--gm3-progress-button-filled-container-s= hape-end-end,9999px),var(--gm3-progress-button-filled-container-height,40px= )/2); --jF0a9c: var(--gm3-progress-button-filled-focus-indicator-color,var(= --gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--gm3-progress-button-fi= lled-focus-indicator-outline-offset,2px); --SGGi: var(--gm3-progress-button= -filled-focus-indicator-thickness,3px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button, .javascriptMate= rialdesignGm3WizButtonProgressFilled-button__focusring { transition: border= -radius var(--gm3-progress-button-filled-container-shape-transition-duratio= n,.35s) var(--gm3-progress-button-filled-container-shape-transition-easing-= function,cubic-bezier(.4,.1,.5,1.4)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__link:focus-visi= ble { outline: none; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible, .= javascriptMaterialdesignGm3WizButtonProgressFilled-button__link:focus-visib= le ~ .javascriptMaterialdesignGm3WizButtonProgressFilled-button__focusring = { --H6apye: block; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:not(:disabled):a= ctive { border-start-start-radius: min(var(--gm3-progress-button-filled-pre= ssed-container-shape-start-start,9999px),var(--gm3-progress-button-filled-c= ontainer-height,40px)/2); border-end-end-radius: min(var(--gm3-progress-but= ton-filled-pressed-container-shape-end-end,9999px),var(--gm3-progress-butto= n-filled-container-height,40px)/2); border-start-end-radius: min(var(--gm3-= progress-button-filled-pressed-container-shape-start-end,9999px),var(--gm3-= progress-button-filled-container-height,40px)/2); border-end-start-radius: = min(var(--gm3-progress-button-filled-pressed-container-shape-end-start,9999= px),var(--gm3-progress-button-filled-container-height,40px)/2); --vTiv8c: m= in(var(--gm3-progress-button-filled-pressed-container-shape-start-start,999= 9px),var(--gm3-progress-button-filled-container-height,40px)/2); --UtHrue: = min(var(--gm3-progress-button-filled-pressed-container-shape-start-end,9999= px),var(--gm3-progress-button-filled-container-height,40px)/2); --C8LWjb: m= in(var(--gm3-progress-button-filled-pressed-container-shape-end-start,9999p= x),var(--gm3-progress-button-filled-container-height,40px)/2); --uHecC: min= (var(--gm3-progress-button-filled-pressed-container-shape-end-end,9999px),v= ar(--gm3-progress-button-filled-container-height,40px)/2); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--use-intrinsic-h= eight { border-start-start-radius: var(--gm3-progress-button-filled-contain= er-shape-start-start,9999px); border-start-end-radius: var(--gm3-progress-b= utton-filled-container-shape-start-end,9999px); border-end-start-radius: va= r(--gm3-progress-button-filled-container-shape-end-start,9999px); border-en= d-end-radius: var(--gm3-progress-button-filled-container-shape-end-end,9999= px); --vTiv8c: var(--gm3-progress-button-filled-container-shape-start-start= ,9999px); --UtHrue: var(--gm3-progress-button-filled-container-shape-start-= end,9999px); --C8LWjb: var(--gm3-progress-button-filled-container-shape-end= -start,9999px); --uHecC: var(--gm3-progress-button-filled-container-shape-e= nd-end,9999px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--use-intrinsic-h= eight:not(:disabled):active { border-start-start-radius: var(--gm3-progress= -button-filled-pressed-container-shape-start-start,9999px); border-end-end-= radius: var(--gm3-progress-button-filled-pressed-container-shape-end-end,99= 99px); border-start-end-radius: var(--gm3-progress-button-filled-pressed-co= ntainer-shape-start-end,9999px); border-end-start-radius: var(--gm3-progres= s-button-filled-pressed-container-shape-end-start,9999px); --vTiv8c: var(--= gm3-progress-button-filled-pressed-container-shape-start-start,9999px); --U= tHrue: var(--gm3-progress-button-filled-pressed-container-shape-start-end,9= 999px); --C8LWjb: var(--gm3-progress-button-filled-pressed-container-shape-= end-start,9999px); --uHecC: var(--gm3-progress-button-filled-pressed-contai= ner-shape-end-end,9999px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled { curso= r: default; pointer-events: none; --hSHBee: 0; --kDWEsd: 0; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--with-tooltip:di= sabled { pointer-events: auto; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button[hidden] { displa= y: none; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label { positio= n: relative; text-align: center; color: var(--gm3-progress-button-filled-la= bel-text-color,var(--gm3-sys-color-on-primary,#fff)); font-size: var(--gm3-= progress-button-filled-label-text-size,.875rem); font-family: var(--gm3-pro= gress-button-filled-label-text-font,"Google Sans",Roboto,Arial,sans-serif);= font-weight: var(--gm3-progress-button-filled-label-text-weight,500); lett= er-spacing: var(--gm3-progress-button-filled-label-text-tracking,0); text-d= ecoration: var(--gm3-progress-button-filled-label-text-decoration,none); fo= nt-variation-settings: var(--gm3-progress-button-filled-label-text-font-var= iation-settings,initial); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__use-updated-fon= t-styles .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label = { font-family: var(--gm3-progress-button-filled-label-text-font,"Google San= s Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover .javascrip= tMaterialdesignGm3WizButtonProgressFilled-button__label { color: var(--gm3-= progress-button-filled-hover-label-text-color,var(--gm3-sys-color-on-primar= y,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__label { color: va= r(--gm3-progress-button-filled-focus-label-text-color,var(--gm3-sys-color-o= n-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:active .javascri= ptMaterialdesignGm3WizButtonProgressFilled-button__label { color: var(--gm3= -progress-button-filled-pressed-label-text-color,var(--gm3-sys-color-on-pri= mary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button.javascriptMateri= aldesignGm3WizButtonProgressFilled-button:disabled .javascriptMaterialdesig= nGm3WizButtonProgressFilled-button__label { color: var(--gm3-progress-butto= n-filled-disabled-label-text-color,rgba(var(--gm3-sys-color-on-surface-rgb,= 31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading { = padding-inline: var(--gm3-progress-button-filled-with-leading-icon-leading-= space,16px) var(--gm3-progress-button-filled-with-leading-icon-trailing-spa= ce,24px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i, .jav= ascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javas= criptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img, .javas= criptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javascr= iptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg { margin-= inline-end: var(--gm3-progress-button-filled-with-icon-icon-label-space,8px= ); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--custom= -spacing { padding-inline-end: var(--gm3-progress-button-filled-with-icon-i= con-label-space,8px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing {= padding-inline: var(--gm3-progress-button-filled-with-trailing-icon-leadin= g-space,24px) var(--gm3-progress-button-filled-with-trailing-icon-trailing-= space,16px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .= javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i, .ja= vascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .jav= ascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img, .jav= ascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .java= scriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg { marg= in-inline-start: var(--gm3-progress-button-filled-with-icon-icon-label-spac= e,8px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .= javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--custo= m-spacing { padding-inline-start: var(--gm3-progress-button-filled-with-ico= n-icon-label-space,8px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot { dis= play: none; position: relative; line-height: 0; color: var(--gm3-progress-b= utton-filled-with-icon-icon-color,var(--gm3-sys-color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i, .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img, .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg { d= isplay: inline-flex; position: relative; direction: inherit; color: inherit= ; font-size: var(--gm3-progress-button-filled-with-icon-icon-size,18px); in= line-size: var(--gm3-progress-button-filled-with-icon-icon-size,18px); bloc= k-size: var(--gm3-progress-button-filled-with-icon-icon-size,18px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover .javascrip= tMaterialdesignGm3WizButtonProgressFilled-button__icon-slot { color: var(--= gm3-progress-button-filled-with-icon-hover-icon-color,var(--gm3-sys-color-o= n-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot { color= : var(--gm3-progress-button-filled-with-icon-focus-icon-color,var(--gm3-sys= -color-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:active .javascri= ptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot { color: var(-= -gm3-progress-button-filled-with-icon-pressed-icon-color,var(--gm3-sys-colo= r-on-primary,#fff)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button.javascriptMateri= aldesignGm3WizButtonProgressFilled-button:disabled .javascriptMaterialdesig= nGm3WizButtonProgressFilled-button__icon-slot { color: var(--gm3-progress-b= utton-filled-with-icon-disabled-icon-color,rgba(var(--gm3-sys-color-on-surf= ace-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--flip-icon .java= scriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot[dir=3D"rtl= "], [dir=3D"rtl"] .javascriptMaterialdesignGm3WizButtonProgressFilled-butto= n--flip-icon .javascriptMaterialdesignGm3WizButtonProgressFilled-button__ic= on-slot { transform: scaleX(-1); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--leadin= g, .javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailin= g .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--tr= ailing { display: inline-flex; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__link { position= : absolute; inset: 0px; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--touch { margin-= block: max((48px - var(--gm3-progress-button-filled-container-height,40px))= /2,0px); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__touch { positio= n: absolute; inline-size: max(48px, 100%); block-size: max(48px, 100%); rig= ht: unset; bottom: unset; top: 50%; left: 50%; transform: translate(-50%, -= 50%); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button { background-col= or: var(--gm3-progress-button-filled-container-color,var(--gm3-sys-color-pr= imary,#0b57d0)); --yXuigc: var(--gm3-progress-button-filled-container-eleva= tion,0); --Fe5l0b: var(--gm3-progress-button-filled-container-shadow-color,= var(--gm3-sys-color-shadow,#000)); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover { --yXuigc= : var(--gm3-progress-button-filled-hover-container-elevation,1); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible { = --yXuigc: var(--gm3-progress-button-filled-focus-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:active { --yXuig= c: var(--gm3-progress-button-filled-pressed-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled { backg= round-color: var(--gm3-progress-button-filled-disabled-container-color,rgba= (var(--gm3-sys-color-on-surface-rgb,31,31,31),.12)); --yXuigc: var(--gm3-pr= ogress-button-filled-disabled-container-elevation,0); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button::before { conten= t: ""; pointer-events: none; position: absolute; inset: 0px; border-radius:= inherit; border: 1px solid transparent; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonProgressFilled-button:has(.javascrip= tMaterialdesignGm3WizButtonProgressFilled-button__link)::before { border-co= lor: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonProgressFilled-button:has(.javascrip= tMaterialdesignGm3WizButtonProgressFilled-button__link) .javascriptMaterial= designGm3WizButtonProgressFilled-button__icon-slot, .javascriptMaterialdesi= gnGm3WizButtonProgressFilled-button:has(.javascriptMaterialdesignGm3WizButt= onProgressFilled-button__link) .javascriptMaterialdesignGm3WizButtonProgres= sFilled-button__label { color: linktext; } } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled::befo= re { border-color: graytext; } } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__use-deprecated-= will-change { will-change: transform, opacity; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizButtonProgressFilled-deprecated-hcm-border= ::before { border-color: canvastext; } } .javascriptMaterialdesignGm3WizButtonProgressFilled-button__progress-indica= tor { font-size: 0px; position: absolute; transform: translate(-50%, -50%);= top: 50%; left: 50%; line-height: normal; --yPTsAb: var(--gm3-progress-but= ton-filled-progress-indicator-color,var(--gm3-sys-color-on-primary,#fff)); = --EscQs: calc(var(--gm3-progress-button-filled-progress-indicator-width, 4p= x)/2); --XJrZW: var(--gm3-progress-button-filled-progress-indicator-track-s= pace,3px); --EkrYwf: var(--gm3-progress-button-filled-progress-indicator-si= ze,20px); --Sewh0e: var(--gm3-progress-button-filled-progress-indicator-tra= ck-color,transparent); } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-content .j= avascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--leadin= g, .javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-content= .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--tra= iling, .javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-con= tent .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label { vi= sibility: hidden; opacity: 0; } .javascriptMaterialdesignGm3WizButtonProgressFilled-button--ellipsis .javas= criptMaterialdesignGm3WizButtonProgressFilled-button__label { white-space: = nowrap; text-overflow: ellipsis; overflow: hidden; } .documentDetailsDialogDetailsTable { --gm3-data-table-outline-width: 0px; -= -gm3-data-table-row-item-outline-width: 0px; --gm3-data-table-row-item-unse= lected-container-color: var(--gm3-sys-color-surface-bright,#fff); width: 10= 0%; } .documentDetailsDialogDetailsFirstCellInRow { padding-inline: 0px; } .fatalErrorDialogTextAreaContainer { width: 100%; min-height: 150px; } .fatalErrorDialogTextAreaContainer .fatalErrorDialogTextAreaContainer .fata= lErrorDialogTextArea { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar { align-items: center;= background-color: var(--gm3-toolbar-docked-container-color,var(--gm3-sys-c= olor-surface-container,#f0f4f9)); border-radius: var(--gm3-toolbar-docked-c= ontainer-shape,9999px); display: flex; position: relative; --gm3-toolbar-co= mmon-filled-button-container-shape: 12px; } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar__content { padding-inl= ine: var(--gm3-toolbar-docked-container-leading-space,8px) var(--gm3-toolba= r-docked-container-trailing-space,8px); display: flex; align-items: center;= block-size: var(--gm3-toolbar-docked-container-height,64px); gap: var(--gm= 3-toolbar-docked-container-min-spacing,4px); } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar--disable-size-animatio= n .javascriptMaterialdesignGm3WizToolbarDocked-toolbar__content { inline-si= ze: fit-content; } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar { transition: 0.5s cub= ic-bezier(0.27, 1.06, 0.18, 1); } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar--disable-size-animatio= n { transition: none; } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar::before { position: ab= solute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: = 0px; border: 1px solid transparent; border-radius: inherit; content: ""; po= inter-events: none; } .javascriptMaterialdesignGm3WizToolbarDocked-toolbar--vibrant { background-= color: var(--gm3-toolbar-docked-vibrant-container-color,var(--gm3-sys-color= -primary-container,#d3e3fd)); --gm3-toolbar-common-button-unselected-icon-c= olor: var(--gm3-toolbar-docked-vibrant-button-unselected-icon-color,var(--g= m3-sys-color-on-primary-container,#0842a0)); --gm3-toolbar-common-button-un= selected-text-color: var(--gm3-toolbar-docked-vibrant-button-unselected-tex= t-color,var(--gm3-sys-color-on-primary-container,#0842a0)); --gm3-toolbar-c= ommon-button-selected-container-color: var(--gm3-toolbar-docked-vibrant-but= ton-selected-container-color,var(--gm3-sys-color-surface-container,#f0f4f9)= ); --gm3-toolbar-common-button-selected-icon-color: var(--gm3-toolbar-docke= d-vibrant-button-selected-icon-color,var(--gm3-sys-color-on-surface,#1f1f1f= )); } .appsDocsChromeWizPrintpreviewtoolbarToolbarContainer { border-width: 0px; = box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0= px 2px 6px 2px; } .appsDocsChromeWizPrintpreviewtoolbarToolbarContainer .mdc-elevation-overla= y { opacity: 0; } .appsDocsChromeWizPrintpreviewtoolbarToolbarContainer { background-color: v= ar(--gm3-sys-color-surface-container-lowest,#fff); border-top: 1px solid va= r(--gm3-sys-color-outline-variant,#c4c7c5); } .appsDocsChromeWizPrintpreviewtoolbarToolbar { --yXuigc: 2; --gm3-toolbar-f= loating-container-between-space: 4px; --gm3-toolbar-floating-container-heig= ht: 36px; --gm3-toolbar-floating-container-leading-space: 4px; --gm3-toolba= r-floating-container-shape: 9999px; --gm3-toolbar-floating-container-traili= ng-space: 4px; --gm3-toolbar-floating-standard-container-color: var(--gm3-s= ys-color-surface,#fff); --gm3-select-shared-text-field-container-height: 28= px; --gm3-select-shared-text-field-container-width: 100%; --gm3-select-shar= ed-text-field-input-text-size: 0.875rem; --gm3-select-outlined-text-field-c= ontainer-shape: 16px; --gm3-select-outlined-text-field-outline-color: "tran= sparent"; --gm3-select-outlined-text-field-container-shape-start-start: 16p= x; --gm3-select-outlined-text-field-container-shape-start-end: 16px; --gm3-= select-outlined-text-field-container-shape-end-end: 16px; --gm3-select-outl= ined-text-field-container-shape-end-start: 16px; --gm3-icon-button-standard= -container-width: 28px; --gm3-icon-button-standard-container-height: 28px; = --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-focu= s-indicator-outline-offset: -2px; --gm3-icon-button-standard-touch-target-s= ize: 28px; --gm3-icon-button-standard-unselected-hover-state-layer-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-to= nal-container-width: 28px; --gm3-icon-button-filled-tonal-container-height:= 28px; --gm3-icon-button-filled-tonal-icon-size: 20px; --gm3-icon-button-fi= lled-tonal-focus-indicator-outline-offset: -2px; --gm3-icon-button-filled-t= onal-selected-container-color: var(--gm3-sys-color-primary-container,#d3e3f= d); --gm3-icon-button-filled-tonal-toggle-selected-focus-icon-color: var(--= gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button-filled-tonal= -toggle-selected-hover-icon-color: var(--gm3-sys-color-on-primary-container= ,#0842a0); --gm3-icon-button-filled-tonal-toggle-selected-icon-color: var(-= -gm3-sys-color-on-primary-container,#0842a0); --gm3-icon-button-filled-tona= l-toggle-selected-pressed-icon-color: var(--gm3-sys-color-on-primary-contai= ner,#0842a0); --gm3-icon-button-filled-tonal-toggle-unselected-hover-state-= layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-bu= tton-filled-tonal-touch-target-size: 28px; --gm3-icon-button-filled-tonal-u= nselected-container-color: transparent; --W7rCxe: 44px; --qLL1qd: 28px; --J= WeH9e: 20px; --cOnIUb: -2px; --geqh2: -3px; --xqqbrc: 8px; --dt9eCd: 4px; -= -gm3-button-text-focus-indicator-outline-offset: -2px; --gm3-button-text-ho= ver-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-button-text-label-text-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-button-text-pressed-label-text-color: var(--gm= 3-sys-color-on-surface-variant,#444746); --gm3-button-text-pressed-state-la= yer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-te= xt-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-button-text-with-icon-icon-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-siz= e: 20px; --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-dropdown-button-text-focus-indicator-o= utline-offset: -2px; --gm3-dropdown-button-text-hover-label-text-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-ho= ver-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-dropdown-button-text-label-text-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-dropdown-button-text-pressed-label-text-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-press= ed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-dropdown-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-dropdown-button-text-with-icon-icon-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-= with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-toolbar-common-button-margin: 0px; --gm3-toolbar-docked-container= -color: transparent; --gm3-toolbar-docked-container-leading-space: 8px; --g= m3-toolbar-docked-container-shape: 0; --gm3-toolbar-docked-container-traili= ng-space: 8px; --gm3-toolbar-docked-container-height: 56px; --gm3-button-te= xt-container-height: 40px; --gm3-button-text-label-text-size: 0.875rem; --g= m3-button-text-label-text-tracking: 0rem; --gm3-button-text-label-text-weig= ht: 500; --gm3-button-text-leading-space: 16px; --gm3-button-text-trailing-= space: 16px; --gm3-button-text-with-icon-icon-label-space: 8px; --gm3-butto= n-text-with-leading-icon-leading-space: 16px; --gm3-button-text-with-leadin= g-icon-trailing-space: 16px; --gm3-dropdown-button-text-container-height: 4= 0px; --gm3-dropdown-button-text-label-text-size: 0.875rem; --gm3-dropdown-b= utton-text-label-text-tracking: 0rem; --gm3-dropdown-button-text-label-text= -weight: 500; --gm3-dropdown-button-text-leading-space: 16px; --gm3-dropdow= n-button-text-trailing-space: 16px; --gm3-dropdown-button-text-with-icon-ic= on-label-space: 8px; --gm3-dropdown-button-text-with-leading-icon-leading-s= pace: 16px; --gm3-dropdown-button-text-with-leading-icon-trailing-space: 16= px; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875= rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; color: va= r(--gm3-sys-color-on-surface-variant,#444746); flex-wrap: wrap; text-wrap: = nowrap; } .appsDocsChromeWizPrintpreviewtoolbarHidden { display: none; } .appsDocsClientsideencryptionPresenceWizCsepresencecalloutstylesCalloutCont= ent { display: flex; flex-direction: column; gap: 8px; } .guestAccessSignInDialogSoyWarning { background: var(--ws-sys-color-extende= d-yellow-tonal,#fff2b4); border-radius: 8px; padding: 10px; } .collabChatSidebarChatContainer { display: flex; flex-direction: column; ga= p: 16px; max-height: 1072px; overflow-y: scroll; margin-bottom: 16px; } .collabChatSidebarChatContainerScrolled { border-bottom: 1px solid var(--gm= 3-sys-color-outline-variant,#c4c7c5); padding-bottom: 16px; } .collabChatSidebarChatAndInputContainer { display: flex; flex-direction: co= lumn; height: 100%; justify-content: space-between; } .collabChatSidebarProfileImage { border-radius: 9999px; height: 28px; paddi= ng: 0px; width: 28px; } .collabChatSidebarProfileImageContainer { border-radius: 9999px; border-wid= th: medium; border-style: none; border-color: currentcolor; border-image: n= one; height: 28px; margin: 2px; width: 28px; } .collabChatSidebarWidgetContainer { border-radius: 9999px; box-shadow: 0 0 = 1px 0 var(--gm3-sys-color-surface,#fff); display: inline-block; height: 32p= x; overflow: visible; position: relative; width: 32px; } .collabChatSidebarChatMessageContainer { display: flex; padding-left: 16px;= } .collabChatSidebarChatMessageTextContainer { padding-left: 4px; } .collabChatSidebarNotEncryptedContainer { align-items: center; display: fle= x; padding: 9px 0px 9px 15px; background-color: var(--ws-sys-color-extended= -yellow-tonal,#fff2b4); margin-bottom: 16px; border-radius: 8px; border: 1p= x solid transparent; } .collabChatSidebarNotEncryptedIconContainer { margin-right: 16px; } .collabChatSidebarNotEncryptedTextContainer { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spa= cing: 0px; line-height: 1.25rem; } .collabChatSidebarChatText { font-family: "Google Sans", Roboto, Arial, san= s-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-h= eight: 1.25rem; background-color: var(--gm3-sys-color-surface,#fff); border= -radius: 20px; color: var(--gm3-sys-color-on-surface,#1f1f1f); padding: 10p= x 12px; width: fit-content; word-break: break-word; } .collabChatSidebarChatDisplayName { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px;= line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); over= flow: hidden; padding-bottom: 8px; text-overflow: ellipsis; white-space: no= wrap; padding-left: 12px; } .collabChatSidebarChatInputContainer { margin-bottom: 8px; padding: 0px 16p= x; } .collabChatSidebarChatInput { background-color: var(--gm3-sys-color-surface= ,#fff); border-radius: 20px; width: 100%; --gm3-text-field-outlined-contain= er-shape: 20px; --gm3-text-field-outlined-focus-indicator-outline-thickness= : 1px; --gm3-text-field-outlined-outline-color: var(--gm3-sys-color-outline= -variant,#c4c7c5); --gm3-text-field-outlined-focus-indicator-outline-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined= -input-text-placeholder-color: var(--gm3-sys-color-outline,#747775); --gm3-= text-field-outlined-input-text-size: 14px; --gm3-text-field-outlined-contai= ner-shape-start-start: 20px; --gm3-text-field-outlined-container-shape-star= t-end: 20px; --gm3-text-field-outlined-container-shape-end-end: 20px; --gm3= -text-field-outlined-container-shape-end-start: 20px; } .collabChatSidebarStatusMessageContainer { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant= ,#444746); padding-left: 16px; margin-bottom: 8px; } .collabChatSidebarAnonymousHelpMessageContainer { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-= spacing: 0.00625rem; line-height: 1rem; padding-left: 16px; } .importChartsDialogContentImportChartTitle { align-items: center; display: = flex; gap: 4px; margin-bottom: 16px; } .importChartsDialogContentThumbnailContainer { display: flex; flex-directio= n: column; gap: 16px; margin-bottom: 8px; } .docsLinkedObjectsSidebarLinkedObjectViewContainer { gap: 16px; display: gr= id; } .docsLinkedObjectsSidebarLinkedObjectView { display: flex; flex-direction: = row; align-items: center; padding: 16px; } .docsLinkedObjectsSidebarLinkedObjectViewIcon { margin-right: 8px; } .docsLinkedObjectsSidebarLinkedObjectCardView { position: relative; } .docsLinkedObjectsSidebarLinkedObjectCardContainer { --gm3-card-filled-cont= ainer-color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .docsLinkedObjectsSidebarLinkedObjectViewTextContainer { display: flex; gap= : 4px; flex-direction: column; margin: 0px 8px; overflow: hidden; text-wrap= : nowrap; max-width: 208px; } .docsLinkedObjectsSidebarLinkedObjectViewTextContainerWithUpdate { max-widt= h: 140px; } .docsLinkedObjectsSidebarLinkedObjectViewText { color: var(--gm3-sys-color-= on-surface-variant,#444746); font-family: "Google Sans", Roboto, Arial, san= s-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-h= eight: 1.25rem; overflow: hidden; text-overflow: ellipsis; } .docsLinkedObjectsSidebarLinkedObjectViewSubtitle { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lette= r-spacing: 0.00625rem; line-height: 1rem; text-wrap: wrap; } .docsLinkedObjectsSidebarLinkedObjectViewSubtitleError { font-style: italic= ; } .docsLinkedObjectsSidebarCardButton { position: absolute; top: 12px; right:= 16px; } .testChooserDialogTextField { box-sizing: content-box; padding-top: 10px; w= idth: 100%; } .testChooserDialogTestOptionsList { --gm3-list-list-item-trailing-space: 10= px; --gm3-list-list-item-label-text-size: 13px; --gm3-list-list-item-leadin= g-space: 10px; --gm3-list-list-item-fallback-selection-end-margin: 0; borde= r: 1px solid var(--gm3-sys-color-outline,#747775); height: 300px; overflow-= y: scroll; width: 280px; } .testChooserDialogTestSelectionList { --gm3-list-list-item-trailing-space: = 10px; --gm3-list-list-item-label-text-size: 13px; --gm3-list-list-item-lead= ing-space: 10px; --gm3-list-list-item-fallback-selection-end-margin: 0; bor= der: 1px solid var(--gm3-sys-color-outline,#747775); overflow-y: scroll; he= ight: 316px; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; paddin= g-right: 5px; width: 270px; } .testChooserDialogTextContent { font-size: 1rem; } .testChooserDialogContainer { --pjsEwc: 700px; } .testChooserDialogListItemListItemContainer { display: flex; justify-conten= t: space-between; } .testChooserDialogListItemListItem { align-items: center; display: flex; } .testChooserDialogListItemListItem:hover { background-color: color-mix(in s= rgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,var(--gm3-sys-color-surface,= #fff)); } .testChooserDialogListItemSelection { background-color: var(--gm3-sys-color= -secondary-container,#c2e7ff); } .testChooserDialogListItemTestName { font-size: 13px; padding: 10px; width:= 60px; } .testChooserDialogListItemTextFieldContainer { padding: 10px; width: 50px; = } .testChooserDialogListItemTimeButton { margin-top: 15%; } .testChooserDialogListItemCloseButton { margin-top: 20%; } .testChooserDialogListItemTimedItem { background-color: var(--gm3-sys-color= -tertiary-container,#c4eed0); height: 100%; width: 3px; } .testChooserDialogListItemUntimedItem { background-color: var(--gm3-sys-col= or-error,#b3261e); height: 100%; width: 3px; } .docsDictionarySidebarZeroStateContainer { align-items: center; display: fl= ex; flex-direction: column; justify-content: center; flex: 1 1 auto; text-a= lign: center; color: var(--gm3-sys-color-on-surface-variant,#444746); font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font= -weight: 400; letter-spacing: 0px; line-height: 1.25rem; } .docsDictionarySidebarInputContainer { align-items: center; display: flex; = flex-direction: row; justify-content: center; background-color: var(--gm3-s= ys-color-background,#fff); border-radius: 9999px; } .docsDictionarySidebarSearchInput { width: 100%; --gm3-text-field-outlined-= container-shape: 40px; --gm3-text-field-outlined-outline-color: var(--gm3-s= ys-color-background,#fff); --gm3-text-field-outlined-focus-indicator-outlin= e-color: var(--gm3-sys-color-background,#fff); --gm3-text-field-outlined-ho= ver-outline-color: var(--gm3-sys-color-background,#fff); --gm3-text-field-o= utlined-input-text-placeholder-color: var(--gm3-sys-color-outline,#747775);= --gm3-text-field-outlined-input-text-size: 14px; --gm3-text-field-outlined= -with-leading-icon-leading-space: 16px; --gm3-text-field-outlined-container= -shape-start-start: 40px; --gm3-text-field-outlined-container-shape-start-e= nd: 40px; --gm3-text-field-outlined-container-shape-end-end: 40px; --gm3-te= xt-field-outlined-container-shape-end-start: 40px; } .docsDictionarySidebarDictionaryViewContainer { color: var(--gm3-sys-color-= on-surface-variant,#444746); } .docsDictionarySidebarDictionaryEntryHeader { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 2rem; } .docsDictionarySidebarPhoneticContainer { padding-top: 8px; } .docsDictionarySidebarPartOfSpeech { padding-top: 16px; } .docsDictionarySidebarBodyMedium { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; = line-height: 1.25rem; } .docsDictionarySidebarLabelLarge { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; = line-height: 1.25rem; } .docsDictionarySidebarSense { padding-left: 16px; margin-top: 15px; margin-= bottom: 0px; word-break: break-word; padding-bottom: 16px; } .docsDictionarySidebarSearchIcon { padding-right: 12px; } .docsDictionarySidebarMorphUnitDescription { display: inline-flex; } .docsDictionarySidebarExample b { font-weight: 500; } .appsDocsExploreUiWizDatafetchviewDataFetchViewContainer { flex: 1 1 auto; = text-align: center; display: flex; align-items: center; justify-content: ce= nter; color: var(--gm3-sys-color-on-surface-variant,#444746); font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 400; letter-spacing: 0px; line-height: 1.25rem; } .appsDocsExploreUiWizDatafetchviewInvisible { display: none; } .appsDocsExploreUiWizDatafetchviewErrorContainer { width: 100%; } .appsDocsExploreUiWizDatafetchviewError { display: flex; flex-direction: co= lumn; gap: 28px; } .appsDocsExploreUiWizDatafetchviewRetryButton { width: 100%; } .debugMoleUrlPromptTextField { box-sizing: content-box; padding-top: 10px; = width: 100%; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewCard { --gm3-card-el= evated-container-color: var(--gm3-sys-color-surface,#fff); --gm3-card-eleva= ted-container-shape-start-start: 12px; --gm3-card-elevated-container-shape-= start-end: 12px; --gm3-card-elevated-container-shape-end-end: 12px; --gm3-c= ard-elevated-container-shape-end-start: 12px; inline-size: 312px; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewTitle { padding: 6px= 0px; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewContent { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-co= lor-on-surface-variant,#444746); display: inline; padding: 16px; white-spac= e: pre-wrap; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewPopupContainer { dis= play: flex; flex-direction: column; justify-content: space-between; text-wr= ap: wrap; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewIcon { color: var(--= gm3-sys-color-on-error-container,#8c1d18); flex-shrink: 0; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewHeader { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weigh= t: 500; letter-spacing: 0px; line-height: 1.25rem; align-items: center; bac= kground-color: var(--gm3-sys-color-error-container,#f9dedc); border-top-lef= t-radius: 12px; border-top-right-radius: 12px; color: var(--gm3-sys-color-o= n-error-container,#8c1d18); display: flex; flex-direction: row; gap: 12px; = padding: 8px 16px; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewButtonsContainer { d= isplay: flex; flex-direction: row; gap: 8px; justify-content: flex-end; pad= ding: 0px 16px 16px; } .docsDocseverywhereExportWizBlobDetailedExportErrorViewLearnMoreLink { colo= r: var(--gm3-sys-color-primary,#0b57d0); cursor: pointer; text-decoration: = underline; } @media screen and (forced-colors: active) { .docsDocseverywhereExportWizBlobDetailedExportErrorViewLearnMoreLink { co= lor: linktext; } } .shadowDocsOnboardingDialogOfficeEditingOnboardingDialogLogo { border-radiu= s: 28px 28px 0px 0px; height: 100%; width: 100%; } .shadowDocsOnboardingDialogButtons { display: inline-block; float: right; p= adding-left: 8px; } .shadowDocsOnboardingDialogContentDescription { padding-bottom: 16px; text-= align: center; } .unsupportedFeaturesDialogContentListDivider { height: 2px; margin: 0px -22= px; padding-top: 20px; } .unsupportedFeaturesDialogContentListItems { display: list-item; list-style= -type: disc; margin-inline-start: 20px; padding-top: 20px; } .unsupportedFeaturesDialogContentContentText { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface-variant,= #444746); } .emojiDetailSidebarContainer { display: flex; flex-direction: column; font-= family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif; f= ont-size: 0.875rem; row-gap: 24px; } .emojiDetailSidebarEmojiFont { font-family: "Noto Color Emoji", Roboto, Rob= otoDraft, Helvetica, Arial, sans-serif; } .emojiDetailSidebarEmojiGroup { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; fo= nt-size: 0.875rem; padding-bottom: 16px; } .emojiDetailSidebarGroup { display: flex; flex-direction: column; row-gap: = 16px; } .emojiDetailSidebarTimestamp { color: var(--gm3-sys-color-on-surface-varian= t,#444746); font-size: 0.75rem; } .emojiDetailSidebarUserDetails { align-items: center; column-gap: 12px; dis= play: flex; } .emojiDetailSidebarUserIcon { border-radius: 9999px; height: 32px; width: 3= 2px; } .emojiDetailSidebarUserIconTooltip { line-height: 0; } .emojiDetailSidebarUsername { font-weight: 500; } .emojiDetailSidebarUsernameWithInvalidAttribution { color: var(--gm3-sys-co= lor-error,#b3261e); font-weight: 700; } .emojiDetailSidebarEmptyUserIcon { padding-right: 32px; } .emojiDetailSidebarAttributionWarning { border-color: var(--gm3-sys-color-o= utline-variant,#c4c7c5); border-top-style: solid; border-top-width: 1px; ma= rgin: 8px -8px 0px; padding: 8px 8px 4px; } .emojiDetailSidebarAttributionWarningImage { height: 16px; width: 16px; } .emojiDetailSidebarAttributionWarningText { font-family: Roboto, RobotoDraf= t, Helvetica, Arial, sans-serif; line-height: 1rem; margin: -16px 0px 0px 1= 6px; padding: 0px 0px 0px 4px; overflow-wrap: break-word; } .emojiDetailSidebarUserInfo { flex-grow: 1; } .emojiDetailSidebarUserDeleteButtonContainer { padding-right: 20px; } .emojiDetailSidebarUserDeleteButton { opacity: 0; transition-property: opac= ity, box-shadow; transition-duration: 0.25s; transition-timing-function: cu= bic-bezier(0.4, 0, 0.2, 1); } @media screen and (forced-colors: active) { .emojiDetailSidebarUserDeleteButton:disabled { color: graytext; } } :is(.emojiDetailSidebarUserDetails:focus-within, .emojiDetailSidebarUserDet= ails:hover) .emojiDetailSidebarUserDeleteButton { opacity: 1; } :is(.emojiDetailSidebarUserDetails:focus-within, .emojiDetailSidebarUserDet= ails:hover) .emojiDetailSidebarUserDeleteButton:disabled { opacity: 0.38; } .appsElementsEmojipickerSearchAndAddEmojiWrapper { display: flex; flex-dire= ction: row; height: 32px; justify-content: space-between; margin: 8px 8px 4= px; min-height: 32px; width: auto; } .appsElementsEmojipickerSearchBar { align-items: center; display: flex; fle= x-direction: row; flex-grow: 1; justify-content: flex-start; max-width: 100= %; transition: max-width 0.1s ease-out; } .appsElementsEmojipickerSearchBar.appsElementsEmojipickerMinimized { max-wi= dth: 15px; } .appsElementsEmojipickerSearchInput { --gm3-text-field-outlined-caret-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-text-field-outlined-contai= ner-height: 32px; --gm3-text-field-outlined-container-shape: 20px; --gm3-te= xt-field-outlined-focus-indicator-outline-color: var(--gm3-sys-color-outlin= e-variant,#c4c7c5); --gm3-text-field-outlined-focus-indicator-outline-thick= ness: 1px; --gm3-text-field-outlined-hover-outline-color: var(--gm3-sys-col= or-outline-variant,#c4c7c5); --gm3-text-field-outlined-hover-outline-width:= 1px; --gm3-text-field-outlined-input-text-line-height: 1.25rem; --gm3-text= -field-outlined-input-text-size: 0.875rem; --gm3-text-field-outlined-input-= text-weight: 400; --gm3-text-field-outlined-label-text-line-height: 1.25rem= ; --gm3-text-field-outlined-label-text-size: 0.875rem; --gm3-text-field-out= lined-label-text-weight: 400; --gm3-text-field-outlined-leading-icon-size: = 16px; --gm3-text-field-outlined-outline-color: var(--gm3-sys-color-outline-= variant,#c4c7c5); --gm3-text-field-outlined-outline-width: 1px; --gm3-text-= field-outlined-with-leading-icon-icon-label-text-space: 4px; --gm3-text-fie= ld-outlined-with-leading-icon-leading-space: 8px; --gm3-text-field-outlined= -container-shape-start-start: 20px; --gm3-text-field-outlined-container-sha= pe-start-end: 20px; --gm3-text-field-outlined-container-shape-end-end: 20px= ; --gm3-text-field-outlined-container-shape-end-start: 20px; width: 100%; } .appsElementsEmojipickerSearchInput:focus { outline: none; } .appsElementsEmojipickerTab { display: flex; flex-direction: column; line-h= eight: 1.25; padding-top: 4px; position: relative; white-space: normal; wid= th: 100%; } .appsElementsEmojipickerCategoryBar { align-items: center; display: flex; h= eight: 36px; justify-content: center; list-style: none; margin: 12px 8px 8p= x; min-height: 36px; order: 1; padding: 0px; } .appsElementsEmojipickerCategoryBar::-webkit-scrollbar { display: none; } .appsElementsEmojipickerEmojiLoadingSpinner { --EkrYwf: 36px; --EscQs: 3px;= display: block; margin-top: 50px; order: 2; position: absolute; text-align= : center; top: 0px; width: 100%; } .appsElementsEmojipickerTab.hasHint { padding-top: 0px; } .appsElementsEmojipickerTab.hasHint .HintMessage { display: none; } .appsElementsEmojipickerTab .appsElementsEmojipickerListManagerScrollbar::-= webkit-scrollbar { width: 4px; } .appsElementsEmojipickerNoContentMessage { color: var(--ae-emojipicker-hint= -text-color,var(--hint-text-color,var(--gm3-sys-color-on-surface-variant,#4= 44746))); text-align: center; } .appsElementsEmojipickerQuickEmojisSection { border-bottom-width: medium; b= order-bottom-style: none; border-bottom-color: currentcolor; display: flex;= flex-direction: column; height: 46px; min-height: 46px; order: 3; overflow= : hidden; padding-bottom: 0px; padding-top: 0px; } .appsElementsEmojipickerDisableCustomEmojisSection { color: var(--ae-emojip= icker-hint-text-color,var(--hint-text-color,var(--gm3-sys-color-on-surface-= variant,#444746))); border-bottom-width: medium; border-bottom-style: none;= border-bottom-color: currentcolor; display: flex; flex-direction: column; = height: 46px; margin-left: 16px; min-height: 46px; order: 3; overflow: hidd= en; padding-bottom: 0px; padding-top: 0px; } .appsElementsEmojipickerSmallSize .appsElementsEmojipickerQuickEmojisSectio= n { height: 36px; min-height: 36px; padding-top: 2px; } .appsElementsEmojipickerQuickEmojisContainer { height: 46px; line-height: 1= 00%; padding: 3px 4px; } .appsElementsEmojipickerSmallSize .appsElementsEmojipickerQuickEmojisContai= ner { height: 36px; padding: 0px 9px; } .appsElementsEmojipickerScrollButtonWrapper { position: absolute; visibilit= y: hidden; z-index: 1; } .appsElementsEmojipickerScrollButton { --gm3-icon-button-filled-container-w= idth: 32px; --gm3-icon-button-filled-container-height: 32px; --gm3-icon-but= ton-filled-icon-size: 24px; --gm3-icon-button-filled-container-color: var(-= -gm3-sys-color-surface-container-high,#e9eef6); --gm3-icon-button-filled-fo= cus-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-icon-button-fil= led-hover-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-icon-butt= on-filled-hover-state-layer-color: var(--gm3-sys-color-primary,#0b57d0); --= gm3-icon-button-filled-icon-color: var(--gm3-sys-color-primary,#0b57d0); --= gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-primary,#0b5= 7d0); } .appsElementsEmojipickerPreviousScrollButtonWrapper { left: 12px; margin-to= p: -4px; } .appsElementsEmojipickerNextScrollButtonWrapper { right: 12px; margin-top: = -4px; } .appsElementsEmojipickerCategoryBar:not(.appsElementsEmojipickerCategoryBar= WithScroller) { justify-content: space-evenly; } .docsEmojisWizEmojiPickerTab { border-radius: 8px; border-width: 0px; box-s= hadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2p= x 6px 2px; } .docsEmojisWizEmojiPickerTab .mdc-elevation-overlay { opacity: 0; } .docsEmojisWizEmojiPickerTab { background: var(--gm3-sys-color-surface,#fff= ); width: 370px; height: 400px; } .docsEmojisWizEmojiPickerTab ::-webkit-scrollbar-thumb { border: unset; box= -shadow: unset; } .appsElementsEmojipickerCategoryBarWithScroller { justify-content: normal; = scrollbar-width: none; overflow: scroll hidden; scroll-snap-type: x mandato= ry; } .appsElementsEmojipickerCategoryBarWithScroller.appsElementsEmojipickerCate= goryIsSmallSize { justify-content: space-between; margin: 0px 8px; } .appsElementsEmojipickerCategoryCategory { bottom: 0px; display: block; fle= x-flow: wrap; justify-content: center; left: 0px; line-height: 100%; paddin= g: 0px 1px 0px 9px; position: absolute; top: 0px; width: 100%; } .appsElementsEmojipickerCategoryCategoryButtonContainer { display: flex; fl= ex-direction: column; justify-content: center; align-items: center; flex-sh= rink: 0; height: 30px; margin-right: 0px; position: relative; width: 30px; = } .appsElementsEmojipickerCategoryCategoryButtonContainer.appsElementsEmojipi= ckerCategoryIsSmallSize { height: 28px; width: 28px; } .appsElementsEmojipickerCategoryCategoryButtonContainer:last-child { margin= -right: 0px; } .appsElementsEmojipickerCategoryCategoryButton { width: 36px; height: 36px;= padding: 6px; } .appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-siz= e .mdc-icon-button__ripple { width: 36px; height: 36px; margin: 0px; } .appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-siz= e .mdc-icon-button__focus-ring { max-height: 36px; max-width: 36px; } .appsElementsEmojipickerCategoryCategoryButton .mdc-icon-button__touch { po= sition: absolute; top: 50%; height: 36px; left: 50%; width: 36px; transform= : translate(-50%, -50%); } .appsElementsEmojipickerCategoryIsSmallSize .appsElementsEmojipickerCategor= yCategoryButton { width: 28px; height: 28px; padding: 2px; } .appsElementsEmojipickerCategoryIsSmallSize .appsElementsEmojipickerCategor= yCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__ripple { wi= dth: 28px; height: 28px; margin: 0px; } .appsElementsEmojipickerCategoryIsSmallSize .appsElementsEmojipickerCategor= yCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring = { max-height: 28px; max-width: 28px; } .appsElementsEmojipickerCategoryIsSmallSize .appsElementsEmojipickerCategor= yCategoryButton .mdc-icon-button__touch { position: absolute; top: 50%; hei= ght: 28px; left: 50%; width: 28px; transform: translate(-50%, -50%); } .appsElementsEmojipickerCategoryCategoryButtonIcon { display: block; color:= var(--gm3-sys-color-on-surface-variant,#444746); margin: auto; } .appsElementsEmojipickerCategoryIsSmallSize .appsElementsEmojipickerCategor= yCategoryButtonIcon { height: 20px; width: 20px; } .appsElementsEmojipickerCategoryCategoryButtonContainer.appsElementsEmojipi= ckerCategorySelected .appsElementsEmojipickerCategoryCategoryButtonIcon { c= olor: var(--ae-emojipicker-category-button-selected-color,var(--primary-app= -color,var(--gm3-sys-color-primary,#0b57d0))); } .appsElementsEmojipickerCategoryCategoryButtonContainer.appsElementsEmojipi= ckerCategorySelected .appsElementsEmojipickerCategorySelectedUnderline { di= splay: inherit; } .appsElementsEmojipickerCategorySelectedUnderline { background-color: var(-= -ae-emojipicker-category-button-selected-color,var(--primary-app-color,var(= --gm3-sys-color-primary,#0b57d0))); border-radius: 4px 4px 0px 0px; display= : none; height: 2px; margin: 0px 4px; position: absolute; width: auto; inse= t: auto 2px -3px; } .mdc-circular-progress__determinate-circle, .mdc-circular-progress__indeter= minate-circle-graphic { stroke: var(--mdc-theme-primary,#6200ee); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .mdc-circular-progress__determinate-circle, .mdc-circular-progress__indet= erminate-circle-graphic { stroke: canvastext; } } .mdc-circular-progress__determinate-track { stroke: transparent; } @keyframes mdc-circular-progress-container-rotate {=20 100% { transform: rotate(1turn); } } @keyframes mdc-circular-progress-spinner-layer-rotate {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes mdc-circular-progress-color-1-fade-in-out {=20 0% { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } } @keyframes mdc-circular-progress-color-2-fade-in-out {=20 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-color-3-fade-in-out {=20 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-color-4-fade-in-out {=20 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-left-spin {=20 0% { transform: rotate(265deg); } 50% { transform: rotate(130deg); } 100% { transform: rotate(265deg); } } @keyframes mdc-circular-progress-right-spin {=20 0% { transform: rotate(-265deg); } 50% { transform: rotate(-130deg); } 100% { transform: rotate(-265deg); } } .mdc-circular-progress { display: inline-flex; position: relative; directio= n: ltr; line-height: 0; overflow: hidden; transition: opacity 0.25s cubic-b= ezier(0.4, 0, 0.6, 1); } .mdc-circular-progress__determinate-container, .mdc-circular-progress__inde= terminate-circle-graphic, .mdc-circular-progress__indeterminate-container, = .mdc-circular-progress__spinner-layer { position: absolute; width: 100%; he= ight: 100%; } .mdc-circular-progress__determinate-container { transform: rotate(-90deg); = } .mdc-circular-progress__indeterminate-container { font-size: 0px; letter-sp= acing: 0px; white-space: nowrap; opacity: 0; } .mdc-circular-progress__determinate-circle-graphic, .mdc-circular-progress_= _indeterminate-circle-graphic { fill: transparent; } .mdc-circular-progress__determinate-circle { transition: stroke-dashoffset = 0.5s cubic-bezier(0, 0, 0.2, 1); } .mdc-circular-progress__gap-patch { position: absolute; top: 0px; left: 47.= 5%; box-sizing: border-box; width: 5%; height: 100%; overflow: hidden; } .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-cir= cle-graphic { left: -900%; width: 2000%; transform: rotate(180deg); } .mdc-circular-progress__circle-clipper { display: inline-flex; position: re= lative; width: 50%; height: 100%; overflow: hidden; } .mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminat= e-circle-graphic { width: 200%; } .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-= circle-graphic { left: -100%; } .mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-c= ontainer { opacity: 0; } .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate= -container { opacity: 1; } .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate= -container { animation: 1.56824s linear 0s infinite normal none running mdc= -circular-progress-container-rotate; } .mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer= { animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both r= unning mdc-circular-progress-spinner-layer-rotate; } .mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 { ani= mation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running= mdc-circular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.= 2, 1) 0s infinite normal both running mdc-circular-progress-color-1-fade-in= -out; } .mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 { ani= mation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running= mdc-circular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.= 2, 1) 0s infinite normal both running mdc-circular-progress-color-2-fade-in= -out; } .mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 { ani= mation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running= mdc-circular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.= 2, 1) 0s infinite normal both running mdc-circular-progress-color-3-fade-in= -out; } .mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 { ani= mation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running= mdc-circular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.= 2, 1) 0s infinite normal both running mdc-circular-progress-color-4-fade-in= -out; } .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .= mdc-circular-progress__indeterminate-circle-graphic { animation: 1333ms cub= ic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-circular-prog= ress-left-spin; } .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right = .mdc-circular-progress__indeterminate-circle-graphic { animation: 1333ms cu= bic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-circular-pro= gress-right-spin; } .mdc-circular-progress--closed { opacity: 0; } .GmCircularProgress { position: relative; } .GmCircularProgress .mdc-circular-progress__determinate-circle, .GmCircular= Progress .mdc-circular-progress__indeterminate-circle-graphic { stroke: rgb= (66, 133, 244); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmCircularProgress .mdc-circular-progress__determinate-circle, .GmCircul= arProgress .mdc-circular-progress__indeterminate-circle-graphic { stroke: c= anvastext; } } .GmCircularProgress .mdc-circular-progress__color-1 .mdc-circular-progress_= _indeterminate-circle-graphic { stroke: rgb(66, 133, 244); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmCircularProgress .mdc-circular-progress__color-1 .mdc-circular-progres= s__indeterminate-circle-graphic { stroke: canvastext; } } .GmCircularProgress .mdc-circular-progress__color-2 .mdc-circular-progress_= _indeterminate-circle-graphic { stroke: rgb(234, 67, 53); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmCircularProgress .mdc-circular-progress__color-2 .mdc-circular-progres= s__indeterminate-circle-graphic { stroke: canvastext; } } .GmCircularProgress .mdc-circular-progress__color-3 .mdc-circular-progress_= _indeterminate-circle-graphic { stroke: rgb(251, 188, 4); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmCircularProgress .mdc-circular-progress__color-3 .mdc-circular-progres= s__indeterminate-circle-graphic { stroke: canvastext; } } .GmCircularProgress .mdc-circular-progress__color-4 .mdc-circular-progress_= _indeterminate-circle-graphic { stroke: rgb(52, 168, 83); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .GmCircularProgress .mdc-circular-progress__color-4 .mdc-circular-progres= s__indeterminate-circle-graphic { stroke: canvastext; } } .GmCircularProgress .mdc-circular-progress__accessible-label { height: 100%= ; width: 100%; position: absolute; opacity: 0; overflow: hidden; z-index: -= 1; } .mdc-elevation-overlay { position: absolute; border-radius: inherit; pointe= r-events: none; opacity: var(--mdc-elevation-overlay-opacity,0); transition= : opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--mdc-e= levation-overlay-color,#fff); } .GmElevationOverlay { background-color: rgb(232, 234, 237); } .mdc-tooltip__surface { border-radius: var(--mdc-shape-small,4px); } .mdc-tooltip__caret-surface-bottom, .mdc-tooltip__caret-surface-top { borde= r-radius: var(--mdc-shape-small,4px); } .mdc-tooltip__surface { color: var(--mdc-theme-text-primary-on-dark,#fff); = } .mdc-tooltip__surface { background-color: rgba(0, 0, 0, 0.6); } .mdc-tooltip__title { color: var(--mdc-theme-text-primary-on-light,rgba(0,0= ,0,.87)); } .mdc-tooltip__content { color: rgba(0, 0, 0, 0.6); } .mdc-tooltip__content-link { color: var(--mdc-theme-primary,#6200ee); } .mdc-tooltip__interactive-content { overflow-x: unset; overflow-y: auto; } .mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom, .mdc-too= ltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top, .mdc-tooltip.mdc-to= oltip--rich .mdc-tooltip__surface { background-color: rgb(255, 255, 255); } .mdc-tooltip__surface { -webkit-font-smoothing: antialiased; font-family: v= ar(--mdc-typography-caption-font-family,var(--mdc-typography-font-family,Ro= boto,sans-serif)); font-size: var(--mdc-typography-caption-font-size,.75rem= ); font-weight: var(--mdc-typography-caption-font-weight,400); letter-spaci= ng: var(--mdc-typography-caption-letter-spacing,.0333333333em); text-decora= tion: var(--mdc-typography-caption-text-decoration,inherit); text-transform= : var(--mdc-typography-caption-text-transform,inherit); } .mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay { width: 10= 0%; height: 100%; top: 0px; left: 0px; } .mdc-tooltip--rich .mdc-tooltip__surface { box-shadow: rgba(0, 0, 0, 0.2) 0= px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0= px 1px 5px 0px; border-radius: 4px; line-height: 20px; } .mdc-tooltip__surface .mdc-tooltip__title { display: block; } .mdc-tooltip__surface .mdc-tooltip__title::before { display: inline-block; = width: 0px; height: 24px; content: ""; vertical-align: 0px; } .mdc-tooltip__surface .mdc-tooltip__title { margin-top: 0px; -webkit-font-s= moothing: antialiased; font-family: var(--mdc-typography-subtitle2-font-fam= ily,var(--mdc-typography-font-family,Roboto,sans-serif)); font-size: var(--= mdc-typography-subtitle2-font-size,.875rem); line-height: var(--mdc-typogra= phy-subtitle2-line-height,1.375rem); font-weight: var(--mdc-typography-subt= itle2-font-weight,500); letter-spacing: var(--mdc-typography-subtitle2-lett= er-spacing,.0071428571em); text-decoration: var(--mdc-typography-subtitle2-= text-decoration,inherit); text-transform: var(--mdc-typography-subtitle2-te= xt-transform,inherit); } .mdc-tooltip__surface .mdc-tooltip__content { -webkit-font-smoothing: antia= liased; font-family: var(--mdc-typography-body2-font-family,var(--mdc-typog= raphy-font-family,Roboto,sans-serif)); font-size: var(--mdc-typography-body= 2-font-size,.875rem); line-height: var(--mdc-typography-body2-line-height,1= .25rem); font-weight: var(--mdc-typography-body2-font-weight,400); letter-s= pacing: var(--mdc-typography-body2-letter-spacing,.0178571429em); text-deco= ration: var(--mdc-typography-body2-text-decoration,inherit); text-transform= : var(--mdc-typography-body2-text-transform,inherit); } .mdc-tooltip__surface { word-break: var(--mdc-tooltip-word-break,normal); o= verflow-wrap: anywhere; } .mdc-tooltip--showing-transition .mdc-tooltip__surface-animation { transiti= on: opacity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bezier(= 0, 0, 0.2, 1); } .mdc-tooltip--hide-transition .mdc-tooltip__surface-animation { transition:= opacity 75ms cubic-bezier(0.4, 0, 1, 1); } .mdc-tooltip { position: fixed; display: none; z-index: 9; } .mdc-tooltip-wrapper--rich { position: relative; } .mdc-tooltip--hide, .mdc-tooltip--showing, .mdc-tooltip--shown { display: i= nline-flex; } .mdc-tooltip--hide.mdc-tooltip--rich, .mdc-tooltip--showing.mdc-tooltip--ri= ch, .mdc-tooltip--shown.mdc-tooltip--rich { display: inline-block; left: -3= 20px; position: absolute; } .mdc-tooltip__surface { line-height: 16px; padding: 4px 8px; min-width: 40p= x; max-width: 200px; min-height: 22px; max-height: 40vh; box-sizing: border= -box; overflow: hidden; text-align: center; } .mdc-tooltip__surface::before { position: absolute; box-sizing: border-box;= width: 100%; height: 100%; top: 0px; left: 0px; border: 1px solid transpar= ent; border-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .mdc-tooltip__surface::before { border-color: canvastext; } } .mdc-tooltip--rich .mdc-tooltip__surface { align-items: flex-start; display= : flex; flex-direction: column; min-height: 22px; min-width: 40px; max-widt= h: 320px; position: relative; text-align: left; } .mdc-tooltip--rich .mdc-tooltip__surface[dir=3D"rtl"], [dir=3D"rtl"] .mdc-t= ooltip--rich .mdc-tooltip__surface { text-align: right; } .mdc-tooltip--multiline .mdc-tooltip__surface { text-align: left; } .mdc-tooltip--multiline .mdc-tooltip__surface[dir=3D"rtl"], [dir=3D"rtl"] .= mdc-tooltip--multiline .mdc-tooltip__surface { text-align: right; } .mdc-tooltip__surface .mdc-tooltip__title { margin: 0px 8px; } .mdc-tooltip__surface .mdc-tooltip__content { max-width: 184px; margin: 8px= ; } .mdc-tooltip--rich .mdc-tooltip__surface .mdc-tooltip__content { max-width:= 304px; align-self: stretch; } .mdc-tooltip__surface .mdc-tooltip__content-link { text-decoration: none; } .mdc-tooltip--rich-actions, .mdc-tooltip__content, .mdc-tooltip__title { z-= index: 1; } .mdc-tooltip__surface-animation { opacity: 0; transform: scale(0.8); will-c= hange: transform, opacity; } .mdc-tooltip--shown .mdc-tooltip__surface-animation { transform: scale(1); = opacity: 1; } .mdc-tooltip--hide .mdc-tooltip__surface-animation { transform: scale(1); } .mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay, .mdc-tooltip__ca= ret-surface-top .mdc-elevation-overlay { width: 100%; height: 100%; top: 0p= x; left: 0px; } .mdc-tooltip__caret-surface-bottom, .mdc-tooltip__caret-surface-top { posit= ion: absolute; height: 24px; width: 24px; transform: rotate(35deg) skewY(20= deg) scaleX(0.939693); } .mdc-tooltip__caret-surface-bottom { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px= 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px= 5px 0px; outline: transparent solid 1px; z-index: -1; } @media screen and (forced-colors: active) { .mdc-tooltip__caret-surface-bottom { outline-color: canvastext; } } .GmTooltip .mdc-tooltip__surface { background-color: rgb(60, 64, 67); } .GmTooltip .mdc-tooltip__surface { color: rgb(232, 234, 237); } .GmTooltip .mdc-tooltip__content, .GmTooltip .mdc-tooltip__title { color: r= gb(60, 64, 67); } .GmTooltip .mdc-tooltip__content-link { color: rgb(26, 115, 232); } .GmTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom, .GmTooltip= .mdc-tooltip--rich .mdc-tooltip__caret-surface-top, .GmTooltip.mdc-tooltip-= -rich .mdc-tooltip__surface { background-color: rgb(255, 255, 255); } .GmTooltip.mdc-tooltip--rich .mdc-tooltip__title { font-family: "Google San= s", Roboto, Arial, sans-serif; line-height: 1.25rem; font-size: 0.875rem; l= etter-spacing: 0.0178571em; font-weight: 500; } .GmTooltip.mdc-tooltip--rich .mdc-tooltip__surface { border-radius: 8px; } .GmTooltip { z-index: 2101; } .GmRichTooltip .mdc-tooltip__surface { background-color: rgb(60, 64, 67); } .GmRichTooltip .mdc-tooltip__surface { color: rgb(232, 234, 237); } .GmRichTooltip .mdc-tooltip__content, .GmRichTooltip .mdc-tooltip__title { = color: rgb(60, 64, 67); } .GmRichTooltip .mdc-tooltip__content-link { color: rgb(26, 115, 232); } .GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom, .GmRic= hTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top, .GmRichTooltip.= mdc-tooltip--rich .mdc-tooltip__surface { background-color: rgb(255, 255, 2= 55); } .GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__title { font-family: "Google= Sans", Roboto, Arial, sans-serif; line-height: 1.25rem; font-size: 0.875re= m; letter-spacing: 0.0178571em; font-weight: 500; } .GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__surface { border-radius: 8px= ; } .GmRichTooltip { z-index: 2101; } .GmTooltip--HiddenLabel { position: absolute; left: -10000px; top: auto; wi= dth: 1px; height: 1px; overflow: hidden; user-select: none; } .appsElementsEmojipickerListAddEmojiButtonAddEmojiButton { height: 32px; ma= rgin-left: 8px; margin-top: 0px; max-width: 192px; overflow: hidden; white-= space: nowrap; --gm3-button-outlined-focus-outline-color: var(--gm3-sys-col= or-primary,#0b57d0); --gm3-button-outlined-hover-outline-color: var(--gm3-s= ys-color-outline-variant,#c4c7c5); --gm3-button-outlined-hover-state-layer-= color: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-hover-st= ate-layer-opacity: 0.08; --gm3-button-outlined-outline-color: var(--gm3-sys= -color-outline-variant,#c4c7c5); --gm3-button-outlined-pressed-outline-colo= r: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-pressed-stat= e-layer-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-= pressed-state-layer-opacity: 10%; } .appsElementsEmojipickerListAddEmojiButtonWithPadding { padding: 8px; } .appsElementsEmojipickerListAddEmojiButtonNoPadding { padding: 0px; } .appsElementsEmojipickerListAlternatepickerAlternatePicker.appsElementsEmoj= ipickerListAlternatepickerHidden { display: none; } .appsElementsEmojipickerListAlternatepickerAlternateContainer { border-widt= h: 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67,= 0.15) 0px 2px 6px 2px; } .appsElementsEmojipickerListAlternatepickerAlternateContainer .mdc-elevatio= n-overlay { opacity: 0; } .appsElementsEmojipickerListAlternatepickerAlternateContainer::before { pos= ition: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0p= x; left: 0px; border: 1px solid transparent; border-radius: inherit; conten= t: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsEmojipickerListAlternatepickerAlternateContainer::before { b= order-color: canvastext; } } .appsElementsEmojipickerListAlternatepickerAlternateContainer { background:= var(--ae-emojipicker-alternates-surface-background-color,var(--dialog-bg-c= olor,var(--gm3-sys-color-surface,#fff))); border-radius: 4px; display: inli= ne-flex; height: 150px; position: absolute; width: 150px; z-index: 3; } .appsElementsEmojipickerListAlternatepickerAlternateContainer .appsElements= EmojipickerListEmojibuttonButtonContainer { display: inline-flex; } .appsElementsEmojipickerListAlternatepickerSwapDirectionButton { display: i= nline-flex; flex-direction: column; align-items: center; width: 100%; } .appsElementsEmojipickerListAlternatepickerExtraAlternateEmoji { align-self= : flex-end; height: 40px; width: 40px; } .appsElementsEmojipickerListAlternatepickerIsSmallSize .appsElementsEmojipi= ckerListAlternatepickerExtraAlternateEmoji { height: 32px; width: 32px; } .appsElementsEmojipickerListAlternatepickerLeftSkinToneList { display: flex= ; flex-direction: column; height: 200px; margin: 22px 4px 0px 5px; width: 8= px; } .appsElementsEmojipickerListAlternatepickerIsSmallSize .appsElementsEmojipi= ckerListAlternatepickerLeftSkinToneList { height: 160px; } .appsElementsEmojipickerListAlternatepickerLeftSkinToneList .appsElementsEm= ojipickerListAlternatepickerSkinTone { margin: 16px 0px; } .appsElementsEmojipickerListAlternatepickerIsSmallSize .appsElementsEmojipi= ckerListAlternatepickerLeftSkinToneList .appsElementsEmojipickerListAlterna= tepickerSkinTone { margin: 12px 0px; } .appsElementsEmojipickerListAlternatepickerTopSkinToneList { height: 8px; m= argin-bottom: 9px; margin-top: 5px; width: 200px; } .appsElementsEmojipickerListAlternatepickerIsSmallSize .appsElementsEmojipi= ckerListAlternatepickerTopSkinToneList { width: 160px; } .appsElementsEmojipickerListAlternatepickerTopSkinToneList .appsElementsEmo= jipickerListAlternatepickerSkinTone { margin: 0px 16px; } .appsElementsEmojipickerListAlternatepickerIsSmallSize .appsElementsEmojipi= ckerListAlternatepickerTopSkinToneList .appsElementsEmojipickerListAlternat= epickerSkinTone { margin: 0px 12px; } .appsElementsEmojipickerListCustomemojiEmojiImage.exportEmoji { text-indent= : 100vw; border-radius: 4px; } .appsElementsEmojipickerListCustomemojiBrokenEmojiIcon { fill: color-mix(in= srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 38%,var(--gm3-sys-color-surfa= ce,#fff)); margin: 4px; } .appsElementsEmojipickerListEmojibuttonButton { display: inline-flex; align= -items: center; justify-content: center; height: var(--ae-emojipicker-emoji= -button-size,var(--emoji-button-size,40px)); padding: 0px; width: var(--ae-= emojipicker-emoji-button-size,var(--emoji-button-size,40px)); border-radius= : 9999px; will-change: unset; } .appsElementsEmojipickerListEmojibuttonIsSmallSize .appsElementsEmojipicker= ListEmojibuttonButton { height: var(--ae-emojipicker-small-emoji-button-siz= e,var(--small-emoji-button-size,32px)); width: var(--ae-emojipicker-small-e= moji-button-size,var(--small-emoji-button-size,32px)); align-items: flex-st= art; } .appsElementsEmojipickerListEmojibuttonButton .exportEmoji { align-items: c= enter; display: flex; font-family: var(--ae-emojipicker-emoji-font-family,i= nherit); font-size: calc(var(--ae-emojipicker-emoji-icon-size, var(--emoji-= icon-size, 30px))*var(--ae-emojipicker-emoji-font-size-scale, 1)); height: = var(--ae-emojipicker-emoji-icon-size,var(--emoji-icon-size,30px)); justify-= content: center; margin: 0px; min-width: auto; transform: translateY(0px); = width: var(--ae-emojipicker-emoji-icon-size,var(--emoji-icon-size,30px)); } .appsElementsEmojipickerListEmojibuttonIsSmallSize .appsElementsEmojipicker= ListEmojibuttonButton .exportEmoji { font-size: calc(var(--ae-emojipicker-s= mall-emoji-icon-size, var(--small-emoji-icon-size, 24px))*var(--ae-emojipic= ker-emoji-font-size-scale, 1)); height: var(--ae-emojipicker-small-emoji-ic= on-size,var(--small-emoji-icon-size,24px)); margin-top: 3px; width: var(--a= e-emojipicker-small-emoji-icon-size,var(--small-emoji-icon-size,24px)); } .appsElementsEmojipickerListEmojibuttonButtonContainer { display: inline-bl= ock; height: var(--ae-emojipicker-emoji-button-size,var(--emoji-button-size= ,40px)); position: relative; width: var(--ae-emojipicker-emoji-button-size,= var(--emoji-button-size,40px)); } .appsElementsEmojipickerListEmojibuttonButtonContainer.appsElementsEmojipic= kerListEmojibuttonIsSmallSize { height: var(--ae-emojipicker-small-emoji-bu= tton-size,var(--small-emoji-button-size,32px)); width: var(--ae-emojipicker= -small-emoji-button-size,var(--small-emoji-button-size,32px)); } .appsElementsEmojipickerListBrowseList { margin-inline-start: 4px; padding:= 0px; inline-size: calc(100% - 4px); } .appsElementsEmojipickerListBrowseList.appsElementsEmojipickerListIsSmallSi= ze { margin-inline-start: 9px; padding: 0px; inline-size: calc(100% - 14px)= ; } .appsElementsEmojipickerListList { inline-size: 100%; } .appsElementsEmojipickerListEmojiList { display: block; flex-flow: wrap; ju= stify-content: center; line-height: 26px; padding-inline-start: 4px; } .appsElementsEmojipickerListEmojiList.appsElementsEmojipickerListIsSmallSiz= e { padding-inline-start: 9px; } .appsElementsEmojipickerListEmojiList .wizcontribVirtuallistRow { inline-si= ze: 100%; } .appsElementsEmojipickerListNoContentMessageContainer { margin: auto; paddi= ng: 10px; } .appsElementsEmojipickerListNoContentMessage { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.25rem; color: var(--ae-emojipicker-hint-text-col= or,var(--hint-text-color,var(--gm3-sys-color-on-surface-variant,#444746)));= text-align: center; } .appsElementsEmojipickerListNoContentMessageButtonContainer { display: flex= ; justify-content: center; margin-top: 10px; } .appsElementsEmojipickerListLabelRow { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: = 0.00625rem; line-height: 1rem; color: var(--ae-emojipicker-hint-text-color,= var(--hint-text-color,var(--gm3-sys-color-on-surface-variant,#444746))); al= ign-items: center; display: flex; block-size: 100%; justify-content: space-= between; padding: 0px 6px; } .appsElementsEmojipickerListRowLabel { text-transform: uppercase; } .appsElementsEmojipickerListSpinnerRow { --EkrYwf: 36px; --EscQs: 3px; alig= n-items: center; display: flex; block-size: 100%; justify-content: center; = overflow: hidden; } .appsElementsEmojipickerListManageCustomEmojiButton { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; let= ter-spacing: 0.00625rem; line-height: 1rem; --gm3-button-text-container-hei= ght: 1rem; --gm3-button-text-container-min-width: fit-content; --gm3-button= -text-focus-indicator-color: transparent; --gm3-button-text-hover-state-lay= er-opacity: 0; --gm3-button-text-label-text-size: 0.75rem; --gm3-button-tex= t-label-text-tracking: 0.00625rem; --gm3-button-text-label-text-weight: 400= ; --gm3-button-text-pressed-state-layer-opacity: 0; background: transparent= ; border: 0px; padding: 0px; } .appsElementsEmojipickerListMessageRow { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing:= 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#= 444746); padding: 0px 6px; } .appsElementsEmojipickerListNoFrecencyMessageRow, .appsElementsEmojipickerL= istNoRecentMessageRow { display: flex; align-items: center; block-size: 40p= x; } .appsElementsEmojipickerListIsSmallSize .appsElementsEmojipickerListMessage= Row { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.6= 875rem; font-weight: 500; letter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsEmojipickerListIsSmallSize .appsElementsEmojipickerListNoFrece= ncyMessageRow { block-size: 32px; } .appsElementsEmojipickerListLinkButton { --gm3-button-text-container-height= : 16px; --gm3-button-text-container-min-width: fit-content; --gm3-button-te= xt-focus-indicator-color: transparent; --gm3-button-text-hover-state-layer-= opacity: 0; --gm3-button-text-label-text-size: 0.875rem; --gm3-button-text-= label-text-tracking: 0rem; --gm3-button-text-label-text-weight: 400; --gm3-= button-text-leading-space: 0; --gm3-button-text-pressed-state-layer-opacity= : 0; --gm3-button-text-trailing-space: 0; padding: 0px; text-decoration: un= derline; } .appsElementsEmojipickerListUnicodeAlternateTriggerButton { bottom: 0px; he= ight: 8px; position: absolute; right: 0px; width: 8px; cursor: pointer; z-i= ndex: 1; } .appsElementsEmojipickerListUnicodeAlternateTriggerButton::after { content:= ""; border-width: 0px 0px 6px 6px; border-style: solid; border-color: tran= sparent transparent grey; bottom: 1px; height: 0px; position: absolute; rig= ht: 1px; width: 0px; } .appsElementsEmojipickerListManagerTabContent { display: block; height: 100= %; opacity: 0; order: 2; overflow: hidden auto; overscroll-behavior: contai= n; position: relative; transform: translateZ(0px); transition: opacity 0.5s= ; width: 100%; } .appsElementsEmojipickerListManagerTabContent.emojiVisible { opacity: 1; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar { backgroun= d-color: transparent; border-radius: 0px; height: 8px; width: 8px; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb { bac= kground-color: transparent; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:activ= e { background-color: transparent; } .appsElementsEmojipickerListManagerScrollbar:hover::-webkit-scrollbar { bac= kground-color: transparent; } .appsElementsEmojipickerListManagerScrollbar:hover::-webkit-scrollbar-thumb= { background-color: var(--ae-emojipicker-scrollbar-thumb-color,var(--scrol= lbar-thumb-color,var(--gm3-sys-color-outline-variant,#c4c7c5))); background= -clip: padding-box; border-radius: 4px; padding: 100px 0px 0px; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar:hover { bac= kground-color: transparent; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar:active { ba= ckground-color: transparent; } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:hover= { background-color: var(--ae-emojipicker-scrollbar-thumb-hover-color,var(-= -scrollbar-thumb-hover-color,var(--gm3-sys-color-outline,#747775))); } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:activ= e { background-color: var(--ae-emojipicker-scrollbar-thumb-active-color,var= (--scrollbar-thumb-active-color,var(--gm3-sys-color-on-surface-variant,#444= 746))); } .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-corner { ba= ckground-color: transparent; } .appsDocsEmojisWizVotingChipDetailsCard { --gm3-card-elevated-container-col= or: var(--gm3-sys-color-surface,#fff); inline-size: max-content; min-inline= -size: 312px; max-inline-size: 360px; } .appsDocsEmojisWizVotingChipDetailsContainer { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0px; line-h= eight: 1.25rem; font-weight: 400; color: var(--gm3-sys-color-on-surface-var= iant,#444746); } .appsDocsEmojisWizVotingChipDetailsEmoji { font-size: 20px; } .appsDocsEmojisWizVotingChipDetailsEmojiAndVoteListContainer { display: fle= x; gap: 12px; padding: 12px 12px 12px 16px; } .appsDocsEmojisWizVotingChipDetailsVoteList { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0px; line-he= ight: 1.25rem; font-weight: 400; } .appsDocsEmojisWizVotingChipDetailsBottomBar { align-items: center; border-= top: 1px solid var(--gm3-sys-color-surface-variant,#e1e3e1); display: flex;= gap: 12px; justify-content: space-between; padding: 12px 12px 12px 16px; } .appsDocsEmojisWizVotingChipDetailsShortCode { font-weight: 700; } .appsDocsEmojisWizVotingChipDetailsIconButton { --gm3-icon-button-standard-= container-height: 24px; --gm3-icon-button-standard-container-width: 24px; -= -gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-touch= -target-size: 24px; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutCallout { --ae-call= out-container-width: 300px; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutInlineLink { cursor= : pointer; color: var(--gm3-sys-color-primary,#0b57d0); } .appsDocsFileextensionUiExtensionWizFileextensioncalloutPrimaryIcon { color= : var(--gm3-sys-color-on-primary-container,#0842a0); } .appsDocsFileextensionUiExtensionWizFileextensioncalloutWarningIcon { color= : var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); } .appsDocsFileextensionUiExtensionWizFileextensioncalloutBottomSection { mar= gin-top: 12px; padding-top: 12px; border-top: 1px solid var(--gm3-sys-color= -outline-variant,#c4c7c5); display: flex; flex-direction: column; gap: 8px;= align-items: flex-end; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutButtonRow { display= : flex; align-items: center; gap: 8px; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutActionButton { disp= lay: inline-flex; align-items: center; justify-content: center; padding: 6p= x 16px; border-radius: 9999px; background-color: var(--gm3-sys-color-primar= y-container,#d3e3fd); font-size: 0.875rem; font-weight: 500; text-decoratio= n: none; cursor: pointer; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutBottomSection .apps= DocsFileextensionUiExtensionWizFileextensioncalloutActionButton { color: va= r(--gm3-sys-color-on-primary-container,#0842a0); text-decoration: none; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutBottomSection .apps= DocsFileextensionUiExtensionWizFileextensioncalloutActionButton:active, .ap= psDocsFileextensionUiExtensionWizFileextensioncalloutBottomSection .appsDoc= sFileextensionUiExtensionWizFileextensioncalloutActionButton:focus, .appsDo= csFileextensionUiExtensionWizFileextensioncalloutBottomSection .appsDocsFil= eextensionUiExtensionWizFileextensioncalloutActionButton:hover, .appsDocsFi= leextensionUiExtensionWizFileextensioncalloutBottomSection .appsDocsFileext= ensionUiExtensionWizFileextensioncalloutActionButton:visited, .appsDocsFile= extensionUiExtensionWizFileextensioncalloutBottomSection .appsDocsFileexten= sionUiExtensionWizFileextensioncalloutActionButton:visited:focus, .appsDocs= FileextensionUiExtensionWizFileextensioncalloutBottomSection .appsDocsFilee= xtensionUiExtensionWizFileextensioncalloutActionButton:visited:hover { colo= r: var(--gm3-sys-color-on-primary-container,#0842a0); text-decoration: none= ; } .appsDocsFileextensionUiExtensionWizFileextensioncalloutNewBadge { display:= inline-flex; align-items: center; justify-content: center; padding: 2px 6p= x; border-radius: 4px; background-color: var(--gm3-sys-color-secondary-cont= ainer,#c2e7ff); color: var(--gm3-sys-color-on-secondary-container,#004a77);= font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; } .offlineImageInsertDialogDialog { --rimZob: 700px; --Tlqqfc: 100%; } .offlineImageInsertDialogMsgBar { padding: 0px 0px 10px; } .offlineImageInsertDialogDropzoneParent { height: 100%; width: 100%; } .offlineImageInsertDialogDropzoneCell { border: 2px dashed; border-radius: = 2px; height: 100%; } .offlineImageInsertDialogDropzone { height: 100%; text-align: center; width= : 100%; } .offlineImageInsertDialogDropHere { font-size: 1.5rem; padding: 0px 10px; } .offlineImageInsertDialogDropAlt { padding: 15px 0px 5px; } .offlineImageInsertDialogWarning { display: inline-block; font-size: 13px; = padding: 10px 20px 0px 0px; vertical-align: middle; } .appsElementsLinkInsertionCard { --gm3-card-elevated-container-elevation: 3= ; box-sizing: border-box; min-inline-size: max-content; color: var(--on-sur= face-variant,var(--gm3-sys-color-on-surface-variant,#444746)); } @media not screen and (forced-colors: active) { .appsElementsLinkInsertionCard { margin: 2px 5px; margin-inline: var(--ae= -link-insertion-margin-inline,5px); } } @media screen and (forced-colors: active) { .appsElementsLinkInsertionCard { margin-inline: var(--ae-link-insertion-m= argin-inline,0); } } .appsElementsLinkInsertionCardContainer { display: grid; place-content: cen= ter; } .appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionOpenDown {= place-content: start; } .appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionOpenUp { p= lace-content: end; } .appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionCardContai= nerWithSuggestions { block-size: 352px; } .appsElementsLinkInsertionCardContainer:not(.appsElementsLinkInsertionCardC= ontainerWithSuggestions) { max-block-size: 352px; } .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard { opacity: 0= ; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard { opacity: 1;= } .appsElementsLinkInsertionContent { overflow: hidden; } .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard:not(.appsEle= mentsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent { = max-block-size: 0px; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard:not(.appsElem= entsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent { m= ax-block-size: 348px; } .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard.appsElements= LinkInsertionCardWithSuggestions .appsElementsLinkInsertionContent { block-= size: 0px; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard.appsElementsL= inkInsertionCardWithSuggestions .appsElementsLinkInsertionContent { block-s= ize: 348px; } .appsElementsLinkInsertionClose .appsElementsLinkInsertionDefaultView .apps= ElementsLinkInsertionRise { transform: translateY(calc(100% + 4px)); opacit= y: 0; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionDefaultView .appsE= lementsLinkInsertionRise { transform: translateY(0px); opacity: 1; } @media not (prefers-reduced-motion) { .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard { transiti= on: opacity 50ms linear 40ms; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard { transitio= n: opacity 75ms linear; } .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard.appsElemen= tsLinkInsertionCardWithSuggestions .appsElementsLinkInsertionContent { tran= sition: height 0.5s cubic-bezier(0.3, 0, 0.8, 0.15), max-height 0.5s cubic-= bezier(0.3, 0, 0.8, 0.15); } .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard:not(.appsE= lementsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent = { transition: height linear 90ms, max-height linear 90ms; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard .appsElemen= tsLinkInsertionContent { transition: height 0.3s cubic-bezier(0.2, 0, 0, 1)= , max-height 0.3s cubic-bezier(0.2, 0, 0, 1); } .appsElementsLinkInsertionClose .appsElementsLinkInsertionDefaultView .ap= psElementsLinkInsertionRise { transition: opacity 0.51s linear, transform 0= .5s; } .appsElementsLinkInsertionOpen .appsElementsLinkInsertionDefaultView .app= sElementsLinkInsertionRise { transition: transform .5s cubic-bezier(.05,.7,= .1,1) calc(50ms*var(--stagger-index, 0) + .1s),opacity 60ms linear; } } .appsElementsLinkInsertionTextField.appsElementsLinkInsertionTextField.apps= ElementsLinkInsertionTextField { padding-inline-start: 8px; } .appsElementsLinkInsertionViewContainer { padding-block-start: 16px; box-si= zing: border-box; } .appsElementsLinkInsertionDefaultView { block-size: 100%; inline-size: 100%= ; display: grid; grid-template-areas: "text-input ." "link-input apply-btn"= "suggestions suggestions" "adv-suggestions-btn adv-suggestions-btn"; grid-= template-columns: auto auto; grid-auto-rows: auto auto 1fr auto; } .appsElementsLinkInsertionAdvancedView { block-size: 100%; inline-size: 100= %; display: grid; grid-template-areas: "text-input apply-btn" "back-to-sear= ch back-to-search" "suggestions suggestions"; grid-template-columns: auto a= uto; grid-auto-rows: auto 32px 1fr; } .appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionSuggestion= sGroup:last-of-type .appsElementsLinkInsertionSuggestion:last-child { margi= n-block-end: 16px; } .appsElementsLinkInsertionBackButtonRow { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.25rem; grid-area: back-to-search; display: flex; alig= n-items: center; } .appsElementsLinkInsertionBackButton { --gm3-icon-button-standard-container= -height: 28px; --gm3-icon-button-standard-container-width: 28px; --gm3-icon= -button-standard-icon-size: 20px; margin-inline: 12px 8px; } .appsElementsLinkInsertionLinkSearchInput, .appsElementsLinkInsertionLinkTe= xtInput { --gm3-text-field-outlined-container-height: 32px; --gm3-text-fiel= d-outlined-focus-indicator-outline-thickness: 2px; --gm3-text-field-outline= d-input-text-line-height: 1.25rem; --gm3-text-field-outlined-input-text-siz= e: 0.875rem; --gm3-text-field-outlined-input-text-tracking: 0rem; --gm3-tex= t-field-outlined-input-text-weight: 400; --gm3-text-field-outlined-leading-= icon-size: 20px; --gm3-text-field-outlined-input-text-placeholder-color: va= r(--gm3-sys-color-outline,#747775); inline-size: var(--ae-link-insertion-in= put-inline-size,216px); margin-block-end: 8px; margin-inline-start: 16px; } .appsElementsLinkInsertionLinkTextInput { grid-area: text-input; } .appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionLinkTextIn= put[aria-hidden=3D"true"] { visibility: hidden; overflow: hidden; pointer-e= vents: none; height: 0px; padding-block: 0px; margin-block: 0px; border-blo= ck: 0px; } .appsElementsLinkInsertionLinkSearchInput { grid-area: link-input; } .appsElementsLinkInsertionLinkSearchInput .appsElementsLinkInsertionTextFie= ld:not(.appsElementsLinkInsertionLinkSearchInvalidLink) ~ :last-child { dis= play: none; } .appsElementsLinkInsertionApplyButton { --gm3-button-text-container-height:= 32px; grid-area: apply-btn; margin-inline: 12px 16px; } .appsElementsLinkInsertionApplyButton:last-child { margin-block-end: 16px; = } .appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionApplyButto= n[aria-hidden=3D"true"] { visibility: hidden; overflow: hidden; pointer-eve= nts: none; height: 0px; padding-block: 0px; margin-block: 0px; border-block= : 0px; } .appsElementsLinkInsertionSuggestionsSectionContainer { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; = letter-spacing: 0px; line-height: 1.25rem; grid-area: suggestions; overflow= -y: auto; position: relative; display: flex; flex-direction: column; } .appsElementsLinkInsertionSuggestionsSection { position: absolute; display:= flex; flex-direction: column; inline-size: 100%; block-size: 100%; } .appsElementsLinkInsertionSuggestionsList { --gm3-list-list-item-container-= color: transparent; --gm3-list-list-item-selected-container-color: transpar= ent; --gm3-list-list-item-hover-state-layer-color: var(--on-surface-variant= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-lab= el-text-color: var(--on-surface-variant,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --gm3-list-list-item-focus-label-text-color: var(--on-surfac= e-variant,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list= -item-label-text-font: "Google Sans"; --gm3-list-list-item-label-text-line-= height: 1.25rem; --gm3-list-list-item-label-text-size: 0.875rem; --gm3-list= -list-item-label-text-tracking: 0rem; --gm3-list-list-item-label-text-weigh= t: 400; --gm3-list-list-item-leading-icon-size: 20px; --gm3-list-list-item-= one-line-container-height: 28px; --gm3-list-list-item-one-line-padding: 0; = --gm3-list-list-item-two-line-container-height: 44px; --gm3-list-list-item-= two-line-padding: 0; --gm3-list-list-item-control-selected-container-color:= transparent; --gm3-list-list-item-control-selected-focus-label-text-color:= var(--on-surface-variant,var(--gm3-sys-color-on-surface-variant,#444746));= --gm3-list-list-item-control-selected-hover-state-layer-color: var(--on-su= rface-variant,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-list-= list-item-control-selected-label-text-color: var(--on-surface-variant,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-list-list-item-control-s= elected-label-text-weight: 400; --gm3-list-list-item-fallback-selection-end= -margin: 0; font-family: "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; p= adding: 0px; margin: 0px; } .appsElementsLinkInsertionSuggestionsList .appsElementsMultiSectionListSect= ionListHeaderContainer { padding-inline: 16px; } @media not screen and (forced-colors: active) { .appsElementsLinkInsertionSuggestionGroupSeparator:not(:first-child) { bo= rder-block-start: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } } .appsElementsLinkInsertionSuggestionGroupSeparator { display: block; inline= -size: 100%; margin-block: 8px; } .appsElementsLinkInsertionSuggestionGroupSeparator + .appsElementsLinkInser= tionSuggestionGroupSeparator, .appsElementsLinkInsertionSuggestionGroupSepa= rator:first-child, .appsElementsLinkInsertionSuggestionGroupSeparator:last-= child { display: none; } .appsElementsLinkInsertionSuggestion { --gm3-list-list-item-leading-icon-co= lor: var(--on-surface-variant,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-list-list-item-leading-space: 16px; --gm3-list-list-item-content= -gap: 12px; --gm3-list-list-item-control-selected-leading-icon-color: var(-= -on-surface-variant,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3= -list-list-item-fallback-selection-end-margin: 0; --gm3-list-list-item-fall= back-selection-content-gap: 12px; } .appsElementsLinkInsertionAdditionalText { text-align: center; text-wrap: b= alance; } .appsElementsLinkInsertionCenteredText { inline-size: 100%; box-sizing: bor= der-box; flex-grow: 1; display: grid; place-content: center; } .appsElementsLinkInsertionOfflineText { padding: 16px; } .appsElementsLinkInsertionNudgeTitle { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; = line-height: 1.5rem; } .appsElementsLinkInsertionAdvancedSuggestionsButton { --gm3-button-text-foc= us-indicator-outline-offset: -8px; --gm3-button-text-container-height: 52px= ; --gm3-button-text-focus-label-text-color: var(--on-surface-variant,var(--= gm3-sys-color-on-surface-variant,#444746)); --gm3-button-text-hover-label-t= ext-color: var(--on-surface-variant,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-button-text-hover-state-layer-color: var(--on-surface-vari= ant,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-button-text-lab= el-text-color: var(--on-surface-variant,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --gm3-button-text-pressed-label-text-color: var(--on-surface= -variant,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-button-tex= t-pressed-state-layer-color: var(--on-surface-variant,var(--gm3-sys-color-o= n-surface-variant,#444746)); --gm3-button-text-with-icon-focus-icon-color: = var(--on-surface-variant,var(--gm3-sys-color-on-surface-variant,#444746)); = --gm3-button-text-with-icon-hover-icon-color: var(--on-surface-variant,var(= --gm3-sys-color-on-surface-variant,#444746)); --gm3-button-text-with-icon-i= con-color: var(--on-surface-variant,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-text-w= ith-icon-pressed-icon-color: var(--on-surface-variant,var(--gm3-sys-color-o= n-surface-variant,#444746)); --gm3-button-text-container-shape-start-start:= 0; --gm3-button-text-container-shape-start-end: 0; --gm3-button-text-conta= iner-shape-end-end: 12px; --gm3-button-text-container-shape-end-start: 12px= ; --gm3-button-text-pressed-container-shape-start-start: 0; --gm3-button-te= xt-pressed-container-shape-start-end: 0; --gm3-button-text-pressed-containe= r-shape-end-end: 12px; --gm3-button-text-pressed-container-shape-end-start:= 12px; } @media not screen and (forced-colors: active) { .appsElementsLinkInsertionAdvancedSuggestionsButton:not(:first-child) { b= order-block-start: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); = } } .appsElementsLinkInsertionAdvancedSuggestionsButton { grid-area: adv-sugges= tions-btn; justify-content: space-between; inline-size: 100%; text-align: s= tart; line-height: 1.25rem; } @media print { .docsLinkSmartinsertlinkBubble { display: none; } } .docsLinkSmartinsertlinkBubble { box-shadow: none; border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; backgroun= d: transparent; } .docsLinkSmartinsertlinkBubble.docsLinkSmartinsertlinkBubble { z-index: 100= 0 !important; } .docsLinkSmartinsertlinkBubble .jfk-bubble-arrow { display: none; } .docsLinkSmartinsertlinkCardContainer[dir=3D"rtl"] .materialdesignWizIconSv= gsRtlIcon { transform: scaleX(-1); } .docsLinkSmartinsertlinkCard { --gm3-card-elevated-container-color: var(--g= m3-sys-color-surface,#fff); } .maestroAddonSidebarContainer { color: var(--gm3-sys-color-on-surface,#1f1f= 1f); display: inline-grid; font-family: "Google Sans", Roboto, RobotoDraft,= Helvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; row-ga= p: 16px; } .maestroAddonSidebarCard { background-color: var(--gm3-sys-color-surface-co= ntainer-high,#e9eef6); border-radius: 12px; display: flex; flex-direction: = column; } .maestroAddonSidebarCardBannerImage { border-radius: 8px; height: auto; mar= gin: 16px 16px 0px; width: 257px; } .maestroAddonSidebarCardContents { row-gap: 12px; padding: 12px 16px 16px; = } .maestroAddonSidebarCardIntroduction { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); padding: 8px 16px 0px; } .maestroAddonSidebarCardHeader { align-items: center; display: flex; flex-d= irection: row; } .maestroAddonSidebarCardHeaderIcon { height: 24px; padding-right: 12px; wid= th: 24px; } .maestroAddonSidebarCardHeaderTitle { flex-direction: row; width: 100%; } .maestroAddonSidebarCardHeaderTitleName { color: var(--gm3-sys-color-on-sur= face,#1f1f1f); font-size: 0.875rem; font-weight: 500; line-height: 1.25rem;= } .maestroAddonSidebarCardHeaderTitleCategory { color: var(--gm3-sys-color-on= -surface-variant,#444746); } .maestroAddonSidebarCardSummary { color: var(--gm3-sys-color-on-surface-var= iant,#444746); line-height: 1rem; margin-bottom: 8px; margin-top: 12px; } .maestroAddonSidebarCardActionButtons { display: flex; flex-direction: row;= font-weight: 500; justify-content: flex-end; } .maestroAddonSidebarCardActionHelpButton { margin-left: 8px; } .maestroAddonSidebarLoadingSpinner { --yPTsAb: var(--gm3-sys-color-primary,= #0b57d0); --EkrYwf: 20px; } .maestroApplicationDialogFloatingDialog { --Tlqqfc: 100%; } .maestroApplicationDialogDialogContentNoTitle { padding: 48px 24px 24px; } .maestroApplicationSidebarSidesheetContainer { --ae-side-sheet-container-wi= dth: 332px; --ae-side-sheet-content-padding: 16px; } .maestroApplicationSidebarSidebarIframe { height: calc(100% - 16px); width:= 100%; } .maestroHelpDialogDescriptionContent { border: 1px solid var(--gm3-sys-colo= r-outline-variant,#c4c7c5); height: 138px; overflow-y: auto; vertical-align= : top; border-radius: 4px 4px 0px 0px; } .maestroHelpDialogContentSection { padding: 16px; } .maestroHelpDialogContentTitle { display: flex; font-weight: 700; padding-b= ottom: 8px; } .maestroHelpDialogWarningTitle { font-weight: 500; } .maestroHelpDialogButtons { display: inline-block; width: 100%; padding-top= : 24px; } .maestroHelpDialogButtonsLeft { float: left; } .maestroHelpDialogButtonsRight { float: right; } .appsDocsMaestroUiWizModelessapplicationdialogCard { --gm3-card-elevated-co= ntainer-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-card-elevate= d-container-shape-start-start: 28px; --gm3-card-elevated-container-shape-st= art-end: 28px; --gm3-card-elevated-container-shape-end-end: 28px; --gm3-car= d-elevated-container-shape-end-start: 28px; } .appsDocsMaestroUiWizModelessapplicationdialogTitleBarContent { display: fl= ex; justify-content: space-between; } .appsDocsMaestroUiWizModelessapplicationdialogTitle { font-family: "Google = Sans", Roboto, Arial, sans-serif; letter-spacing: 0px; line-height: 1.5rem;= font-size: 1.5rem; font-weight: 400; min-height: 24px; padding: 24px 0px 1= 6px 24px; } .appsDocsMaestroUiWizModelessapplicationdialogCloseButtonContainer { align-= self: center; margin-right: 18px; position: relative; top: 4px; } .appsDocsMaestroUiWizModelessapplicationdialogBody { padding: 0px 24px 20px= ; } .appsDocsMaestroUiWizModelessapplicationdialogVisibleIframe { height: 100%;= width: 100%; margin: 0px; overflow: hidden; } .maestroPromptDialogTextField { box-sizing: content-box; margin-top: 10px; = width: 100%; } .maestroReportIssueDialogTextArea { width: 100%; min-height: 150px; padding= -top: 16px; } .maestroReportIssueDialogDisclaimerMsg, .maestroReportIssueDialogTextAreaLa= bel { font-size: 1rem; } .maestroReportIssueDialogcheckBoxLabel { --gm3-checkbox-label-text-size: 14= px; --gm3-checkbox-control-label-space: 12px; margin-top: 13px; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paSectionContainer { = display: flex; flex-direction: column; padding: 8px 16px; gap: 8px; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paSummaryContainer { = display: flex; flex-direction: column; gap: 8px; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paMessage { color: va= r(--gm3-sys-color-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0= px; line-height: 1.25rem; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink a { c= olor: var(--gm3-sys-color-primary,#0b57d0); text-decoration: underline; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink a:foc= us, .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink a= :hover { color: color-mix(in srgb,var(--gm3-sys-color-on-primary,#fff) 8%,v= ar(--gm3-sys-color-primary,#0b57d0)); } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink a:vis= ited { color: var(--ws-sys-color-extended-purple-fill,#7438d2); } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink a:vis= ited:focus, .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMo= reLink a:visited:hover { color: color-mix(in srgb,var(--ws-sys-color-extend= ed-on-purple-fill,#fff) 10%,var(--ws-sys-color-extended-purple-fill,#7438d2= )); } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLearnMoreLink { col= or: var(--gm3-sys-color-on-surface-variant,#444746); font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lett= er-spacing: 0.00625rem; line-height: 1rem; margin-top: 8px; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paOrg { color: var(--= gm3-sys-color-on-surface-variant,#444746); font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing= : 0.00625rem; line-height: 1rem; } .appsDocsMediaProvenanceWizContentCredentialsSidebarC2paLoadingContainer { = display: flex; justify-content: center; padding: 16px 0px; } .appsDocsMeetWizMeetsidebarSidebar { width: 300px; border-radius: 0px; z-in= dex: 901; } .appsDocsOdpSidebarWizOdpsidebarOdpIframe { height: 100%; width: 100%; } .appsDocsOfflineOptInPromoStylesCallout { --ae-callout-container-width: 435= px; } .appsDocsOfflineOptInPromoStylesContainer { display: flex; flex-direction: = column; gap: 20px; } .appsDocsOfflineOptInPromoStylesCalloutTextContent { display: flex; flex-di= rection: column; gap: 8px; } .appsDocsOfflineOptInPromoStylesCalloutActionButtons { --gm3-button-text-fo= cus-indicator-outline-offset: -3px; --gm3-progress-button-filled-focus-indi= cator-outline-offset: -3px; display: flex; gap: 8px; justify-content: flex-= end; } .appsDocsOfflineOptInPromoStylesDisclaimerTextContainer { background-color:= var(--gm3-sys-color-primary-container,#d3e3fd); border-radius: 8px; color:= var(--gm3-sys-color-on-primary-fixed-variant,#0842a0); display: flex; gap:= 16px; margin-top: 8px; padding: 14px 12px 14px 16px; } .appsDocsOnepickNextgenWizBasesidebarBaseSidebar { --ae-side-sheet-outline-= color: var(--gm3-sys-color-surface-container,#f0f4f9); --ae-side-sheet-outl= ine-width: 1px; --ae-side-sheet-hover-outline-color: transparent; --ae-side= -sheet-pressed-outline-color: transparent; } .appsDocsOnepickNextgenWizBasesidebarInfoContainer { background-color: var(= --gm3-sys-color-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-p= rimary-container,#0842a0); } .docsPublishingDialogCheckbox { --gm3-checkbox-container-size: 18px; --gm3-= checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; } .docsPublishingDialogSettingsButton { --gm3-button-text-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-hover-lab= el-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-butto= n-text-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-button-text-hover-state-layer-color: var(--gm3= -sys-color-background,#fff); --gm3-button-text-label-text-size: 14px; --gm3= -button-text-pressed-state-layer-color: var(--gm3-sys-color-background,#fff= ); } .docsPublishingDialogSettingsButtonContainer { padding: 8px 0px; } .docsPublishingDialogSettingsButtonIcon { color: var(--gm3-sys-color-on-sur= face-variant,#444746); } .docsPublishingDialogSettingsButtonIconContainer { margin-inline-end: 6px; = } .docsPublishingDialogButtonLinkWrapper, .docsPublishingDialogEmbedTextField= , .docsPublishingDialogPublishedContentSelectContainer, .docsPublishingDial= ogSelectContainer { width: 100%; } .docsPublishingDialogPublishedContentSelectContainer { padding-top: 8px; pa= dding-bottom: 8px; } .docsPublishingDialogSelectContainer { padding-bottom: 4px; } .docsPublishingDialogButtonLinkWrapper { padding-bottom: 8px; } .docsPublishingDialogTabContent { padding-top: 16px; } .docsRecommendationsPepPersistentEntryPointContainer:not(.docsRecommendatio= nsPepPersistentEntryPointNewPepTemplateActive):has(.workspacepepbutton) { d= isplay: table-cell; min-width: 108px; padding-right: 7px; vertical-align: m= iddle; } .docsRecommendationsPepPersistentEntryPointContainer:not(.docsRecommendatio= nsPepPersistentEntryPointNewPepTemplateActive):not(:has(.workspacepepbutton= )) { display: none; } .docsRecommendationsPepPersistentEntryPointContainer.docsRecommendationsPep= PersistentEntryPointNewPepTemplateActive.docsRecommendationsPepPersistentEn= tryPointHasRecommendation { display: table-cell; min-width: 108px; padding-= right: 7px; vertical-align: middle; } .docsRecommendationsPepPersistentEntryPointContainer.docsRecommendationsPep= PersistentEntryPointNewPepTemplateActive:not(.docsRecommendationsPepPersist= entEntryPointHasRecommendation) { display: none; } .docsRecommendationsPepPersistentEntryPointContainer[data-pep-container] .w= orkspacepepbutton { padding-top: 20px; padding-bottom: 20px; } .docsRecommendationsPepPersistentEntryPointContainer[data-pep-container] .d= ocsRecommendationsPepPersistentEntryPointEditorPepButton.workspacepepbutton= { height: 40px; } .docsRecommendationsPepPersistentEntryPointContainer[data-pep-container] .d= ocsRecommendationsPepPersistentEntryPointSitesEditorPepButton.workspacepepb= utton { --gm3-button-filled-tonal-container-height: 36px; padding-top: 0px;= padding-bottom: 0px; border-radius: 4px; max-width: 108px; padding-inline:= 24px; } @media (max-width: 600px) { .docsRecommendationsPepPersistentEntryPointContainer[data-pep-container] = .docsRecommendationsPepPersistentEntryPointSitesEditorPepButton.workspacepe= pbutton { display: none; } } .appsDocsRevisionsWizSidebarRevisionTitleTextbox { --gm3-text-field-outline= d-outline-color: transparent; --gm3-text-field-outlined-input-text-size: 14= px; --gm3-text-field-outlined-input-text-weight: 500; --gm3-text-field-outl= ined-leading-space: 4px; --gm3-text-field-outlined-top-space: 0px; --gm3-te= xt-field-outlined-bottom-space: 0px; --gm3-text-field-outlined-focus-indica= tor-outline-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-text-fiel= d-outlined-focus-indicator-outline-thickness: 1px; --gm3-text-field-outline= d-label-text-populated-line-height: 0em; } .appsDocsRevisionsWizSidebarRevisionTitleTextboxContainer { width: 200px; } .appsDocsRevisionsWizSidebarIndentRevisionTitleTextboxContainer { width: 18= 4px; } .appsDocsRevisionsWizSidebarRevisionTitleTextboxNotSelected { --gm3-text-fi= eld-outlined-hover-outline-color: transparent; } .appsDocsRevisionsWizSidebarViewOriginalContiner { display: flex; height: 2= 2px; align-items: center; } .appsDocsRevisionsWizSidebarDescriptorWithTooltip { display: flex; } .appsDocsRevisionsWizSidebarRevisionTitleTextboxSelected { --gm3-text-field= -outlined-hover-outline-color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsDocsRevisionsWizSidebarToggle { --gm3-switch-track-width: 39px; --gm3-= switch-track-height: 24px; --gm3-switch-state-layer-size: 30px; --gm3-switc= h-pressed-handle-height: 20px; --gm3-switch-pressed-handle-width: 20px; --g= m3-switch-selected-handle-height: 18px; --gm3-switch-selected-handle-width:= 18px; --gm3-switch-selected-icon-size: 12px; --gm3-switch-unselected-handl= e-height: 12px; --gm3-switch-unselected-handle-width: 12px; --gm3-switch-un= selected-icon-size: 12px; --gm3-switch-with-icon-handle-height: 18px; --gm3= -switch-with-icon-handle-width: 18px; --gm3-switch-touch-target-height: 24p= x; --gm3-switch-touch-target-width: 39px; } .appsDocsRevisionsWizSidebarToggleFooter { align-items: center; display: fl= ex; justify-content: space-between; } .appsDocsRevisionsWizSidebarToggleContainer { align-items: center; display:= flex; gap: 16px; } .appsDocsRevisionsWizSidebarRevisionsSidebar { z-index: 100; border-radius:= 0px; } .appsDocsRevisionsWizSidebarRevisionTitleContainer { display: flex; } .appsDocsRevisionsWizSidebarRevisionsTilesList { display: flex; flex-direct= ion: column; gap: 8px; } .appsDocsRevisionsWizSidebarRevisionTile { --gm3-card-filled-container-colo= r: transparent; } .appsDocsRevisionsWizSidebarBodySmallOnSurfaceVariant { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; l= etter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on= -surface-variant,#444746); } .appsDocsRevisionsWizSidebarTileSwatch { width: 8px; height: 8px; border-ra= dius: 9999px; } .appsDocsRevisionsWizSidebarExpandButton, .appsDocsRevisionsWizSidebarMoreA= ctionsIconButton { --gm3-icon-button-standard-container-width: 32px; --gm3-= icon-button-standard-container-height: 32px; --gm3-icon-button-standard-ico= n-size: 20px; --xg9FB: 36px; --Pk3PIb: 36px; --vRgHIb: 36px; --QOcx9e: 36px= ; margin-bottom: -8px; } .appsDocsRevisionsWizSidebarBottom2px { bottom: 2px; } .appsDocsRevisionsWizSidebarAuthorInfo { display: flex; align-items: center= ; gap: 8px; } .appsDocsRevisionsWizSidebarMoreActionsButtonContainer { position: absolute= ; top: 0px; right: 0px; padding-right: 8px; } .appsDocsRevisionsWizSidebarApprovalsDiffMenu, .appsDocsRevisionsWizSidebar= VersionTypeMenu { width: 100%; } .appsDocsRevisionsWizSidebarBadges { display: flex; flex-direction: column;= gap: 4px; } .appsDocsRevisionsWizSidebarGreenBadge { --ae-badge-container-color: transp= arent; --ae-badge-text-color: var(--ws-sys-color-extended-on-green-outline,= #006c35); --ae-badge-outline-color: var(--ws-sys-color-extended-green-outli= ne,#beefbb); } .appsDocsRevisionsWizSidebarRedBadge { --ae-badge-container-color: transpar= ent; --ae-badge-text-color: var(--ws-sys-color-extended-on-red-outline,#b32= 51e); --ae-badge-outline-color: var(--ws-sys-color-extended-red-outline,#ff= dadc); } .appsDocsRevisionsWizSidebarBlueBadge { --ae-badge-container-color: transpa= rent; --ae-badge-text-color: var(--ws-sys-color-extended-on-blue-outline,#1= 157ce); --ae-badge-outline-color: var(--ws-sys-color-extended-blue-outline,= #d0e4ff); } .appsDocsRevisionsWizSidebarStaticApprovalsTile { display: flex; flex-direc= tion: column; } .appsDocsRevisionsWizSidebarApprovalsDiffMenuSection { display: flex; flex-= direction: column; gap: 8px; } .appsDocsRevisionsWizSidebarAuthorInfoPhoto { border-width: 2px; border-sty= le: solid; border-radius: 9999px; box-sizing: border-box; height: 32px; wid= th: 32px; } .appsDocsRevisionsWizSidebarLabelMediumOnSurfaceVariant { color: var(--gm3-= sys-color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.= 00625rem; line-height: 1rem; } .appsDocsRevisionsWizSidebarBodyMediumOnSurfaceVariant { color: var(--gm3-s= ys-color-on-surface-variant,#444746); font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0p= x; line-height: 1.25rem; } .appsDocsRevisionsWizSidebarLabelLargeOnSurface { color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-seri= f; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height:= 1.25rem; } .appsDocsRevisionsWizSidebarWidget { display: flex; flex-direction: row; ga= p: 12px; padding-top: 16px; } .appsDocsRevisionsWizSidebarTileContainer { display: flex; flex-direction: = column; padding: 8px 12px 12px 4px; gap: 4px; } .appsDocsRevisionsWizSidebarSubLevelTileIndentElement { padding-left: 52px;= } .appsDocsRevisionsWizSidebarTileIndentElement, .appsDocsRevisionsWizSidebar= TileIndentElementWithArrow { padding-left: 36px; } .appsDocsRevisionsWizSidebarTileNameIndentElement { padding-left: 32px; } .appsDocsRevisionsWizSidebarSubLevelTileNameIndentElement { padding-left: 4= 8px; } .appsDocsRevisionsWizSidebarPaddingTopWithPublishedAnnotation { padding-top= : 32px; } .appsDocsRevisionsWizSidebarSubLevelTileIndentRestoreElement { left: 52px; = position: relative; } .appsDocsRevisionsWizSidebarTileIndentRestoreElement, .appsDocsRevisionsWiz= SidebarTileIndentRestoreElementWithArrow { left: 36px; position: relative; = } .appsDocsRevisionsWizSidebarViewRequestDetailButton { display: flex; justif= y-content: flex-end; left: 4px; position: relative; margin-bottom: -4px; --= QOcx9e: 50px; --vRgHIb: 50px; --xg9FB: 50px; --Pk3PIb: 50px; } .appsDocsRevisionsWizSidebarLoadingIndicator { display: flex; justify-conte= nt: flex-end; position: relative; --EkrYwf: 24px; --EscQs: 4px; --XJrZW: 4p= x; } .appsDocsRevisionsWizSidebarStaticNameWithArrow { padding-left: 4px; paddin= g-top: 2px; } .appsDocsRevisionsWizSidebarLoadingPaddingTop { padding-top: 4px; } .appsDocsRevisionsWizSidebarNoArrowTile { margin-top: 4px; } .appsDocsRevisionsWizSidebarHeaderMoreActionsMenu, .appsDocsRevisionsWizSid= ebarMoreActionsMenu { --gm3-list-list-item-label-text-size: 16px; --gm3-lis= t-list-item-label-text-weight: 400; --gm3-list-list-item-control-selected-l= abel-text-weight: 400; --gm3-menu-list-item-label-text-size: 16px; --gm3-me= nu-list-item-label-text-weight: 400; --gm3-menu-list-item-control-selected-= label-text-weight: 400; --QOcx9e: 0; --vRgHIb: 0; --xg9FB: 0; --Pk3PIb: 0; = } .appsDocsRevisionsWizSidebarHeaderMoreActionsMenu { --gm3-menu-list-padding= : 8px 0px; --gm3-menu-list-item-container-height: 32px; --gm3-menu-list-ite= m-with-leading-icon-leading-icon-size: 20px; } .appsDocsRevisionsWizSidebarViewOriginalButton { --gm3-button-text-containe= r-height: 24px; --gm3-button-text-label-text-size: 12px; --gm3-button-text-= label-text-weight: 400; --QOcx9e: 50px; --vRgHIb: 50px; --xg9FB: 50px; --Pk= 3PIb: 50px; } .appsDocsRevisionsWizSidebarEncryptedDocNotice { background-color: var(--gm= 3-sys-color-primary-container,#d3e3fd); padding: 8px 16px; } .appsDocsRevisionsWizSidebarPrimary40 { color: var(--gm3-sys-color-primary,= #0b57d0); } .appsDocsRevisionsWizSidebarEncryptedLearnMoreLink:visited { color: var(--g= m3-sys-color-primary,#0b57d0); } .appsDocsRevisionsWizSidebarDecreasedSidebarWidth { width: 300px; } .appsDocsRevisionsWizSidebarTilesRightPadding { right: 4px; position: relat= ive; } .appsDocsRevisionsWizSidebarStaticElements { display: flex; flex-direction:= column; gap: 8px; } .appsDocsRevisionsWizSidebarNoWrap { white-space: nowrap; } .appsDocsRevisionsWizSidebarPublishedAnnotation { padding-bottom: 4px; } .appsDocsRevisionsWizSidebarPaddingTop8px { padding-top: 8px; } .appsDocsRevisionsWizSidebarFooter { padding-bottom: 12px; } .revisionsSnapshotPromptTextField { box-sizing: content-box; padding-top: 1= 0px; width: 100%; } .TruncationProgressDialogDialog { --pjsEwc: 360px; --Tlqqfc: 360px; --WhNlI= : 200px; } .TruncationProgressDialogDialogContent { padding-top: 20px; } .stylisticFeedbackDialogHeading { color: var(--gm3-sys-color-on-surface,#1f= 1f1f); font-size: 1rem; font-weight: 500; padding-top: 16px; padding-bottom= : 16px; } .stylisticFeedbackDialogContext { color: var(--gm3-sys-color-on-surface-var= iant,#444746); padding-top: 10px; } .stylisticFeedbackDialogOriginal { font-weight: 700; } .stylisticFeedbackDialogSuggestions { font-style: italic; } .stylisticFeedbackDialogTextField { box-sizing: content-box; color: var(--g= m3-sys-color-on-surface-variant,#444746); margin-top: 10px; width: 100%; } .stylisticFeedbackDialogLegalText { color: var(--gm3-sys-color-on-surface-v= ariant,#444746); font-size: 0.75rem; margin-top: 10px; padding-top: 8px; } .docsSpellWizCheckupSurfaceCard { --gm3-card-elevated-container-color: var(= --gm3-sys-color-surface,#fff); inline-size: 344px; padding: 8px 8px 12px 16= px; } .docsSpellWizCheckupSurfaceHeader { display: flex; padding-bottom: 12px; } .docsSpellWizCheckupSurfaceTitle { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; = line-height: 1.25rem; align-items: center; color: var(--gm3-sys-color-on-su= rface,#1f1f1f); display: flex; inline-size: 100%; justify-content: space-be= tween; margin: 0px; } .docsSpellWizCheckupSurfaceIconButtonContainer { display: flex; gap: 8px; m= argin-left: 8px; } .docsSpellWizCheckupSurfaceMoreOptionsMenu { --gm3-list-list-item-label-tex= t-weight: 400; --gm3-list-list-item-control-selected-label-text-weight: 400= ; --gm3-menu-divider-space: 4px; --gm3-menu-group-title-height: 24px; --gm3= -menu-list-item-container-height: 32px; --gm3-menu-container-color: var(--g= m3-sys-color-surface,#fff); --gm3-menu-list-item-label-text-weight: 400; --= gm3-menu-list-item-control-selected-label-text-weight: 400; z-index: 1003; = } .docsSpellWizCheckupSurfaceContentWrapper { padding-inline-end: 8px; } .docsSpellWizCheckupSurfaceContent { font-family: "Google Sans", Roboto, Ar= ial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px= ; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#4447= 46); } .docsSpellWizCheckupSurfaceClientSideEncryptedBannerContainer { margin-bott= om: 8px; } .docsSpellWizCheckupSurfaceClientSideEncryptedBanner { --leFxrb: var(--gm3-= sys-color-primary-container,#d3e3fd); --WsPOW: 16px; } .docsSpellWizCheckupSurfaceClientSideEncryptedBannerIconContainer { margin:= 0px 4px 0px 8px; } .docsSpellWizCheckupSurfaceClientSideEncryptedBannerIcon, .docsSpellWizChec= kupSurfaceClientSideEncryptedBannerLink.docsSpellWizCheckupSurfaceClientSid= eEncryptedBannerLink, .docsSpellWizCheckupSurfaceClientSideEncryptedBannerT= ext { color: var(--gm3-sys-color-on-primary-container,#0842a0); } .docsSpellWizCheckupSurfaceClientSideEncryptedBannerText { margin: 0px 6px = 0px 4px; } .docsSpellWizCheckupSurfaceOutOfDictionaryText { padding-bottom: 6px; } .docsSpellWizCheckupSurfaceChangeText, .docsSpellWizCheckupSurfaceOutOfDict= ionaryText { display: flex; white-space: pre; } .docsSpellWizCheckupSurfaceOriginalWord { display: block; overflow: hidden;= text-overflow: ellipsis; white-space: nowrap; } .docsSpellWizCheckupSurfaceSuggestionButtonContainer { display: flex; flex-= wrap: wrap; gap: 0px 8px; margin-top: 2px; } .docsSpellWizCheckupSurfaceSuggestionButtonDescription { display: none; } .docsSpellWizCheckupSurfaceSuggestionButton { --gm3-button-outlined-contain= er-height: 36px; --gm3-button-outlined-leading-space: 16px; --gm3-button-ou= tlined-trailing-space: 16px; } .docsSpellWizCheckupSurfaceButtonContainer { display: flex; gap: 6px; justi= fy-content: flex-end; margin-top: 6px; } .docsSpellWizCheckupSurfaceMoreOptionsButton, .docsSpellWizCheckupSurfaceNe= xtMisspellingButton, .docsSpellWizCheckupSurfacePreviousMisspellingButton {= --gm3-icon-button-standard-container-width: 32px; --gm3-icon-button-standa= rd-container-height: 32px; --gm3-icon-button-standard-icon-size: 20px; } .docsSpellWizCheckupSurfaceCloseButtonIcon, .docsSpellWizCheckupSurfaceMore= OptionsIcon, .docsSpellWizCheckupSurfaceNextMisspellingIcon, .docsSpellWizC= heckupSurfacePreviousMisspellingIcon { color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .docsSpellWizCheckupSurfaceDebugInfoContainer { align-self: flex-end; displ= ay: flex; inline-size: 100%; justify-content: flex-end; margin-right: 4px; = } .docsSpellWizCheckupSurfaceDebugInfo { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.= 00625rem; line-height: 1rem; color: var(--gm3-sys-color-outline,#747775); } .docsSpellWizCheckupSurfaceDebugInfoContainer:has(+ .docsSpellWizCheckupSur= faceClientSideEncryptedBannerContainer) { margin-bottom: 4px; } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerContent, .javascriptMaterialdesignGm3WizBannerBannerD= eprecated .javascriptMaterialdesignGm3WizBannerBannerFixed { min-inline-siz= e: 344px; } @media (max-width: 344px), (max-width: 480px) { .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterial= designGm3WizBannerBannerContent, .javascriptMaterialdesignGm3WizBannerBanne= rDeprecated .javascriptMaterialdesignGm3WizBannerBannerFixed { min-inline-s= ize: 100%; } } @media (max-width: 480px) { .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterial= designGm3WizBannerBannerFixed { inset-inline: 0px; } .javascriptMaterialdesignGm3WizBannerBanner.javascriptMaterialdesignGm3Wi= zBannerBannerDeprecated .javascriptMaterialdesignGm3WizBannerBannerText { m= argin-inline: 16px 36px; } .javascriptMaterialdesignGm3WizBannerBannerDeprecated.javascriptMateriald= esignGm3WizBannerBannerMobileStacked .javascriptMaterialdesignGm3WizBannerB= annerContent .javascriptMaterialdesignGm3WizBannerBannerGraphic { margin-bl= ock-end: 12px; } .javascriptMaterialdesignGm3WizBannerBannerDeprecated.javascriptMateriald= esignGm3WizBannerBannerMobileStacked .javascriptMaterialdesignGm3WizBannerB= annerContent .javascriptMaterialdesignGm3WizBannerBannerText { margin-inlin= e: 16px 8px; padding-block-end: 4px; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked .javascriptMater= ialdesignGm3WizBannerBannerContent { flex-wrap: wrap; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked .javascriptMater= ialdesignGm3WizBannerBannerActions { margin-inline-start: auto; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked:not(.javascriptM= aterialdesignGm3WizBannerBannerDeprecated) .javascriptMaterialdesignGm3WizB= annerBannerActions { padding-inline: 4px; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked:not(.javascriptM= aterialdesignGm3WizBannerBannerCentered) .javascriptMaterialdesignGm3WizBan= nerBannerCloseActionWrapper { position: absolute; right: 0px; margin-inline= -end: 4px; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked:not(.javascriptM= aterialdesignGm3WizBannerBannerCentered):has(.javascriptMaterialdesignGm3Wi= zBannerBannerSecondaryAction, .javascriptMaterialdesignGm3WizBannerBannerPr= imaryAction) .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper = { top: 0px; margin-inline-end: 4px; margin-block-start: 8px; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked.javascriptMateri= aldesignGm3WizBannerBannerCentered:has(.javascriptMaterialdesignGm3WizBanne= rBannerSecondaryAction, .javascriptMaterialdesignGm3WizBannerBannerPrimaryA= ction) .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper { padd= ing-block-start: 8px; block-size: unset; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked:has(.javascriptM= aterialdesignGm3WizBannerBannerCloseActionWrapper) .javascriptMaterialdesig= nGm3WizBannerBannerText { padding-inline-end: 42px; } .javascriptMaterialdesignGm3WizBannerBannerMobileStacked.javascriptMateri= aldesignGm3WizBannerBannerCentered:has(.javascriptMaterialdesignGm3WizBanne= rBannerCloseActionWrapper) .javascriptMaterialdesignGm3WizBannerBannerConte= nt { padding-inline-end: 4px; } } .javascriptMaterialdesignGm3WizBannerBannerDeprecated { display: none; flex= -shrink: 0; block-size: 0px; position: relative; z-index: var(--GDa1Pb,1); = border-end-end-radius: var(--etObHb,0); border-end-start-radius: var(--Cd8K= rd,0); border-start-end-radius: var(--SG90ge,0); border-start-start-radius:= var(--QO5NNc,0); --gm3-button-text-hover-label-text-color: var(--EhqLre,va= r(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-state-layer-co= lor: var(--rNIDWe,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-= hover-state-layer-opacity: var(--vrcQRd,0.08); --gm3-button-text-focus-labe= l-text-color: var(--Op4xOe,var(--gm3-sys-color-primary,#0b57d0)); --gm3-but= ton-text-label-text-color: var(--uVDg0,var(--gm3-sys-color-primary,#0b57d0)= ); --gm3-button-text-label-text-font: var(--iRaOye,"Google Sans Flex","Goog= le Sans Text","Google Sans",Roboto,Arial,sans-serif); --gm3-button-text-lab= el-text-font-variation-settings: var(--lT5rKc,initial); --gm3-button-text-l= abel-text-size: var(--a05tlb,0.875rem); --gm3-button-text-label-text-tracki= ng: var(--hBxkff,0rem); --gm3-button-text-label-text-weight: var(--BXDep,50= 0); --gm3-button-text-pressed-label-text-color: var(--xuxDg,var(--gm3-sys-c= olor-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-opacity: var(= --lPiQlf,0.1); --gm3-button-text-pressed-state-layer-color: var(--rNIDWe,va= r(--gm3-sys-color-primary,#0b57d0)); --yXuigc: var(--nxcZse,1); --Fe5l0b: v= ar(--LQL8Cc,transparent); } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerFixed, .javascriptMaterialdesignGm3WizBannerBannerDep= recated.javascriptMaterialdesignGm3WizBannerBanner { overflow: visible; box= -sizing: border-box; inline-size: 100%; background-color: var(--Xwgg5d,var(= --gm3-sys-color-surface-container-low,#f8fafd)); border-block-end: var(--Gt= TOVd,1px) solid var(--eAVFUd,var(--gm3-sys-color-surface-variant,#e1e3e1));= } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerContent { display: flex; min-block-size: 52px; positi= on: absolute; inline-size: 100%; max-inline-size: var(--RO4k0c,720px); padd= ing: unset; box-sizing: unset; } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerGraphicTextWrapper { display: flex; inline-size: 100%= ; margin-inline: 0px; } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerGraphic { display: unset; align-self: flex-start; fle= x-shrink: 0; margin-block: 16px; margin-inline: 16px 0px; text-align: cente= r; border-end-end-radius: var(--DVVWFd,9999px); border-end-start-radius: va= r(--VApbnb,9999px); border-start-end-radius: var(--dXALNb,9999px); border-s= tart-start-radius: var(--SHHJdb,9999px); block-size: var(--xFSnKd,40px); in= line-size: var(--xFSnKd,40px); color: var(--BMRrs,#fff); background-color: = var(--TOBIqc,#6200ee); } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerIcon { display: flex; inset-block-start: 50%; justify= -content: center; margin: unset; position: relative; transform: translateY(= -50%); } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerText { margin-inline: 24px 90px; margin-block: 0px; a= lign-self: center; flex-grow: 1; display: unset; padding-block: 16px; color= : var(--ByDq6e,var(--gm3-sys-color-on-surface-variant,#444746)); letter-spa= cing: var(--eER97e,0); font-size: var(--MbloWe,.875rem); font-family: var(-= -FAs3wc,"Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sa= ns-serif); font-weight: var(--p3jRYe,400); line-height: var(--brmLFc,1.25re= m); font-variation-settings: var(--tFqDoe,initial); } .javascriptMaterialdesignGm3WizBannerBannerDeprecated .javascriptMaterialde= signGm3WizBannerBannerActions { align-self: flex-end; display: flex; flex-s= hrink: 0; padding-block: 4px; padding-inline: 0px 8px; } .javascriptMaterialdesignGm3WizBannerBanner { block-size: 0px; margin: 0px;= display: none; position: relative; z-index: var(--GDa1Pb,1); --yXuigc: var= (--nxcZse,1); --Fe5l0b: var(--LQL8Cc,transparent); --_duration-open: var(--= BuHuMe,500ms); --_duration-close: var(--vfVFhd,500ms); } :where(.javascriptMaterialdesignGm3WizBannerBanner) { --gm3-icon-button-sta= ndard-unselected-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-ic= on-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-primary= ,#0b57d0); --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm= 3-sys-color-primary,#0b57d0); --gm3-icon-button-standard-unselected-pressed= -icon-color: var(--gm3-sys-color-primary,#0b57d0); } .javascriptMaterialdesignGm3WizBannerBannerFixed { block-size: inherit; box= -sizing: border-box; inline-size: 100%; position: fixed; } .javascriptMaterialdesignGm3WizBannerBanner, .javascriptMaterialdesignGm3Wi= zBannerBannerFixed { background-color: var(--leFxrb,var(--gm3-sys-color-pri= mary-container,#d3e3fd)); border-end-end-radius: var(--etObHb,0); border-en= d-start-radius: var(--Cd8Krd,0); border-start-end-radius: var(--SG90ge,0); = border-start-start-radius: var(--QO5NNc,0); overflow: hidden; } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizBannerBanner:not(:has(.javascriptMateriald= esignGm3WizBannerBannerFixed))::before, .javascriptMaterialdesignGm3WizBann= erBannerFixed::before { border-radius: inherit; border: 1px solid transpare= nt; box-sizing: border-box; content: ""; inset: 0px; pointer-events: none; = position: absolute; } } .javascriptMaterialdesignGm3WizBannerBanner:has(.javascriptMaterialdesignGm= 3WizBannerBannerFixed) { background: none; } .javascriptMaterialdesignGm3WizBannerBannerInset { border-radius: var(--WsP= OW,28px); flex-shrink: 0; } .javascriptMaterialdesignGm3WizBannerBannerContent { align-items: center; b= ox-sizing: border-box; display: flex; flex-grow: 1; max-inline-size: var(--= bi31Hb,100%); min-block-size: var(--KEZEkb,56px); padding: 4px; position: a= bsolute; inline-size: 100%; transform: translateY(-100%); } .javascriptMaterialdesignGm3WizBannerBannerInset .javascriptMaterialdesignG= m3WizBannerBannerContent { inline-size: var(--W7W2Cb,100%); inset-inline: 0= px; margin-inline: auto; max-inline-size: unset; } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerContent { display: flex; flex-direction: column; padding: 1= 2px 12px 8px; position: absolute; } .javascriptMaterialdesignGm3WizBannerBannerGraphicTextWrapper { align-items= : center; display: flex; flex-grow: 1; inline-size: 100%; margin-inline: 12= px 48px; } .javascriptMaterialdesignGm3WizBannerBanner:not(:has(.javascriptMaterialdes= ignGm3WizBannerBannerActions)) .javascriptMaterialdesignGm3WizBannerBannerG= raphicTextWrapper { margin-inline-end: 0px; } @media (max-width: 540px) { .javascriptMaterialdesignGm3WizBannerBannerGraphicTextWrapper { margin-in= line-end: 12px; } } .javascriptMaterialdesignGm3WizBannerBannerInset .javascriptMaterialdesignG= m3WizBannerBannerGraphicTextWrapper { margin-inline-start: 16px; } .javascriptMaterialdesignGm3WizBannerBanner:has(.javascriptMaterialdesignGm= 3WizBannerBannerGraphic) .javascriptMaterialdesignGm3WizBannerBannerGraphic= TextWrapper { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerGraphicTextWrapper { margin-block-end: 12px; margin-inline:= 0px; } .javascriptMaterialdesignGm3WizBannerBannerRich:has(.javascriptMaterialdesi= gnGm3WizBannerBannerSecondaryAction, .javascriptMaterialdesignGm3WizBannerB= annerPrimaryAction) .javascriptMaterialdesignGm3WizBannerBannerGraphicTextW= rapper { margin-block-end: 0px; } .javascriptMaterialdesignGm3WizBannerBannerGraphic { align-self: center; co= lor: var(--BK3ddb,var(--gm3-sys-color-on-surface-variant,#444746)); display= : flex; } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerGraphic { align-self: flex-start; } .javascriptMaterialdesignGm3WizBannerBannerImage { block-size: var(--nlrSHc= ,80px); inline-size: var(--nlrSHc,80px); margin-inline: 12px; margin-block-= start: 12px; } .javascriptMaterialdesignGm3WizBannerBanner:not(.javascriptMaterialdesignGm= 3WizBannerBannerDeprecated) .javascriptMaterialdesignGm3WizBannerBannerIcon= { display: flex; } .javascriptMaterialdesignGm3WizBannerBannerIcon { font-size: var(--JuvBjb,2= 4px); margin-inline: 12px; margin-block: var(--mSVvtd,12px); } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerIcon { margin-inline: 4px 8px; } .javascriptMaterialdesignGm3WizBannerBannerTextWrapper { align-self: flex-s= tart; display: flex; flex-direction: column; flex-grow: 1; margin-inline-st= art: 12px; } .javascriptMaterialdesignGm3WizBannerBanner:has(.javascriptMaterialdesignGm= 3WizBannerBannerGraphic) .javascriptMaterialdesignGm3WizBannerBannerTextWra= pper { margin-inline-start: 0px; } .javascriptMaterialdesignGm3WizBannerBannerText { display: flex; flex-grow:= 1; margin-block: var(--El9Bhf,8px); color: var(--ByDq6e,var(--gm3-sys-colo= r-on-surface-variant,#444746)); letter-spacing: var(--eER97e,0); font-size:= var(--MbloWe,.875rem); font-family: var(--FAs3wc,"Google Sans Flex","Googl= e Sans Text","Google Sans",Roboto,Arial,sans-serif); font-weight: var(--p3j= RYe,400); line-height: var(--brmLFc,1.25rem); font-variation-settings: var(= --tFqDoe,initial); } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerText { display: flex; margin-block: 0px; } .javascriptMaterialdesignGm3WizBannerBannerTitle { color: var(--nHWRyc,var(= --gm3-sys-color-on-surface,#1f1f1f)); letter-spacing: var(--MaNZlf,0); font= -family: var(--J7MsX,"Google Sans Flex","Google Sans Text","Google Sans",Ro= boto,Arial,sans-serif); font-weight: var(--S3wMX,500); line-height: var(--J= 47bVc,1.5rem); font-variation-settings: var(--TE8i7b,initial); } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerTitle { font-size: var(--SQ84Tc,1rem); } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerTitle { display: flex; align-items: center; height: var(--g= GO0Kd,48px); } .javascriptMaterialdesignGm3WizBannerBannerActions { flex-shrink: 0; paddin= g-inline: 8px; } .javascriptMaterialdesignGm3WizBannerBannerSecondaryAction { margin-inline:= 0px 8px; } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerActions { align-self: flex-end; padding-block: var(--rgEnKb= ,8px) var(--lKBblb,12px); padding-inline-end: 12px; } .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper { padding-inl= ine: 4px; } .javascriptMaterialdesignGm3WizBannerBannerRich .javascriptMaterialdesignGm= 3WizBannerBannerCloseActionWrapper { padding-block: 4px; align-self: flex-s= tart; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerContent = { flex-flow: wrap; padding: 12px; row-gap: 8px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerGraphicT= extWrapper { flex-grow: 1; inline-size: auto; margin-block-end: 0px; min-in= line-size: 0px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive:not(:has(.javascriptMaterialdesignGm3WizBannerBanne= rTitle)) .javascriptMaterialdesignGm3WizBannerBannerGraphic, .javascriptMat= erialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3WizBannerBanne= rAdaptive:not(:has(.javascriptMaterialdesignGm3WizBannerBannerTitle)) .java= scriptMaterialdesignGm3WizBannerBannerTextWrapper { align-self: center; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerTitle { = block-size: auto; height: auto; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerTrailing= Actions { align-items: center; align-self: center; display: flex; flex-flow= : row; flex-shrink: 0; margin-inline-start: auto; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerActions = { align-self: center; flex-shrink: 0; margin-inline-start: auto; padding-bl= ock: 0px; padding-inline: 0px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerCloseAct= ionWrapper { align-self: center; display: flex; flex-shrink: 0; margin-inli= ne-start: 8px; padding: 0px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptive:not(:has(.javascriptMaterialdesignGm3WizBannerBanne= rActions)) .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper { = margin-inline-start: auto; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked .javascriptMaterialdesignGm3WizBannerBannerC= ontent { flex-wrap: wrap; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked:not(.javascriptMaterialdesignGm3WizBannerBan= nerCentered) .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper = { inset-block-start: 16px; inset-inline-end: 16px; margin-inline-start: 0px= ; position: absolute; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked .javascriptMaterialdesignGm3WizBannerBannerG= raphicTextWrapper { inline-size: 100%; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked:has(.javascriptMaterialdesignGm3WizBannerBan= nerCloseActionWrapper) .javascriptMaterialdesignGm3WizBannerBannerGraphicTe= xtWrapper { padding-inline-end: 42px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked .javascriptMaterialdesignGm3WizBannerBannerA= ctions, .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMateriald= esignGm3WizBannerBannerAdaptiveStacked .javascriptMaterialdesignGm3WizBanne= rBannerTrailingActions { align-self: flex-end; margin-inline-start: auto; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignGm3= WizBannerBannerAdaptiveStacked .javascriptMaterialdesignGm3WizBannerBannerA= ctions { padding-block: var(--rgEnKb,8px) var(--lKBblb,12px); padding-inlin= e-end: 12px; } @media (max-width: 480px) { .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerConten= t { flex-wrap: wrap; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive:not(.javascriptMaterialdesignGm3WizBannerBannerCe= ntered) .javascriptMaterialdesignGm3WizBannerBannerCloseActionWrapper { ins= et-block-start: 16px; inset-inline-end: 16px; margin-inline-start: 0px; pos= ition: absolute; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerGraphi= cTextWrapper { inline-size: 100%; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive:has(.javascriptMaterialdesignGm3WizBannerBannerCl= oseActionWrapper) .javascriptMaterialdesignGm3WizBannerBannerGraphicTextWra= pper { padding-inline-end: 42px; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerAction= s, .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesign= Gm3WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerTrail= ingActions { align-self: flex-end; margin-inline-start: auto; } .javascriptMaterialdesignGm3WizBannerBannerRich.javascriptMaterialdesignG= m3WizBannerBannerAdaptive .javascriptMaterialdesignGm3WizBannerBannerAction= s { padding-block: var(--rgEnKb,8px) var(--lKBblb,12px); padding-inline-end= : 12px; } } .javascriptMaterialdesignGm3WizBannerBannerRenderedOpen { block-size: unset= ; display: block; } .javascriptMaterialdesignGm3WizBannerBannerRenderedOpen .javascriptMaterial= designGm3WizBannerBannerContent { position: unset; transform: unset; } .javascriptMaterialdesignGm3WizBannerBannerRenderedOpen .javascriptMaterial= designGm3WizBannerBannerFixed { position: unset; } .javascriptMaterialdesignGm3WizBannerBannerClosing, .javascriptMaterialdesi= gnGm3WizBannerBannerOpen, .javascriptMaterialdesignGm3WizBannerBannerOpenin= g { display: flex; } .javascriptMaterialdesignGm3WizBannerBannerOpen { transition: block-size va= r(--_duration-open) cubic-bezier(.38,1.21,.22,1); } .javascriptMaterialdesignGm3WizBannerBannerOpen .javascriptMaterialdesignGm= 3WizBannerBannerContent { transition: transform var(--_duration-open) cubic= -bezier(.38,1.21,.22,1); transform: translateY(0px); } .javascriptMaterialdesignGm3WizBannerBannerClosing { transition: block-size= var(--_duration-close) cubic-bezier(.38,1.21,.22,1),margin var(--_duration= -close); } .javascriptMaterialdesignGm3WizBannerBannerClosing .javascriptMaterialdesig= nGm3WizBannerBannerContent { transition: transform var(--_duration-close) c= ubic-bezier(.38,1.21,.22,1); } .javascriptMaterialdesignGm3WizBannerBanner.javascriptMaterialdesignGm3WizB= annerBannerCentered .javascriptMaterialdesignGm3WizBannerBannerContent { in= set-inline: 0px; margin-inline: auto; } .javascriptMaterialdesignGm3WizBannerBannerCentered:not(.javascriptMaterial= designGm3WizBannerBannerDeprecated) .javascriptMaterialdesignGm3WizBannerBa= nnerContent { inline-size: max-content; } .javascriptMaterialdesignGm3WizBannerBannerCentered .javascriptMaterialdesi= gnGm3WizBannerBannerCloseActionWrapper { position: absolute; height: inheri= t; display: flex; align-items: center; inset-inline-end: 4px; inset-block-s= tart: -36px; transition: inset-block var(--_duration-close) cubic-bezier(.3= 8,1.21,.22,1); } .javascriptMaterialdesignGm3WizBannerBannerCentered.javascriptMaterialdesig= nGm3WizBannerBannerOpen .javascriptMaterialdesignGm3WizBannerBannerCloseAct= ionWrapper { transition: inset-block var(--_duration-open) cubic-bezier(.38= ,1.21,.22,1); inset-block-start: 0px; } .javascriptMaterialdesignGm3WizBannerBannerCentered:has(.javascriptMaterial= designGm3WizBannerBannerCloseActionWrapper) .javascriptMaterialdesignGm3Wiz= BannerBannerContent { padding-inline-end: 48px; } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizBannerBanner { --_duration-open: 0ms; --_d= uration-close: 0ms; } .javascriptMaterialdesignGm3WizBannerBannerCentered .javascriptMaterialde= signGm3WizBannerBannerCloseActionWrapper, .javascriptMaterialdesignGm3WizBa= nnerBannerCentered.javascriptMaterialdesignGm3WizBannerBannerOpen .javascri= ptMaterialdesignGm3WizBannerBannerCloseActionWrapper, .javascriptMaterialde= signGm3WizBannerBannerClosing, .javascriptMaterialdesignGm3WizBannerBannerC= ontent, .javascriptMaterialdesignGm3WizBannerBannerOpen, .javascriptMateria= ldesignGm3WizBannerBannerOpen .javascriptMaterialdesignGm3WizBannerBannerCo= ntent { transition: none; } } .docosAutocorrectFeedbackDialogContext { color: var(--gm3-sys-color-on-surf= ace-variant,#444746); padding-top: 10px; } .docosAutocorrectFeedbackDialogCorrection { font-weight: 700; } .docosAutocorrectFeedbackDialogHeading { color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); font-size: 1rem; font-weight: 500; padding-top: 16px; padding= -bottom: 16px; } .docosAutocorrectFeedbackDialogTextField { box-sizing: content-box; color: = var(--gm3-sys-color-on-surface-variant,#444746); margin-top: 10px; width: 1= 00%; } .feedbackSuggestionDialogContext { color: var(--gm3-sys-color-on-surface-va= riant,#444746); padding-top: 10px; } .feedbackSuggestionDialogEncryptedContainer { background: var(--gm3-sys-col= or-primary-container,#d3e3fd); border-radius: 8px; padding: 4px 4px 4px 16p= x; margin: 10px 0px 0px; } .feedbackSuggestionDialogEncryptedContainerSection { padding: 10px 8px 10px= 0px; display: flex; } .feedbackSuggestionDialogEncryptedContent { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); font-size: 0.75rem; } .feedbackSuggestionDialogEncryptedIcon { width: 36px; padding-right: 16px; = } .feedbackSuggestionDialogHeading { color: var(--gm3-sys-color-on-surface,#1= f1f1f); font-size: 1rem; font-weight: 500; padding-top: 16px; padding-botto= m: 16px; } .feedbackSuggestionDialogLegalTextContainer { margin: 10px 0px; padding-top= : 8px; } .feedbackSuggestionDialogLegalTextSection { margin-bottom: 8px; } .feedbackSuggestionDialogLegalText { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-size: 0.75rem; } .feedbackSuggestionDialogEmphasize { font-weight: 700; } .feedbackSuggestionDialogTextField { box-sizing: content-box; color: var(--= gm3-sys-color-on-surface-variant,#444746); margin-top: 10px; width: 100%; } .feedbackProductInformationDialogList { padding-inline-start: 10px; } .userDictionaryDialogButtonAdd { display: inline-block; } .userDictionaryDialogInput { display: inline-block; margin-right: 19px; } .userDictionaryDialogListContainer { height: 232px; overflow: hidden auto; = list-style-type: none; padding-inline-start: 0px; padding: 5px 5px 0px 0px;= } .userDictionaryDialogListItemWordContainer { display: flex; justify-content= : space-between; } .userDictionaryDialogListItemWord { padding: 10px; overflow: hidden; width:= 200px; text-overflow: ellipsis; white-space: nowrap; } .userDictionaryDialogListItemTrashIcon.docs-icon { height: 24px; margin: 0p= x; width: 24px; } .appsDocsTasksWizTasksEmptyContainer { display: flex; flex-direction: colum= n; flex-grow: 1; justify-content: center; padding: 24px; text-align: center= ; } .appsDocsTasksWizTasksEmptyContainerHeader { color: var(--gm3-sys-color-on-= surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, Helvetic= a, Arial, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5re= m; flex-shrink: 0; } .appsDocsTasksWizTasksEmptyContainerBody { font-family: Roboto, RobotoDraft= , Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line= -height: 1.25rem; margin-top: 4px; color: var(--gm3-sys-color-on-surface-va= riant,#444746); } .appsDocsTasksWizTasksContainer { display: flex; flex-grow: 1; } .appsDocsTasksWizTasksItem { background: var(--gm3-sys-color-surface,#fff);= border-radius: 12px; margin-top: 16px; padding: 16px 0px; width: 100%; } @media screen and (forced-colors: active) { .appsDocsTasksWizTasksItem { border: 1px solid; } } .appsDocsTasksWizTasksAvatarWrapper { margin-right: 12px; } .appsDocsTasksWizTasksAvatar { display: flex; border-radius: 9999px; height= : 32px; width: 32px; } .appsDocsTasksWizTasksSharedTaskTitle { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing:= 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-varia= nt,#444746); } .appsDocsTasksWizTasksTitle { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-= height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746); ma= rgin: 4px 0px; overflow: hidden; text-overflow: ellipsis; } .appsDocsTasksWizTasksItemsContainer { width: 100%; padding-bottom: 12px; m= argin-top: -12px; } .appsDocsTasksWizTasksItemContainer { display: flex; padding: 0px 16px 8px;= } .appsDocsTasksWizTasksDetailsContainer { flex-grow: 1; width: 0px; } .appsDocsTasksWizTasksDetail { font-family: "Google Sans", Roboto, Arial, s= ans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem= ; color: var(--gm3-sys-color-on-surface-variant,#444746); display: flex; li= ne-height: 1.25rem; margin: 2px 0px; } .appsDocsTasksWizTasksDetailText { padding-left: 8px; } .appsDocsTasksWizTasksDeleteContainer { border-top: 1px solid var(--gm3-sys= -color-surface-variant,#e1e3e1); display: flex; justify-content: flex-end; = } .appsDocsTasksWizTasksDeleteButton { margin: 4px 8px -12px 0px; } .appsDocsTasksWizTasksPendingIndicator { float: right; } .appsDocsTasksWizTasksOutOfSyncContainer { background: var(--gm3-sys-color-= primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); border-radiu= s: 0px 0px 8px 8px; font-size: 0.75rem; justify-content: start; padding: 8p= x 12px; line-height: 1.25rem; margin-top: 12px; } .appsDocsTasksWizTasksCompleted { text-decoration: line-through; } .collaboratorActivitySidebarZeroState { align-items: center; display: flex;= flex-direction: column; justify-content: center; flex-grow: 1; padding-bot= tom: 72px; } .collaboratorActivitySidebarZeroStateText { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-varian= t,#444746); text-align: center; padding: 19px 16px 16px; } .collaboratorActivitySidebarZeroStateIcon { padding-top: 7px; } .collaboratorActivitySidebarZeroStateButtonContainer { padding: 14px 0px; } .collaboratorActivitySidebarZeroStateButton { width: 264px; } .collaboratorActivitySidebarTileList { outline: none; display: flex; flex-d= irection: column; gap: 16px; } .collaboratorActivitySidebarFollowTile { padding: 16px; display: flex; flex= -direction: column; gap: 8px; cursor: pointer; overflow: hidden; overflow-w= rap: break-word; } .collaboratorActivitySidebarContextStatic { color: var(--gm3-sys-color-on-s= urface-variant,#444746); font-size: 0.875rem; font-weight: 500; } .collaboratorActivitySidebarContext { color: var(--gm3-sys-color-on-surface= -variant,#444746); font-style: italic; font-size: 0.875rem; } .collaboratorActivitySidebarContextContent { font-weight: 500; } .collaboratorActivitySidebarDateTime { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.= 00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant,= #444746); } .collaboratorActivitySidebarImageContainer { align-items: center; border-ra= dius: 9999px; display: inline-flex; justify-content: center; height: 32px; = margin-right: 12px; overflow: visible; width: 32px; } .collaboratorActivitySidebarImage { border-radius: 9999px; height: 28px; } .collaboratorActivitySidebarStatusBarCollaboratorContainer { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: = 400; letter-spacing: 0px; line-height: 1.25rem; align-items: center; displa= y: flex; color: var(--gm3-sys-color-on-surface-variant,#444746); } .collaboratorActivitySidebarFollowAllCollaboratorContainer { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: = 500; letter-spacing: 0px; line-height: 1.25rem; align-items: center; displa= y: flex; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .collaboratorActivitySidebarSelectedTile { background-color: var(--gm3-sys-= color-surface-container-lowest,#fff); border-radius: 12px; } .collaboratorActivitySidebarUnSelectedTile { background-color: var(--gm3-sy= s-color-surface-container-high,#e9eef6); border-radius: 12px; } .collaboratorActivitySidebarUnSelectedTile:hover { background: linear-gradi= ent(0deg,color-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,#444746) = 8%,transparent) 0,color-mix(in sRGB,var(--gm3-sys-color-on-surface-variant,= #444746) 8%,transparent) 100%),var(--gm3-sys-color-surface-container-high,#= e9eef6); border-radius: 12px; } @media screen and (forced-colors: active) { .collaboratorActivitySidebarSelectedTile { outline: solid 1px; } } .collaboratorActivitySidebarFollowAllStatus { display: flex; align-items: c= enter; } :disabled .collaboratorActivitySidebarIconWrapper { opacity: 0.38; filter: = unset; } .collaboratorActivitySidebarStatusBarContainer { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-= spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-v= ariant,#444746); } .appsDocstextFeaturesAutocorrectWizAutocorrectContextualToolbarUndoIcon { p= adding-bottom: 2px; } .autocorrectFeedbackDialogCorrection { font-weight: 700; } .autocorrectFeedbackDialogHeading { color: var(--gm3-sys-color-on-surface,#= 1f1f1f); font-size: 1rem; font-weight: 500; padding-top: 16px; padding-bott= om: 16px; } .autocorrectFeedbackDialogPrefix { color: var(--gm3-sys-color-on-surface-va= riant,#444746); padding-top: 10px; } .autocorrectFeedbackDialogTextField { box-sizing: content-box; color: var(-= -gm3-sys-color-on-surface-variant,#444746); margin-top: 10px; width: 100%; = } .debugInsertPersonDialogTextField { margin-top: 10px; width: 100%; box-sizi= ng: content-box; display: block; } .proofreadSettingsDialogContainer { box-sizing: border-box; display: flex; = flex-direction: column; font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; height: auto; margin: 0px -24px; min-height: 28= 8px; width: 400px; } .proofreadSettingsDialogContainer .docs-material-gm-dialog-content { displa= y: flex; flex-direction: column; min-height: 65px; min-width: 282px; overfl= ow: hidden; padding: 0px; } .proofreadSettingsDialogMenuInfo { margin: 8px 24px 0px; } .proofreadSettingsDialogMenuInfoText { font-size: 0.75rem; font-weight: 400= ; letter-spacing: 0.00625rem; line-height: 1rem; padding-left: 12px; } .proofreadSettingsDialogMenuSuggestionTypeTitle { align-items: center; disp= lay: flex; font-size: 1rem; font-weight: 500; height: 48px; line-height: 1.= 5rem; padding: 8px 24px; } .proofreadSettingsDialogMenuCheckboxesContainer { display: flex; flex-direc= tion: column; margin-right: 24px; padding-left: 18px; --gm3-checkbox-contai= ner-size: 18px; --gm3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch= -target-size: 0px; } .proofreadSettingsDialogMenuCheckboxesLabel { font-size: 1rem; font-weight:= 400; line-height: 1.5rem; padding-top: 16px; padding-bottom: 3px; } .proofreadSettingsDialogMenuCheckboxesDescription { color: var(--gm3-sys-co= lor-on-surface-variant,#444746); font-size: 0.875rem; font-weight: 400; lin= e-height: 1.25rem; } .appsDocsTextFeaturesSpellcheckWizSpellcheckcontextualtoolbarIgnoreButtonIc= on.appsDocsTextFeaturesSpellcheckWizSpellcheckcontextualtoolbarIgnoreButton= Icon { color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsDocsTextFeaturesSpellcheckWizSpellcheckcontextualtoolbarIgnoreButton {= margin-right: 4px; } .appsDocsTextFeaturesSpellcheckWizSpellcheckcontextualtoolbarFeedbackMenuTr= oubleshootItem { --gm3-list-list-item-label-text-color: var(--gm3-sys-color= -primary,#0b57d0); --gm3-list-list-item-focus-label-text-color: var(--gm3-s= ys-color-primary,#0b57d0); --gm3-list-list-item-hover-label-text-color: var= (--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-label-text-size: 0.= 75rem; --gm3-list-list-item-control-selected-focus-label-text-color: var(--= gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-control-selected-hover= -label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-it= em-control-selected-label-text-color: var(--gm3-sys-color-primary,#0b57d0);= --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-primary,#0b57d0= ); --gm3-menu-list-item-focus-label-text-color: var(--gm3-sys-color-primary= ,#0b57d0); --gm3-menu-list-item-hover-label-text-color: var(--gm3-sys-color= -primary,#0b57d0); --gm3-menu-list-item-pressed-label-text-color: var(--gm3= -sys-color-primary,#0b57d0); --gm3-menu-list-item-label-text-size: 0.75rem;= --gm3-menu-list-item-control-selected-focus-label-text-color: var(--gm3-sy= s-color-primary,#0b57d0); --gm3-menu-list-item-control-selected-hover-label= -text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-menu-list-item-con= trol-selected-label-text-color: var(--gm3-sys-color-primary,#0b57d0); } .appsDocsTextFeaturesSpellcheckWizSpellcheckCseCalloutStylesCallout { --ae-= callout-container-width: 350px; } .appsDocsTextFeaturesSpellcheckWizSpellcheckfeedbackmenuFeedbackMenu { --gm= 3-list-list-item-label-text-weight: 400; --gm3-list-list-item-control-selec= ted-label-text-weight: 400; --gm3-menu-divider-space: 4px; --gm3-menu-group= -title-height: 24px; --gm3-menu-list-item-container-height: 32px; --gm3-men= u-container-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-list-item-= label-text-weight: 400; --gm3-menu-list-item-control-selected-label-text-we= ight: 400; z-index: 1003; } .appsDocsTextFeaturesSpellcheckWizSpellcheckfeedbackmenuFeedbackMenuButton = { --gm3-icon-button-standard-container-width: 32px; --gm3-icon-button-stand= ard-container-height: 32px; --gm3-icon-button-standard-icon-size: 20px; } .appsDocsTextFeaturesSpellcheckWizSpellcheckfeedbackmenuFeedbackMenuIcon { = color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsDocsTextFeaturesSpellcheckWizSpellchecksecondaryoptionsmenuSecondaryOp= tionsMenu { --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-it= em-control-selected-label-text-weight: 400; --gm3-menu-divider-space: 4px; = --gm3-menu-group-title-height: 24px; --gm3-menu-list-item-container-height:= 32px; --gm3-menu-container-color: var(--gm3-sys-color-surface,#fff); --gm3= -menu-list-item-label-text-weight: 400; --gm3-menu-list-item-control-select= ed-label-text-weight: 400; z-index: 1003; } .appsDocsTextFeaturesSpellcheckWizSpellchecksecondaryoptionsmenuSecondaryOp= tionsMenuButton:not(.appsDocsTextFeaturesSpellcheckWizSpellchecksecondaryop= tionsmenuContextualToolbarMenuButton) { --gm3-icon-button-standard-containe= r-width: 32px; --gm3-icon-button-standard-container-height: 32px; --gm3-ico= n-button-standard-icon-size: 20px; } .appsDocsTextFeaturesSpellcheckWizSpellchecksecondaryoptionsmenuSecondaryOp= tionsMenuIcon { color: var(--gm3-sys-color-on-surface-variant,#444746); } .customSpacingDialogFormatAsRow { display: flex; align-items: center; gap: = 16px; width: 272px; margin-bottom: -20px; } .customSpacingDialogHeading { color: var(--gm3-sys-color-on-surface,#1f1f1f= ); font-size: 1rem; font-weight: 500; padding-top: 24px; padding-bottom: 20= px; } .customSpacingDialogInputField { padding-top: 4px; width: 100%; } .glyphFormatDialogFormatAsRow { display: flex; align-items: center; } .glyphFormatDialogLateralSegment { width: 104px; } .glyphFormatDialogMidSegment { text-align: center; margin-left: auto; paddi= ng-top: 20px; } .glyphFormatDialogRightSegment { margin-left: auto; } .indentationDialogWizFormatAsRow { display: flex; gap: 16px; width: 100%; } .indentationDialogWizHeading { color: var(--gm3-sys-color-on-surface,#1f1f1= f); font-size: 1rem; font-weight: 500; padding-top: 12px; padding-bottom: 1= 8px; } .indentationDialogWizSpecial { padding-top: 24px; } .indentationDialogWizError { color: var(--gm3-sys-color-error,#b3261e); fon= t-size: 0.75rem; width: 100%; height: 1px; } .indentationDialogWizRightError { text-align: right; } .indentationDialogWizField { width: 130px; } .numberingDialogContentNumberingInput { padding-top: 8px; width: 100%; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath {= transition-property: stroke-dashoffset, stroke-width; transition-duration:= 0.3s; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected.jav= ascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithIconOnly .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { transiti= on: transform 0.3s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected.jav= ascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelOnly .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonHiddenExpandin= gContainer { transition: width 0.3s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected.jav= ascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelAndIcon= .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPa= th { transition-delay: 0.1s; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { transiti= on: opacity 0.1s linear; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath= { transition-property: stroke-dashoffset, stroke-width; transition-duratio= n: 0.15s; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmark { t= ransition: opacity 0.15s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected.j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithIconOnly .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { transi= tion: transform 0.15s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected.j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelOnly = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonHiddenExpand= ingContainer { transition: width 0.15s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected.j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelAndIc= on .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { tr= ansition: opacity 0.1s linear 0.15s; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton .javascript= MaterialdesignGm3WizConnectedButtonGroupSharedIcon { width: var(--aoEEhc,18= px); height: var(--aoEEhc,18px); font-size: var(--aoEEhc,18px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPat= h { stroke-dasharray: var(--aoEEhc,18px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: = var(--qxjQj,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--UumwMc= ,.38); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath = { stroke: var(--qxjQj,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: va= r(--UumwMc,.38); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmark, .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { displa= y: inline-flex; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected { -= -gm3-font-icon-fill: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonGraphic { di= splay: flex; align-items: center; justify-content: flex-start; margin-inlin= e-end: var(--ou3wkd,8px); position: relative; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithIconOnly= .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon, .java= scriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelAndIcon = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmark { = position: absolute; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithIconOnly= .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmark {= transform: translateX(calc((var(--aoEEhc, 18px) + var(--ou3wkd, 8px))*-.5)= ); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelOnl= y .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonTopLayer {= display: inherit; align-items: inherit; justify-content: inherit; position= : absolute; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelOnl= y .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonBottomLaye= r { display: inherit; align-items: inherit; justify-content: inherit; gap: = var(--ou3wkd,8px); } :where(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedShowCheckma= rkWhenSelected) .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBu= ttonSelected:enabled .javascriptMaterialdesignGm3WizConnectedButtonGroupSha= redButtonCheckmark { opacity: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath {= stroke-width: 1.5px; stroke-dashoffset: 0; } :where(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedShowCheckma= rkWhenSelected) .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBu= ttonSelected.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton= WithIconOnly .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButto= nIcon { transform: translateX(calc((var(--aoEEhc, 18px) + var(--ou3wkd, 8px= ))*.5)); } :where(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedShowCheckma= rkWhenSelected) .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBu= ttonSelected.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton= WithLabelOnly .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButt= onHiddenExpandingContainer { width: calc(var(--aoEEhc, 18px) + var(--ou3wkd= , 8px)); } :where(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedShowCheckma= rkWhenSelected) .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBu= ttonSelected.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton= WithLabelAndIcon .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedB= uttonIcon { opacity: 0; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmark, :n= ot(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedShowCheckmarkWh= enSelected) .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton= Checkmark { opacity: 0; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath= { stroke-width: 0; stroke-dashoffset: var(--aoEEhc,18px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithIconOnly = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { trans= form: translateX(0px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected.j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelOnly = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonHiddenExpand= ingContainer { width: 0px; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected.j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithLabelAndIc= on:enabled .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonI= con { opacity: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedGroupElevationCont= ainer { position: relative; border-radius: min(var(--Rt5yUd,9999px),var(--U= p2gre,40px)/2); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedContainer { displa= y: grid; grid-auto-flow: column; grid-auto-columns: var(--E8rVic,1fr); min-= width: max-content; height: var(--Up2gre,40px); gap: var(--XqsWTb,0); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton { display: = flex; justify-content: center; align-items: center; position: relative; fle= x-grow: 1; padding-block: 0px; padding-inline: var(--mc0VLb,12px); height: = inherit; border-width: medium; border-style: none; border-color: currentcol= or; border-image: none; outline: none; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWrapper { di= splay: flex; justify-content: center; align-items: center; height: inherit;= } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:enabled { c= ursor: pointer; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled { = cursor: default; pointer-events: none; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:focus-visib= le { --H6apye: block; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton { --jF0a9c:= var(--XBKF1b,var(--gm3-sys-color-secondary,#00639b)); --hK0TOb: var(--FvCL= B,2px); --SGGi: var(--zWrMEd,3px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton, .javascrip= tMaterialdesignGm3WizConnectedButtonGroupSharedButtonWrapper { border-radiu= s: min(var(--Ww7QK,0px),var(--Up2gre,40px)/2); transition: border-radius 0.= 35s cubic-bezier(0.27, 1.06, 0.18, 1); --vTiv8c: min(var(--Ww7QK,0px),var(-= -Up2gre,40px)/2); --UtHrue: min(var(--Ww7QK,0px),var(--Up2gre,40px)/2); --u= HecC: min(var(--Ww7QK,0px),var(--Up2gre,40px)/2); --C8LWjb: min(var(--Ww7QK= ,0px),var(--Up2gre,40px)/2); } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton, .javascr= iptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWrapper { transition= : border-radius 1ms linear; } } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:first-of-type .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedS= egmentOutline, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBut= tonWrapper:first-of-type .javascriptMaterialdesignGm3WizConnectedButtonGrou= pSharedSegmentOutline { border-start-start-radius: min(var(--Rt5yUd,9999px)= ,var(--Up2gre,40px)/2); border-end-start-radius: min(var(--Rt5yUd,9999px),v= ar(--Up2gre,40px)/2); border-inline-end: none; inset-inline-start: 0px; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:first-of-type .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedS= egmentDivider, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBut= tonWrapper:first-of-type .javascriptMaterialdesignGm3WizConnectedButtonGrou= pSharedSegmentDivider { display: none; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected { b= order-radius: min(var(--m9jCSe,0px),var(--Up2gre,40px)/2); --vTiv8c: min(va= r(--m9jCSe,0px),var(--Up2gre,40px)/2); --UtHrue: min(var(--m9jCSe,0px),var(= --Up2gre,40px)/2); --uHecC: min(var(--m9jCSe,0px),var(--Up2gre,40px)/2); --= C8LWjb: min(var(--m9jCSe,0px),var(--Up2gre,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:active { = border-radius: min(var(--T9jROb,0px),var(--Up2gre,40px)/2); --vTiv8c: min(v= ar(--T9jROb,0px),var(--Up2gre,40px)/2); --UtHrue: min(var(--T9jROb,0px),var= (--Up2gre,40px)/2); --uHecC: min(var(--T9jROb,0px),var(--Up2gre,40px)/2); -= -C8LWjb: min(var(--T9jROb,0px),var(--Up2gre,40px)/2); } } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedFocusRing { transi= tion: border-radius 0.35s cubic-bezier(0.27, 1.06, 0.18, 1); } @media (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedFocusRing { tran= sition: border-radius 1ms linear; } } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:first-of-type, .javascriptMaterialdesignGm3WizConnectedButtonGroupShared= ButtonWrapper:first-of-type .javascriptMaterialdesignGm3WizConnectedButtonG= roupSharedButton { border-start-start-radius: min(var(--Rt5yUd,9999px),var(= --Up2gre,40px)/2); border-end-start-radius: min(var(--Rt5yUd,9999px),var(--= Up2gre,40px)/2); --vTiv8c: min(var(--Rt5yUd,9999px),var(--Up2gre,40px)/2); = --C8LWjb: min(var(--Rt5yUd,9999px),var(--Up2gre,40px)/2); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:last-of-type, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedB= uttonWrapper:last-of-type .javascriptMaterialdesignGm3WizConnectedButtonGro= upSharedButton { border-start-end-radius: min(var(--Rt5yUd,9999px),var(--Up= 2gre,40px)/2); border-end-end-radius: min(var(--Rt5yUd,9999px),var(--Up2gre= ,40px)/2); --UtHrue: min(var(--Rt5yUd,9999px),var(--Up2gre,40px)/2); --uHec= C: min(var(--Rt5yUd,9999px),var(--Up2gre,40px)/2); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:first-of-type:where(.javascriptMaterialdesignGm3WizConnectedButtonGroupS= haredButtonSelected), .javascriptMaterialdesignGm3WizConnectedButtonGroupSh= aredButtonWrapper:first-of-type .javascriptMaterialdesignGm3WizConnectedBut= tonGroupSharedButtonSelected { border-start-start-radius: min(var(--VYAlfd,= 9999px),var(--Up2gre,40px)/2); border-end-start-radius: min(var(--VYAlfd,99= 99px),var(--Up2gre,40px)/2); --vTiv8c: min(var(--VYAlfd,9999px),var(--Up2gr= e,40px)/2); --C8LWjb: min(var(--VYAlfd,9999px),var(--Up2gre,40px)/2); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:last-of-type:where(.javascriptMaterialdesignGm3WizConnectedButtonGroupSh= aredButtonSelected), .javascriptMaterialdesignGm3WizConnectedButtonGroupSha= redButtonWrapper:last-of-type .javascriptMaterialdesignGm3WizConnectedButto= nGroupSharedButtonSelected { border-start-end-radius: min(var(--VYAlfd,9999= px),var(--Up2gre,40px)/2); border-end-end-radius: min(var(--VYAlfd,9999px),= var(--Up2gre,40px)/2); --UtHrue: min(var(--VYAlfd,9999px),var(--Up2gre,40px= )/2); --uHecC: min(var(--VYAlfd,9999px),var(--Up2gre,40px)/2); } @media not (prefers-reduced-motion) { .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToo= ltip:first-of-type:where(.javascriptMaterialdesignGm3WizConnectedButtonGrou= pSharedButton:active), .javascriptMaterialdesignGm3WizConnectedButtonGroupS= haredButtonWrapper:first-of-type .javascriptMaterialdesignGm3WizConnectedBu= ttonGroupSharedButton:active { border-start-start-radius: min(var(--UR0qrf,= 9999px),var(--Up2gre,40px)/2); border-end-start-radius: min(var(--UR0qrf,99= 99px),var(--Up2gre,40px)/2); --vTiv8c: min(var(--UR0qrf,9999px),var(--Up2gr= e,40px)/2); --C8LWjb: min(var(--UR0qrf,9999px),var(--Up2gre,40px)/2); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToo= ltip:last-of-type:where(.javascriptMaterialdesignGm3WizConnectedButtonGroup= SharedButton:active), .javascriptMaterialdesignGm3WizConnectedButtonGroupSh= aredButtonWrapper:last-of-type .javascriptMaterialdesignGm3WizConnectedButt= onGroupSharedButton:active { border-start-end-radius: min(var(--UR0qrf,9999= px),var(--Up2gre,40px)/2); border-end-end-radius: min(var(--UR0qrf,9999px),= var(--Up2gre,40px)/2); --UtHrue: min(var(--UR0qrf,9999px),var(--Up2gre,40px= )/2); --uHecC: min(var(--UR0qrf,9999px),var(--Up2gre,40px)/2); } } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:last-of-type .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSe= gmentOutline, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButt= onWrapper:last-of-type .javascriptMaterialdesignGm3WizConnectedButtonGroupS= haredSegmentOutline { border-start-end-radius: min(var(--Rt5yUd,9999px),var= (--Up2gre,40px)/2); border-end-end-radius: min(var(--Rt5yUd,9999px),var(--U= p2gre,40px)/2); border-inline-start: none; inset-inline-end: 0px; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonWithoutToolt= ip:not(:first-of-type):not(:last-of-type) .javascriptMaterialdesignGm3WizCo= nnectedButtonGroupSharedSegmentOutline, .javascriptMaterialdesignGm3WizConn= ectedButtonGroupSharedButtonWrapper:not(:first-of-type):not(:last-of-type) = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentOutline { b= order-inline: initial initial; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonContent { al= ign-items: inherit; display: inherit; justify-content: inherit; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentOutline { b= order-color: var(--BFjvl,var(--gm3-sys-color-outline,#747775)); border-styl= e: solid; border-width: var(--Cy2CFd,1px); inset: 0 calc(var(--Cy2CFd, 1px)= *.5); pointer-events: none; position: absolute; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentDivider { b= ackground-color: var(--BFjvl,var(--gm3-sys-color-outline,#747775)); height:= var(--Up2gre,40px); inset-inline-start: calc(var(--Cy2CFd, 1px)*-.5); poin= ter-events: none; position: absolute; width: var(--Cy2CFd,1px); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonTouchTarget = { position: absolute; top: 50%; height: max(48px,var(--Up2gre,40px)); left:= 0px; right: 0px; transform: translateY(-50%); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { font= -family: var(--qnpKmc,"Google Sans",Roboto,Arial,sans-serif); font-size: va= r(--QHeIBf,.875rem); font-weight: var(--O1jx7e,500); line-height: var(--ait= HA,1.25rem); letter-spacing: var(--zhonzd,0); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentOutline { bor= der-color: var(--tHxJgd,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: = var(--HPKuge,.12); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled + = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentDivider { bac= kground-color: var(--tHxJgd,var(--gm3-sys-color-on-surface,#1f1f1f)); opaci= ty: var(--HPKuge,.12); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color:= var(--kvji3e,var(--gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--nCJ8= W,.38); } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton :is(.javasc= riptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel, .javascriptM= aterialdesignGm3WizConnectedButtonGroupSharedButtonIcon, .javascriptMateria= ldesignGm3WizConnectedButtonGroupSharedButtonCheckmark) { z-index: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected, .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected { -= -hSHBee: var(--OELyi,0.08); --kDWEsd: var(--g7jMlc,0.1); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentOutline {= border-color: buttonborder; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentDivider {= background-color: buttonborder; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentOutline { b= order-color: graytext; opacity: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled = + .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedSegmentDivider { b= ackground-color: graytext; opacity: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected {= background-color: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected := is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel, .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon) { forced= -color-adjust: none; color: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkP= ath { stroke: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected= :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel, = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon) { colo= r: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:f= ocus-visible :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedB= uttonLabel, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton= Icon) { color: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:f= ocus-visible .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButto= nCheckmarkPath { stroke: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:h= over :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLab= el, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon) { = color: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:h= over .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckma= rkPath { stroke: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:e= nabled:active :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupShared= ButtonLabel, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButto= nIcon) { color: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonSelected:e= nabled:active .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButt= onCheckmarkPath { stroke: buttonface; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected= :focus-visible :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupShare= dButtonLabel, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButt= onIcon) { color: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected= :focus-visible .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBut= tonCheckmarkPath { stroke: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected= :hover :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonL= abel, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon) = { color: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonUnselected= :enabled:active :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupShar= edButtonLabel, .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedBut= tonIcon) { color: buttontext; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled = :is(.javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel, .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon) { color= : graytext; opacity: 1; } .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButton:disabled = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPat= h { stroke: graytext; opacity: 1; } } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalOldTokens { --upgra= deable-gm3-connected-button-group-tonal-selected-focus-icon-color: var(--IV= HYnd,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm= 3-connected-button-group-tonal-selected-focus-label-text-color: var(--jCjWU= d,var(--gm3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-c= onnected-button-group-tonal-selected-hover-icon-color: var(--MwPDie,var(--g= m3-sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-connected-= button-group-tonal-selected-hover-label-text-color: var(--zIhQob,var(--gm3-= sys-color-on-secondary-container,#001d35)); --upgradeable-gm3-connected-but= ton-group-tonal-selected-hover-state-layer-color: var(--OgeXDf,var(--gm3-sy= s-color-on-secondary-container,#001d35)); --upgradeable-gm3-connected-butto= n-group-tonal-selected-label-text-color: var(--fF8dbf,var(--gm3-sys-color-o= n-secondary-container,#001d35)); --upgradeable-gm3-connected-button-group-t= onal-selected-pressed-icon-color: var(--pE0OCb,var(--gm3-sys-color-on-secon= dary-container,#001d35)); --upgradeable-gm3-connected-button-group-tonal-se= lected-pressed-label-text-color: var(--yaMpsb,var(--gm3-sys-color-on-second= ary-container,#001d35)); --upgradeable-gm3-connected-button-group-tonal-sel= ected-pressed-state-layer-color: var(--D2SIt,var(--gm3-sys-color-on-seconda= ry-container,#001d35)); --upgradeable-gm3-connected-button-group-tonal-sele= cted-with-icon-icon-color: var(--X91nPd,var(--gm3-sys-color-on-secondary-co= ntainer,#001d35)); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath { stroke: va= r(--upgradeable-gm3-connected-button-group-tonal-selected-with-icon-icon-co= lor,var(--X91nPd,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:not(:disabled) .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: = var(--upgradeable-gm3-connected-button-group-tonal-selected-with-icon-icon-= color,var(--X91nPd,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:hover .javascript= MaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: var(--upg= radeable-gm3-connected-button-group-tonal-selected-hover-icon-color,var(--M= wPDie,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:hover .javascript= MaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath { stroke:= var(--upgradeable-gm3-connected-button-group-tonal-selected-hover-icon-col= or,var(--MwPDie,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:focus-visible .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: v= ar(--upgradeable-gm3-connected-button-group-tonal-selected-focus-icon-color= ,var(--IVHYnd,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:focus-visible .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath {= stroke: var(--upgradeable-gm3-connected-button-group-tonal-selected-focus-= icon-color,var(--IVHYnd,var(--gm3-sys-color-on-secondary-container,#004a77)= )); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:enabled:active .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: = var(--upgradeable-gm3-connected-button-group-tonal-selected-pressed-icon-co= lor,var(--pE0OCb,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:enabled:active .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath = { stroke: var(--upgradeable-gm3-connected-button-group-tonal-selected-press= ed-icon-color,var(--pE0OCb,var(--gm3-sys-color-on-secondary-container,#004a= 77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:not(:disabled) = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color= : var(--L8Pb7e,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:hover .javascri= ptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color: var(--T= nARwc,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:focus-visible .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color:= var(--WdFgld,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:focus-visible .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonCheckmarkPath= { stroke: var(--WdFgld,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:enabled:active = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonIcon { color= : var(--z4JqNc,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected { background-colo= r: var(--WZzAFc,var(--gm3-sys-color-secondary-container,#c2e7ff)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:not(:disabled) .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color:= var(--upgradeable-gm3-connected-button-group-tonal-selected-label-text-col= or,var(--fF8dbf,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:hover .javascript= MaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color: var(--up= gradeable-gm3-connected-button-group-tonal-selected-hover-label-text-color,= var(--zIhQob,var(--gm3-sys-color-on-secondary-container,#004a77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:focus-visible .ja= vascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color: = var(--upgradeable-gm3-connected-button-group-tonal-selected-focus-label-tex= t-color,var(--jCjWUd,var(--gm3-sys-color-on-secondary-container,#004a77)));= } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonSelected:enabled:active .j= avascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color:= var(--upgradeable-gm3-connected-button-group-tonal-selected-pressed-label-= text-color,var(--yaMpsb,var(--gm3-sys-color-on-secondary-container,#004a77)= )); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:not(:disabled) = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { colo= r: var(--s2Vk3b,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:hover .javascri= ptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color: var(--= GYd8Bd,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:focus-visible .= javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { color= : var(--VGElKc,var(--gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected:enabled:active = .javascriptMaterialdesignGm3WizConnectedButtonGroupSharedButtonLabel { colo= r: var(--PanEDf,var(--gm3-sys-color-on-surface,#1f1f1f)); } } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMater= ialdesignGm3WizConnectedButtonGroupSharedButtonSelected { --sbadab: var(--u= pgradeable-gm3-connected-button-group-tonal-selected-hover-state-layer-colo= r,var(--OgeXDf,var(--gm3-sys-color-on-secondary-container,#004a77))); --F1t= VH: var(--upgradeable-gm3-connected-button-group-tonal-selected-pressed-sta= te-layer-color,var(--D2SIt,var(--gm3-sys-color-on-secondary-container,#004a= 77))); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMater= ialdesignGm3WizConnectedButtonGroupSharedButtonUnselected { --sbadab: var(-= -i9aRPc,var(--gm3-sys-color-on-surface,#1f1f1f)); --F1tVH: var(--zPUcV,var(= --gm3-sys-color-on-surface,#1f1f1f)); } .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMater= ialdesignGm3WizConnectedButtonGroupSharedButtonUnselected { background-colo= r: var(--hEorZd,transparent); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizConnectedButtonGroupTonalEl .javascriptMat= erialdesignGm3WizConnectedButtonGroupSharedButtonUnselected::before { conte= nt: ""; pointer-events: none; position: absolute; inset: 0px; border-radius= : inherit; border: var(--WWYR0c,0) solid transparent; } } .themeModeDialogDialog { --urucif: 8px; --xkSh4b: 8px; } .themeModeDialogContainer { display: flex; padding: 8px 6px; } .appsElementsEnforcementDialogRoot { --W1aG0b: 0px; --Tlqqfc: min(100dvw - = 48px,496px); --pjsEwc: min(100dvw - 48px,496px); --urucif: 0px; --Cv3aid: 0= px; --xkSh4b: 0px; --tukwab: 0px; border-radius: 28px; color: var(--gm3-sys= -color-surface-container-high,#e9eef6); --ghukTc: flex; } .appsElementsEnforcementDialogEnforcementContainer { display: flex; flex-di= rection: column; flex-grow: 1; overflow-y: auto; padding-inline: 24px; } .appsElementsEnforcementDialogTitle { font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 1.5rem; font-weight: 400; letter-spacing: 0px;= line-height: 2rem; flex-direction: column; text-align: center; margin-bott= om: 16px; padding: 0px 24px; } .appsElementsEnforcementDialogTopBodyText { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 1.25rem; margin-block-end: 16px; } .appsElementsEnforcementDialogFeatureSection { display: flex; align-items: = center; gap: 12px; margin-block-end: 12px; } .appsElementsEnforcementDialogBottomBodyText { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.25rem; margin-block: 4px 24px; } .appsElementsEnforcementDialogFooter { display: flex; padding: 24px; justif= y-content: flex-end; gap: 8px; position: relative; } .appsElementsUdpConsentDialogProductIcons { display: flex; align-items: cen= ter; justify-content: center; gap: 16px; padding: 24px 16px 16px; } .appsElementsUdpConsentDialogContentContainer { display: flex; flex-directi= on: column; inline-size: 100%; } .appsElementsUdpConsentDialogContentContainer :is(a:link, a:visited, a:hove= r, a:active) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsUdpConsentDialogContentContainer a:hover { text-decoration: un= derline; } .appsElementsUdpConsentDialogHeader { margin-block-end: 8px; } .appsElementsUdpConsentDialogRadioGroup { display: inline-flex; flex-direct= ion: column; gap: 8px; } .appsElementsUdpConsentDialogListItem { --gm3-list-list-item-container-colo= r: transparent; --gm3-list-list-item-selected-container-color: transparent;= --gm3-list-list-item-content-padding: 16px; --gm3-list-list-item-hover-sta= te-layer-opacity: 0; --gm3-list-list-item-control-selected-container-color:= transparent; --gm3-list-list-item-control-selected-hover-state-layer-opaci= ty: 0; --gm3-list-list-item-fallback-selection-end-margin: 0; padding-inlin= e-start: 24px; } .appsElementsUdpConsentDialogFeatureSectionGroup { padding-inline-end: 24px= ; } .appsElementsUdpConsentDialogFeatureIcon::before { position: absolute; box-= sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border:= 1px solid transparent; border-radius: inherit; content: ""; pointer-events= : none; } @media screen and (forced-colors: active) { .appsElementsUdpConsentDialogFeatureIcon::before { border-color: canvaste= xt; } } .appsElementsUdpConsentDialogFeatureIcon { color: var(--gm3-sys-color-on-pr= imary-container,#0842a0); background-color: var(--gm3-sys-color-primary-con= tainer,#d3e3fd); display: flex; height: 20px; width: 20px; padding: 6px; ju= stify-content: center; align-items: center; border-radius: 8px; } .appsElementsUdpConsentDialogFeatureLabelContainer { width: auto; } .appsElementsUdpConsentDialogFeatureLabel { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacin= g: 0.00625rem; line-height: 1rem; } .appsElementsUdpConsentDialogButtonContainer { display: flex; flex-directio= n: row; justify-content: center; align-items: flex-end; gap: 8px; } .appsElementsUdpConsentDialogPageCounter { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.25rem; } .appsElementsUdpConsentDialogSnackbar.appsElementsUdpConsentDialogSnackbar = { --gm3-snackbar-supporting-text-font: "Google Sans"; --gm3-snackbar-action= -label-text-font: "Google Sans"; --gm3-snackbar-z-index: 9999; margin-botto= m: 24px; margin-left: 24px; } .appsElementsUdpConsentDialogBackButton { margin-inline-start: -8px; } .appsElementsUdpConsentDialogFeatureIconDividerSection { display: flex; wid= th: 100%; flex-direction: column; } .appsElementsUdpConsentDialogFeatureIconDivider { width: 100%; height: 1px;= background-color: var(--gm3-sys-color-surface-variant,#e1e3e1); gap: 12px;= } .appsElementsUdpConsentDialogFeatureIconDividerIconLabel { padding-top: 10p= x; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75re= m; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; } .docsCommonWiz { --eNKeTe: var(--gm3-sys-color-surface-bright,#fff); --xwct= 5b: 1003; --gm3-select-shared-menu-container-color: var(--gm3-sys-color-sur= face-bright,#fff); --gm3-list-list-item-label-text-font: "Google Sans"; --g= m3-menu-list-item-label-text-font: "Google Sans Flex","Google Sans",Roboto,= Arial,sans-serif; --gm3-slider-value-indicator-label-label-text-font: "Goog= le Sans"; --gm3-autocomplete-outlined-text-field-input-text-font: "Google S= ans"; --gm3-autocomplete-outlined-text-field-label-text-font: "Google Sans"= ; --gm3-autocomplete-outlined-text-field-supporting-text-font: "Google Sans= "; --gm3-autocomplete-outlined-menu-list-item-label-text-font: "Google Sans= "; --gm3-navigation-drawer-content-label-text-font: "Google Sans"; --ae-sid= e-sheet-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --= ae-side-sheet-outline-width: 0px; --gm3-dropdown-button-outlined-hover-outl= ine-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-o= utlined-hover-state-layer-opacity: 0; --gm3-dropdown-button-outlined-presse= d-outline-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-dropdown-butto= n-outlined-pressed-state-layer-opacity: 0; } .appsDocsUiWizBannerFullBleed { --leFxrb: var(--ae-banner-container-color,v= ar(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae-banner-t= ext-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHWRyc: var(-= -ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --B= yDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#4= 44746)); --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-= text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-but= ton-standard-unselected-hover-icon-color: var(--ae-banner-text-color,var(--= gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unse= lected-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-= surface-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-ic= on-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --gm3-icon-button-standard-unselected-hover-state-layer-color: = var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746))= ; --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae= -banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-= button-text-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-co= lor-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: var(--ae-b= anner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text= -focus-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-p= rimary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(--ae-bann= er-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-ho= ver-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-c= ontainer-color: var(--ae-banner-button-filled-container-color,var(--gm3-sys= -color-primary,#0b57d0)); --gm3-button-filled-label-text-color: var(--ae-ba= nner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-= button-filled-hover-label-text-color: var(--ae-banner-button-filled-text-co= lor,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-focus-label-= text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on= -primary,#fff)); --gm3-button-filled-pressed-label-text-color: var(--ae-ban= ner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-b= utton-filled-hover-state-layer-color: var(--ae-banner-button-filled-text-co= lor,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-stat= e-layer-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color= -on-primary,#fff)); } .appsDocsUiWizBannerFullBleed:link { color: var(--ae-banner-text-link-color= ,var(--gm3-sys-color-primary,#0b57d0)); text-decoration: underline; } .appsDocsUiWizBannerFullBleed { --J7MsX: "Google Sans"; --FAs3wc: "Google S= ans"; } .appsDocsUiWizBannerBannerContainerEl:not(:last-child) .appsDocsUiWizBanner= FullBleed { margin-bottom: 2px; } .appsDocsUiWizBannerLink { color: var(--ae-banner-text-link-color); cursor:= pointer; text-decoration: underline; } .appsDocsUiWizBannerDisabled { opacity: 0.38; pointer-events: none; text-de= coration: none; } .appsDocsUiWizBannerInset { --leFxrb: var(--ae-banner-container-color,var(-= -gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae-banner-text-= color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHWRyc: var(--ae-= banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --ByDq6= e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text= -color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-= standard-unselected-hover-icon-color: var(--ae-banner-text-color,var(--gm3-= sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselect= ed-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surf= ace-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-icon-c= olor: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); --gm3-icon-button-standard-unselected-hover-state-layer-color: var(= --ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-ban= ner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-butt= on-text-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-hover-label-text-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-foc= us-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-prima= ry,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(--ae-banner-a= ction-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-= state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary= ,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(--ae-banner-ac= tion-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-conta= iner-color: var(--ae-banner-button-filled-container-color,var(--gm3-sys-col= or-primary,#0b57d0)); --gm3-button-filled-label-text-color: var(--ae-banner= -button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-butt= on-filled-hover-label-text-color: var(--ae-banner-button-filled-text-color,= var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-focus-label-text= -color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-pri= mary,#fff)); --gm3-button-filled-pressed-label-text-color: var(--ae-banner-= button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-butto= n-filled-hover-state-layer-color: var(--ae-banner-button-filled-text-color,= var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-state-la= yer-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-= primary,#fff)); } .appsDocsUiWizBannerInset:link { color: var(--ae-banner-text-link-color,var= (--gm3-sys-color-primary,#0b57d0)); text-decoration: underline; } .appsDocsUiWizBannerInset { --WsPOW: 16px; --J7MsX: "Google Sans"; --FAs3wc= : "Google Sans"; } .appsDocsUiWizBannerInsetContainer { margin: 8px 16px; } .appsDocsUiWizBannerPrimary { --ae-banner-action-color: var(--gm3-sys-color= -on-primary-container,#0842a0); --ae-banner-button-filled-container-color: = var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-text-color:= var(--gm3-sys-color-on-primary,#fff); --ae-banner-container-color: var(--g= m3-sys-color-primary-container,#d3e3fd); --ae-banner-text-color: var(--gm3-= sys-color-on-primary-container,#0842a0); --ae-banner-text-link-color: var(-= -gm3-sys-color-on-primary-container,#0842a0); } .appsDocsUiWizBannerWarning { --ae-banner-action-color: var(--ws-sys-color-= extended-on-yellow-tonal,#6d3a01); --ae-banner-button-filled-container-colo= r: var(--ws-sys-color-extended-yellow-fill,#fcbd00); --ae-banner-button-fil= led-text-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); --ae-b= anner-container-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); -= -ae-banner-text-color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01)= ; --ae-banner-text-link-color: var(--ws-sys-color-extended-on-yellow-tonal,= #6d3a01); } .appsDocsUiWizBannerError { --ae-banner-action-color: var(--gm3-sys-color-o= n-error-container,#8c1d18); --ae-banner-button-filled-container-color: var(= --gm3-sys-color-error,#b3261e); --ae-banner-button-filled-text-color: var(-= -gm3-sys-color-on-error,#fff); --ae-banner-container-color: var(--gm3-sys-c= olor-error-container,#f9dedc); --ae-banner-text-color: var(--gm3-sys-color-= on-error-container,#8c1d18); --ae-banner-text-link-color: var(--gm3-sys-col= or-on-error-container,#8c1d18); } .appsElementsBannerHidden { display: none; } .appsElementsBannerBannerContent { display: flex; flex-wrap: wrap; } .appsElementsBannerTitle { font-weight: 700; padding-right: 4px; } .appsElementsBannerText { padding-right: 18px; white-space: normal; } .appsDocsUiWizDateTimedetailsTimeSelect { --gm3-text-field-outlined-contain= er-height: 40px; --gm3-text-field-outlined-input-text-size: 1rem; --gm3-tex= t-field-outlined-input-text-tracking: 0rem; --gm3-text-field-outlined-input= -text-weight: 400; --gm3-text-field-outlined-input-text-color: var(--gm3-sy= s-color-on-surface-variant,#444746); width: 140px; } .appsDocsUiWizDateTimedetailsComboBoxWrapper { display: contents; } .appsDocsUiWizDateTimedetailsClockIcon { fill: currentcolor; width: 24px; } .appsDocsUiWizDateTimedetailsTimeZoneButton { text-wrap: nowrap; } .appsDocsUiWizDateTimedetailsClockIcon, .appsDocsUiWizDateTimedetailsTimeSe= lect, .appsDocsUiWizDateTimedetailsTimeZoneButton { flex: 0 0 auto; } .appsDocsUiWizDateTimedetailsTimeDetails { align-items: center; display: fl= ex; flex-direction: row; gap: 12px; } .docsUiWizDateDateDetailsViewCard { --gm3-card-elevated-container-color: va= r(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-shape-start-= start: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-car= d-elevated-container-shape-end-end: 12px; --gm3-card-elevated-container-sha= pe-end-start: 12px; color: var(--gm3-sys-color-on-surface-variant,#444746);= padding: 0px; } .docsUiWizDateDateDetailsViewDateSelect { width: 200px; } .docsUiWizDateDateDetailsViewIconButtons { --gm3-icon-button-standard-touch= -target-size: 36px; align-items: center; display: flex; gap: 4px; } .docsUiWizDateDateDetailsViewDateDetailsWrapper { display: flex; flex-direc= tion: column; gap: 12px; padding: 24px 16px 8px; } .docsUiWizDateDateDetailsViewDateDetails { align-items: center; display: fl= ex; flex-direction: row; gap: 12px; --md-outlined-text-field-container-heig= ht: 40px; } .docsUiWizDateDateDetailsViewTimeCheckbox { --gm3-checkbox-container-size: = 16px; --gm3-checkbox-state-layer-size: 28px; --gm3-checkbox-touch-target-si= ze: 0px; --gm3-checkbox-control-label-space: 0; --gm3-checkbox-label-text-s= ize: 0.75rem; --gm3-checkbox-label-text-weight: 400; text-wrap: nowrap; } .docsUiWizDateDateDetailsViewRelativeDate { color: var(--gm3-sys-color-on-s= urface-variant,#444746); font: 400 0.75rem / 1rem "Google Sans"; padding-in= line-start: 36px; } .docsUiWizDateDateDetailsViewCalendarIcon { fill: currentcolor; width: 24px= ; } .docsUiWizDateDateDetailsViewCalendarIcon, .docsUiWizDateDateDetailsViewTim= eCheckbox { margin-bottom: 20px; } .docsUiWizDateDateDetailsViewHintText { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0= .00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-primary-contain= er,#0842a0); } .docsUiWizDateDateDetailsViewHintButton { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.25rem; --gm3-button-outlined-outline-color: var(--gm3= -sys-color-on-primary-container,#0842a0); --gm3-button-outlined-label-text-= color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-button-outl= ined-hover-label-text-color: var(--gm3-sys-color-on-primary-container,#0842= a0); --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-p= rimary-container,#0842a0); --gm3-button-outlined-pressed-label-text-color: = var(--gm3-sys-color-on-primary-container,#0842a0); text-wrap: nowrap; } .docsUiWizDateDateDetailsViewDateDetailsHint { align-items: center; display= : flex; flex-direction: row; gap: 8px; justify-content: space-between; back= ground-color: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius= : 0px 0px 12px 12px; padding: 8px 16px; } .docsUiWizDateDateDetailsViewActionButtons { display: flex; flex-direction:= row; gap: 12px; justify-content: space-between; } .docsUiWizDatepickerSurfaceCard { --gm3-card-elevated-container-color: var(= --gm3-sys-color-surface,#fff); --gm3-card-elevated-container-shape-start-st= art: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-card-= elevated-container-shape-end-end: 12px; --gm3-card-elevated-container-shape= -end-start: 12px; color: var(--gm3-sys-color-on-surface-variant,#444746); p= adding: 0px; } .docsUiWizDatepickerSurfaceDatepickerInlineCalendarContainer { --gm3-datepi= cker-date-container-height: 40px; --gm3-datepicker-date-label-text-size: 12= px; --gm3-datepicker-date-label-text-weight: 400; --gm3-datepicker-date-uns= elected-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-datepicker-header-height: 56px; --gm3-datepicker-header-label-text-si= ze: 14px; --gm3-datepicker-header-label-text-weight: 500; --gm3-datepicker-= weekdays-label-text-size: 12px; --gm3-datepicker-weekdays-label-text-weight= : 400; --gm3-icon-button-standard-container-width: 32px; --gm3-icon-button-= standard-container-height: 32px; --gm3-icon-button-standard-icon-size: 20px= ; font-family: "Google Sans"; padding: 0px 16px; } .docsUiWizDatepickerSurfaceTodayButtonContainer { padding: 0px 16px; displa= y: flex; justify-content: flex-start; } .docsUiWizDatepickerSurfaceTimeDetailsContainer { padding: 12px 16px 0px; } .docsUiWizDatepickerSurfaceOkButtonContainer { display: flex; justify-conte= nt: flex-end; padding: 16px; } .textPromptDialogDialog { --Tlqqfc: 362px; } .textPromptDialogTextInput { padding-top: 10px; width: 100%; } .docsChromeExtensionInstallDialogNote { padding: 10px 0px 0px; } .shortcutsDialogTemplateShortcutsContainer { padding: 15px 0px; } .shortcutsDialogTemplateShortcut { display: inline-block; position: relativ= e; } .shortcutsDialogTemplatePadding { padding-right: 40px; } .shortcutsDialogTemplateMacPadding { padding-right: 95px; } .shortcutsDialogTemplateShortcutCommand { font-size: 2.25rem; font-weight: = 700; line-height: 1; padding-bottom: 5px; } .docsPromoDialogPromoDialogLogo { border-radius: 28px 28px 0px 0px; height:= 100%; width: 100%; } .docsPromoDialogDialog { --Tlqqfc: 320px; --d3K6sb: 100%; --OVc2Ab: 100%; } .editEmbeddedGridRangeSourceDialogContentInvalidRangeMessage { color: var(-= -gm3-sys-color-error,#b3261e); } .editEmbeddedGridRangeSourceDialogContentInvalidRangeWithRadio { left: 50px= ; position: relative; } .editEmbeddedGridRangeSourceDialogContentIcon.docs-icon { height: 20px; wid= th: 20px; margin: 0px; } .editEmbeddedGridRangeSourceDialogContentSectionHeader { font-size: 1rem; f= ont-weight: 500; line-height: 1.5rem; } .editEmbeddedGridRangeSourceDialogContentSpreadsheetTitle { font-size: 0.87= 5rem; font-weight: 400; line-height: 1.25rem; padding-left: 8px; } .editEmbeddedGridRangeSourceDialogContentLinkedSpreadsheetHeader { display:= flex; align-items: center; width: 100%; } .editEmbeddedGridRangeSourceDialogContentTextElements { display: flex; alig= n-items: center; width: 100%; justify-content: space-between; } .editEmbeddedGridRangeSourceDialogContentCustomRange { align-items: center;= display: flex; padding-top: 5px; } .embeddedContentPasteDialogMessage { color: var(--gm3-sys-color-on-surface-= variant,#444746); font-weight: 400; font-size: 12px; line-height: 1rem; pad= ding: 0px 0px 16px 56px; } .embeddedContentPasteDialogLearnMore { margin: auto; } .embeddedContentPasteDialogImagePreview { max-height: 100%; max-width: 100%= ; } .embeddedContentPasteDialogImageContainer { text-align: center; vertical-al= ign: middle; } .embeddedContentPasteDialogPreviewImageContainer { height: 198px; position:= relative; width: 352px; margin: auto; } .embeddedContentPasteDialogZoomImageContainer { position: relative; } .embeddedContentPasteDialogSlideCount, .embeddedContentPasteDialogZoomSlide= Count { display: flex; } .embeddedContentPasteDialogSlideCount { width: 352px; margin: auto; padding= -top: 8px; } .embeddedContentPasteDialogSlideCountText { display: flex; margin: auto; } .embeddedContentPasteDialogZoomSlideCountText { display: table-cell; width:= 15%; } .embeddedContentPasteDialogZoomButton { background-color: var(--gm3-sys-col= or-surface,#fff); position: absolute; right: 8px; top: 8px; } .embeddedContentPasteDialogZoomButton .docs-icon-img { color: var(--gm3-sys= -color-on-surface-variant,#444746); } .embeddedContentPasteDialogSlideCount .docs-icon-img, .embeddedContentPaste= DialogZoomSlideCount .docs-icon-img { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); } .embeddedContentPasteDialogZoomedContent { width: 100%; } .embeddedContentPasteDialogZoomedOutContent { padding-top: 2px; } @media (max-width: 650px) { .embeddedContentPasteDialogDialogContainer { --Tlqqfc: 100vw; } } @media (min-width: 650px) { .embeddedContentPasteDialogDialogContainer { --Tlqqfc: 650px; } } .embeddedContentPasteDialogContentContainer { max-width: 500px; } .embeddedContentPasteDialogRadioButtonContainer { width: 352px; } .appsDocsUiWizFindandreplacedialogCard { --gm3-card-elevated-container-colo= r: var(--gm3-sys-color-surface-bright,#fff); --gm3-card-elevated-container-= shape-start-start: 28px; --gm3-card-elevated-container-shape-start-end: 28p= x; --gm3-card-elevated-container-shape-end-end: 28px; --gm3-card-elevated-c= ontainer-shape-end-start: 28px; } .appsDocsUiWizFindandreplacedialogContainer { --gm3-select-shared-text-fiel= d-container-height: 40px; --gm3-select-shared-text-field-input-text-size: 1= 6px; --gm3-text-field-outlined-container-height: 40px; --gm3-button-filled-= container-height: 40px; --gm3-button-outlined-container-height: 40px; --gm3= -button-text-container-height: 40px; --gm3-button-filled-tonal-container-he= ight: 40px; } .appsDocsUiWizFindandreplacedialogContainer .appsElementsSpinButtonNumerica= lInputContainer { --gm3-text-field-outlined-container-height: 40px; --gm3-t= ext-field-outlined-input-text-line-height: var(--ae-spin-button-input-text-= line-height,1.25rem); --gm3-text-field-outlined-input-text-size: var(--ae-s= pin-button-input-text-size,0.875rem); --gm3-text-field-outlined-input-text-= tracking: var(--ae-spin-button-input-text-tracking,0rem); --gm3-text-field-= outlined-input-text-weight: var(--ae-spin-button-input-text-weight,400); } .appsDocsUiWizFindandreplacedialogContainer .appsElementsSpinButtonHorizont= alButton { --gm3-icon-button-standard-container-height: 24px; --gm3-icon-bu= tton-standard-container-width: 24px; --gm3-icon-button-standard-icon-size: = 18px; } .appsDocsUiWizFindandreplacedialogContainer .appsElementsSpinButtonVertical= Button { --gm3-icon-button-standard-container-height: 20px; --gm3-icon-butt= on-standard-container-width: 20px; --gm3-icon-button-standard-icon-size: 20= px; --gm3-icon-button-standard-touch-target-size: 20px; } .appsDocsUiWizFindandreplacedialogContainer .appsElementsSpinButtonVertical= ButtonsContainer { gap: 0px; } .appsDocsUiWizFindandreplacedialogContainer { --gm3-checkbox-container-size= : 18px; --gm3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-= size: 0px; --gm3-checkbox-label-text-size: 0.875rem; --gm3-radio-state-laye= r-size: 36px; --gm3-radio-label-text-size: 0.875rem; --gm3-tabs-primary-con= tainer-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-tabs-primary-= focus-indicator-active-offset-bottom: -4px; --gm3-button-outlined-focus-ind= icator-outline-offset: -3px; --gm3-button-text-focus-indicator-outline-offs= et: -3px; --gm3-button-filled-tonal-focus-indicator-outline-offset: -3px; -= -gm3-checkbox-focus-indicator-outline-offset: -3px; --gm3-radio-focus-ring-= offset: -3px; --gm3-switch-focus-indicator-offset: -3px; --gm3-card-outline= d-focus-indicator-outline-offset: -3px; --gm3-card-filled-focus-indicator-o= utline-offset: -3px; --gm3-icon-button-standard-focus-indicator-outline-off= set: -3px; --gm3-icon-button-filled-focus-indicator-outline-offset: -3px; -= -gm3-dropdown-button-outlined-focus-indicator-outline-offset: -3px; --hK0TO= b: -3px; --FvCLB: -3px; } .appsDocsUiWizFindandreplacedialogContainer a { color: var(--gm3-sys-color-= primary,#0b57d0); text-decoration: underline; } .appsDocsUiWizFindandreplacedialogContainer a:focus, .appsDocsUiWizFindandr= eplacedialogContainer a:hover { color: color-mix(in srgb,var(--gm3-sys-colo= r-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .appsDocsUiWizFindandreplacedialogContainer a:visited { color: var(--ws-sys= -color-extended-purple-fill,#7438d2); } .appsDocsUiWizFindandreplacedialogContainer a:visited:focus, .appsDocsUiWiz= FindandreplacedialogContainer a:visited:hover { color: color-mix(in srgb,va= r(--ws-sys-color-extended-on-purple-fill,#fff) 10%,var(--ws-sys-color-exten= ded-purple-fill,#7438d2)); } .appsDocsUiWizFindandreplacedialogContainer { min-width: 280px; max-width: = 396px; } .appsDocsUiWizFindandreplacedialogTitleBarContent { display: flex; justify-= content: space-between; padding-bottom: 8px; } .appsDocsUiWizFindandreplacedialogTitle { font-family: "Google Sans", Robot= o, Arial, sans-serif; letter-spacing: 0px; line-height: 1.5rem; font-size: = 1.5rem; font-weight: 400; margin-block: 0px; padding: 24px 0px 16px 24px; } .appsDocsUiWizFindandreplacedialogCloseButtonContainer { align-self: center= ; margin-right: 18px; position: relative; top: 4px; --gm3-icon-button-stand= ard-icon-size: 24px; } .appsDocsUiWizFindandreplacedialogBody { padding: 0px 24px 20px; } .appsDocsUiWizFindandreplacedialogInputsContainer { display: flex; flex-dir= ection: column; gap: 24px; } .appsDocsUiWizFindandreplacedialogFindScopeContainer { padding-top: 16px; } .appsDocsUiWizFindandreplacedialogHidden { display: none; } .appsDocsUiWizFindandreplacedialogCheckboxesContainer { display: flex; flex= -direction: column; padding-top: 16px; } .appsDocsUiWizFindandreplacedialogButtonsContainer { display: flex; flex-wr= ap: wrap; justify-content: space-between; margin-right: 24px; margin-left: = 24px; padding-bottom: 20px; } .appsDocsUiWizFindandreplacedialogCheckboxLabel { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.25rem; overflow-wrap: normal; } .appsDocsUiWizFindandreplacedialogCheckbox { margin: 4px; } .appsDocsUiWizFindandreplacedialogCheckboxAndLabel { display: flex; gap: 8p= x; } .appsDocsUiWizFindandreplacedialogFindInputCounter { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-= spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface-va= riant,#444746); max-width: 120px; overflow: hidden; padding: 0px 12px; text= -align: right; text-wrap-mode: nowrap; } .appsDocsUiWizFindbarCard { --gm3-card-elevated-container-color: var(--gm3-= sys-color-surface-bright,#fff); --gm3-card-elevated-container-shape-start-s= tart: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm3-card= -elevated-container-shape-end-end: 12px; --gm3-card-elevated-container-shap= e-end-start: 12px; } .appsDocsUiWizFindbarButtonsContainer { display: flex; gap: 8px; padding: 4= px 4px 4px 12px; --gm3-icon-button-standard-container-width: 32px; --gm3-ic= on-button-standard-container-height: 32px; --gm3-icon-button-standard-icon-= size: 20px; --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); vertical-align: top; } .appsDocsUiWizFindbarFindInputContainer { display: flex; --gm3-text-field-o= utlined-container-height: 40px; width: 208px; } .appsDocsUiWizFindbarFindBarContainer { display: flex; padding: 16px; } .appsDocsUiWizFindbarFindInputCounter { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.5rem; color: var(--gm3-sys-color-on-surface-variant,#444746= ); max-width: 120px; overflow: hidden; padding: 0px 12px; text-align: right= ; text-wrap-mode: nowrap; } .appsElementsGm3WizSnackbar-snackbar { display: none; align-items: center; = justify-content: center; box-sizing: border-box; z-index: var(--gm3-snackba= r-z-index,8); margin: 8px; pointer-events: none; -webkit-tap-highlight-colo= r: rgba(0, 0, 0, 0); } .appsElementsGm3WizSnackbar-snackbar--leading { justify-content: flex-start= ; } .appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-s= nackbar__surface { flex-direction: column; align-items: flex-start; } .appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-s= nackbar__label { padding-bottom: 8px; padding-inline: 16px 8px; } .appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-s= nackbar__actions { align-self: flex-end; margin-bottom: 4px; } .appsElementsGm3WizSnackbar-snackbar--closing, .appsElementsGm3WizSnackbar-= snackbar--open, .appsElementsGm3WizSnackbar-snackbar--opening { display: fl= ex; } .appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3WizSnackbar-snac= kbar__actions, .appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3W= izSnackbar-snackbar__label { visibility: visible; } .appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3WizSnackbar-snac= kbar__surface { transform: scale(1); opacity: 1; pointer-events: auto; tran= sition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bez= ier(0, 0, 0.2, 1); } .appsElementsGm3WizSnackbar-snackbar--closing .appsElementsGm3WizSnackbar-s= nackbar__surface { transform: scale(1); transition: opacity 75ms cubic-bezi= er(0.4, 0, 1, 1); } .appsElementsGm3WizSnackbar-snackbar__surface { background-color: var(--gm3= -snackbar-container-color,var(--gm3-sys-color-inverse-surface,#303030)); mi= n-width: 344px; max-width: 672px; padding-inline: 0px 8px; display: flex; a= lign-items: center; justify-content: flex-start; box-sizing: border-box; tr= ansform: scale(0.8); opacity: 0; border-start-start-radius: var(--gm3-snack= bar-container-shape-start-start,4px); border-start-end-radius: var(--gm3-sn= ackbar-container-shape-start-end,4px); border-end-end-radius: var(--gm3-sna= ckbar-container-shape-end-end,4px); border-end-start-radius: var(--gm3-snac= kbar-container-shape-end-start,4px); --yXuigc: var(--gm3-snackbar-container= -elevation,3); --Fe5l0b: var(--gm3-snackbar-container-shadow-color,var(--gm= 3-sys-color-shadow,#000)); } @media (max-width: 344px), (max-width: 480px) { .appsElementsGm3WizSnackbar-snackbar__surface { min-width: 100%; } } .appsElementsGm3WizSnackbar-snackbar__surface::before { position: absolute;= box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bo= rder: 1px solid transparent; border-radius: inherit; content: ""; pointer-e= vents: none; } .appsElementsGm3WizSnackbar-snackbar__label { color: var(--gm3-snackbar-sup= porting-text-color,var(--gm3-sys-color-inverse-on-surface,#f2f2f2)); letter= -spacing: var(--gm3-snackbar-supporting-text-tracking,0); font-size: var(--= gm3-snackbar-supporting-text-size,.875rem); font-family: var(--gm3-snackbar= -supporting-text-font,"Google Sans Text"); font-weight: var(--gm3-snackbar-= supporting-text-weight,400); line-height: var(--gm3-snackbar-supporting-tex= t-line-height,1.25rem); padding-top: 14px; padding-bottom: 14px; padding-in= line: 16px 8px; margin: 0px; width: 100%; flex-grow: 1; box-sizing: border-= box; visibility: hidden; } .appsElementsGm3WizSnackbar-snackbar__label a { color: var(--gm3-snackbar-a= ction-label-text-color,var(--gm3-sys-color-inverse-primary,#a8c7fa)); } .appsElementsGm3WizSnackbar-snackbar__actions { display: flex; flex-shrink:= 0; align-items: center; box-sizing: border-box; visibility: hidden; } .appsElementsGm3WizSnackbar-snackbar__action + .appsElementsGm3WizSnackbar-= snackbar__dismiss { margin-inline: 8px 0px; } .appsElementsGm3WizSnackbar-snackbar__action { --gm3-button-text-focus-labe= l-text-color: var(--gm3-snackbar-action-focus-label-text-color,var(--gm3-sy= s-color-inverse-primary,#a8c7fa)); --gm3-button-text-hover-label-text-color= : var(--gm3-snackbar-action-hover-label-text-color,var(--gm3-sys-color-inve= rse-primary,#a8c7fa)); --gm3-button-text-hover-state-layer-color: var(--gm3= -snackbar-action-hover-state-layer-color,var(--gm3-sys-color-inverse-primar= y,#a8c7fa)); --gm3-button-text-hover-state-layer-opacity: var(--gm3-snackba= r-action-hover-state-layer-opacity,0.08); --gm3-button-text-label-text-colo= r: var(--gm3-snackbar-action-label-text-color,var(--gm3-sys-color-inverse-p= rimary,#a8c7fa)); --gm3-button-text-label-text-font: var(--gm3-snackbar-act= ion-label-text-font,"Google Sans Text"); --gm3-button-text-label-text-size:= var(--gm3-snackbar-action-label-text-size,0.875rem); --gm3-button-text-lab= el-text-tracking: var(--gm3-snackbar-action-label-text-tracking,0rem); --gm= 3-button-text-label-text-weight: var(--gm3-snackbar-action-label-text-weigh= t,500); --gm3-button-text-pressed-label-text-color: var(--gm3-snackbar-acti= on-pressed-label-text-color,var(--gm3-sys-color-inverse-primary,#a8c7fa)); = --gm3-button-text-pressed-state-layer-color: var(--gm3-snackbar-action-hove= r-state-layer-color,var(--gm3-sys-color-inverse-primary,#a8c7fa)); --gm3-bu= tton-text-pressed-state-layer-opacity: var(--gm3-snackbar-action-pressed-st= ate-layer-opacity,0.1); } .appsElementsGm3WizSnackbar-snackbar__dismiss { --gm3-icon-button-standard-= icon-size: var(--gm3-snackbar-icon-size,24px); --gm3-icon-button-standard-u= nselected-icon-color: var(--gm3-snackbar-icon-color,var(--gm3-sys-color-inv= erse-on-surface,#f2f2f2)); --gm3-icon-button-standard-unselected-hover-icon= -color: var(--gm3-snackbar-icon-hover-icon-color,var(--gm3-sys-color-invers= e-on-surface,#f2f2f2)); --gm3-icon-button-standard-unselected-hover-state-l= ayer-color: var(--gm3-snackbar-icon-hover-state-layer-color,var(--gm3-sys-c= olor-inverse-on-surface,#f2f2f2)); --gm3-icon-button-standard-unselected-ho= ver-state-layer-opacity: var(--gm3-snackbar-icon-hover-state-layer-opacity,= 0.08); --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sn= ackbar-icon-focus-icon-color,var(--gm3-sys-color-inverse-on-surface,#f2f2f2= )); --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sna= ckbar-icon-pressed-icon-color,var(--gm3-sys-color-inverse-on-surface,#f2f2f= 2)); --gm3-icon-button-standard-unselected-pressed-state-layer-opacity: var= (--gm3-snackbar-icon-pressed-state-layer-opacity,0.1); --gm3-icon-button-st= andard-container-height: 36px; --gm3-icon-button-standard-container-width: = 36px; } .appsDocsUiWizSnackbarBase { --gm3-snackbar-z-index: 1004; --gm3-snackbar-a= ction-label-text-font: "Google Sans"; --gm3-snackbar-supporting-text-font: = "Google Sans"; } .appsDocsUiWizSnackbarCustomActionButtonsButtons { display: flex; flex-dire= ction: row; --gm3-icon-button-standard-container-width: 36px; --gm3-icon-bu= tton-standard-container-height: 36px; --gm3-icon-button-standard-icon-size:= 24px; --gm3-icon-button-standard-unselected-hover-state-layer-color: var(-= -gm3-sys-color-inverse-on-surface,#f2f2f2); } .appsDocsUiWizStaticBannerInfoBanner::before { position: absolute; box-sizi= ng: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px= solid transparent; border-radius: inherit; content: ""; pointer-events: no= ne; } @media screen and (forced-colors: active) { .appsDocsUiWizStaticBannerInfoBanner::before { border-color: canvastext; = } } .appsDocsUiWizStaticBannerInfoBanner { align-items: center; display: flex; = inline-size: stretch; overflow: hidden; padding: 6px 4px; position: relativ= e; background-color: var(--gm3-sys-color-primary-container,#d3e3fd); color:= var(--gm3-sys-color-on-primary-container,#0842a0); } .appsDocsUiWizStaticBannerWarningBanner::before { position: absolute; box-s= izing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: = 1px solid transparent; border-radius: inherit; content: ""; pointer-events:= none; } @media screen and (forced-colors: active) { .appsDocsUiWizStaticBannerWarningBanner::before { border-color: canvastex= t; } } .appsDocsUiWizStaticBannerWarningBanner { align-items: center; display: fle= x; inline-size: stretch; overflow: hidden; padding: 6px 4px; position: rela= tive; background-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); = color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); } .appsDocsUiWizStaticBannerTitle { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; l= ine-height: 1.25rem; flex-grow: 1; padding: 12px 0px; text-wrap: pretty; } .appsDocsUiWizStaticBannerPrimaryIcon, .appsDocsUiWizStaticBannerWarningIco= n { display: flex; fill: currentcolor; margin: 12px; } .appsDocsUiWizStaticBannerActions { align-items: center; display: flex; fle= x-shrink: 0; gap: 8px; padding: 0px 12px; } .appsDocsUiWizStaticBannerActionButton { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing:= 0px; line-height: 1.25rem; border-radius: 9999px; color: inherit; padding:= 10px 12px; text-decoration: none; } .appsDocsUiWizStaticBannerActionButton:focus-visible { outline: 3px solid v= ar(--gm3-sys-color-secondary,#00639b); outline-offset: 2px; } .thumbNailControlUnchecked { display: inline-block; border: 1px solid var(-= -gm3-sys-color-outline,#747775); } .thumbNailControlChecked { border: 5px solid var(--gm3-sys-color-primary,#0= b57d0); } .thumbNailControlThumbnailContent { border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; --gm3-card-outlined-cont= ainer-shape-start-start: 0px; --gm3-card-outlined-container-shape-start-end= : 0px; --gm3-card-outlined-container-shape-end-end: 0px; --gm3-card-outline= d-container-shape-end-start: 0px; } .appsDocsVoiceWizCalloutContentStylesLearnMoreLink { color: var(--gm3-sys-c= olor-primary,#0b57d0); text-decoration: none; } .appsDocsVoiceWizCalloutContentStylesBody { width: 150px; } .appsDocsVoiceWizMicrophonePaletteRecordingStateMicControl { box-shadow: 0 = 0 0 12px color-mix(in sRGB,var(--gm3-sys-color-secondary-container,#c2e7ff)= 38%,transparent); transition: box-shadow 1s cubic-bezier(0.4, 0, 0.2, 1); = } .appsDocsVoiceWizMicrophonePaletteBody { --gm3-icon-button-filled-tonal-uns= elected-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff); = --gm3-icon-button-filled-tonal-selected-container-color: var(--gm3-sys-colo= r-secondary-container,#c2e7ff); --gm3-icon-button-filled-tonal-container-he= ight: 96px; --gm3-icon-button-filled-tonal-container-width: 96px; align-ite= ms: center; display: flex; height: 104px; justify-content: center; margin: = 20px 0px; } .appsDocsVoiceWizMicrophonePaletteCard { --gm3-card-elevated-container-colo= r: var(--gm3-sys-color-surface,#fff); --gm3-card-elevated-container-shape-s= tart-start: 12px; --gm3-card-elevated-container-shape-start-end: 12px; --gm= 3-card-elevated-container-shape-end-end: 12px; --gm3-card-elevated-containe= r-shape-end-start: 12px; } .appsDocsVoiceWizMicrophonePaletteButtonContainers { --gm3-icon-button-stan= dard-icon-size: 20px; --gm3-icon-button-standard-container-height: 32px; --= gm3-icon-button-standard-container-width: 32px; --gm3-icon-button-standard-= focus-indicator-outline-offset: -2px; align-self: center; position: relativ= e; } .appsDocsVoiceWizMicrophonePaletteContainer { --gm3-select-shared-text-fiel= d-container-height: 40px; --gm3-select-shared-text-field-input-text-size: 1= 6px; --gm3-text-field-outlined-container-height: 40px; --gm3-button-filled-= container-height: 40px; --gm3-button-outlined-container-height: 40px; --gm3= -button-text-container-height: 40px; --gm3-button-filled-tonal-container-he= ight: 40px; } .appsDocsVoiceWizMicrophonePaletteContainer .appsElementsSpinButtonNumerica= lInputContainer { --gm3-text-field-outlined-container-height: 40px; --gm3-t= ext-field-outlined-input-text-line-height: var(--ae-spin-button-input-text-= line-height,1.25rem); --gm3-text-field-outlined-input-text-size: var(--ae-s= pin-button-input-text-size,0.875rem); --gm3-text-field-outlined-input-text-= tracking: var(--ae-spin-button-input-text-tracking,0rem); --gm3-text-field-= outlined-input-text-weight: var(--ae-spin-button-input-text-weight,400); } .appsDocsVoiceWizMicrophonePaletteContainer .appsElementsSpinButtonHorizont= alButton { --gm3-icon-button-standard-container-height: 24px; --gm3-icon-bu= tton-standard-container-width: 24px; --gm3-icon-button-standard-icon-size: = 18px; } .appsDocsVoiceWizMicrophonePaletteContainer .appsElementsSpinButtonVertical= Button { --gm3-icon-button-standard-container-height: 20px; --gm3-icon-butt= on-standard-container-width: 20px; --gm3-icon-button-standard-icon-size: 20= px; --gm3-icon-button-standard-touch-target-size: 20px; } .appsDocsVoiceWizMicrophonePaletteContainer .appsElementsSpinButtonVertical= ButtonsContainer { gap: 0px; } .appsDocsVoiceWizMicrophonePaletteContainer { --gm3-checkbox-container-size= : 18px; --gm3-checkbox-state-layer-size: 36px; --gm3-checkbox-touch-target-= size: 0px; --gm3-checkbox-label-text-size: 0.875rem; --gm3-radio-state-laye= r-size: 36px; --gm3-radio-label-text-size: 0.875rem; --gm3-tabs-primary-con= tainer-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-tabs-primary-= focus-indicator-active-offset-bottom: -4px; --gm3-button-outlined-focus-ind= icator-outline-offset: -3px; --gm3-button-text-focus-indicator-outline-offs= et: -3px; --gm3-button-filled-tonal-focus-indicator-outline-offset: -3px; -= -gm3-checkbox-focus-indicator-outline-offset: -3px; --gm3-radio-focus-ring-= offset: -3px; --gm3-switch-focus-indicator-offset: -3px; --gm3-card-outline= d-focus-indicator-outline-offset: -3px; --gm3-card-filled-focus-indicator-o= utline-offset: -3px; --gm3-icon-button-standard-focus-indicator-outline-off= set: -3px; --gm3-icon-button-filled-focus-indicator-outline-offset: -3px; -= -gm3-dropdown-button-outlined-focus-indicator-outline-offset: -3px; --hK0TO= b: -3px; --FvCLB: -3px; } .appsDocsVoiceWizMicrophonePaletteContainer a { color: var(--gm3-sys-color-= primary,#0b57d0); text-decoration: underline; } .appsDocsVoiceWizMicrophonePaletteContainer a:focus, .appsDocsVoiceWizMicro= phonePaletteContainer a:hover { color: color-mix(in srgb,var(--gm3-sys-colo= r-on-primary,#fff) 8%,var(--gm3-sys-color-primary,#0b57d0)); } .appsDocsVoiceWizMicrophonePaletteContainer a:visited { color: var(--ws-sys= -color-extended-purple-fill,#7438d2); } .appsDocsVoiceWizMicrophonePaletteContainer a:visited:focus, .appsDocsVoice= WizMicrophonePaletteContainer a:visited:hover { color: color-mix(in srgb,va= r(--ws-sys-color-extended-on-purple-fill,#fff) 10%,var(--ws-sys-color-exten= ded-purple-fill,#7438d2)); } .appsDocsVoiceWizMicrophonePaletteContainer { padding: 4px 12px 12px; } .appsDocsVoiceWizMicrophonePaletteDropdown { --gm3-select-shared-text-field= -container-width: 156px; align-items: center; display: flex; justify-conten= t: center; } .appsDocsVoiceWizMicrophonePaletteTitle { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.25rem; align-self: center; color: var(--gm3-sys-color= -on-surface,#1f1f1f); margin-block: 0px; } .appsDocsVoiceWizMicrophonePaletteTitleBarContent { display: flex; gap: 12p= x; justify-content: space-between; margin-right: -4px; } .appsDocsVoiceWizMicrophonePaletteStopIconButton { --gm3-icon-button-filled= -tonal-icon-size: 24px; } .appsDocsVoiceWizMicrophonePaletteMicIconButton { --gm3-icon-button-filled-= tonal-icon-size: 32px; } .appsDocsVoiceWizMicrophonePaletteMicIcon, .appsDocsVoiceWizMicrophonePalet= teStopIcon { color: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsDocsVoiceWizMicrophonePaletteMicIconButton:disabled .appsDocsVoiceWizM= icrophonePaletteMicIcon, .appsDocsVoiceWizMicrophonePaletteStopIconButton:d= isabled .appsDocsVoiceWizMicrophonePaletteStopIcon { color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); opacity: 0.38; } .gsmWizDialogDialog { --rimZob: 10000px; --Tlqqfc: 100%; } .appsElementsBrowserSupportBannerRoot::before { position: absolute; box-siz= ing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1p= x solid transparent; border-radius: inherit; content: ""; pointer-events: n= one; } @media screen and (forced-colors: active) { .appsElementsBrowserSupportBannerRoot::before { border-color: canvastext;= } } .appsElementsBrowserSupportBannerRoot { align-items: center; display: flex;= overflow: hidden; inline-size: stretch; background-color: var(--gm3-sys-co= lor-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); padding:= 4px 16px; column-gap: 16px; position: relative; flex-wrap: wrap; } .appsElementsBrowserSupportBannerTitle { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing:= 0px; line-height: 1.25rem; flex-grow: 1; text-wrap: pretty; } .appsElementsBrowserSupportBannerLearnMoreButton { --gm3-button-filled-cont= ainer-height: 32px; --gm3-button-filled-focus-indicator-color: var(--gm3-sy= s-color-on-primary,#fff); --gm3-button-filled-hover-container-elevation: 0;= --gm3-button-filled-label-text-color: var(--gm3-sys-color-on-primary,#fff)= ; --gm3-button-filled-leading-space: 8px; --gm3-button-filled-trailing-spac= e: 8px; min-inline-size: auto; margin-inline-start: -8px; } .appsElementsBrowserSupportBannerDismissButton { --gm3-icon-button-filled-f= ocus-indicator-color: var(--gm3-sys-color-on-primary,#fff); } .appsElementsBrowserSupportBannerStaticStaticSize { inline-size: 120px; blo= ck-size: 40px; } .appsElementsPasteToChipContent { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; l= ine-height: 1.25rem; border-width: 0px; box-shadow: rgba(60, 64, 67, 0.3) 0= px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 4px 8px 3px; } .appsElementsPasteToChipContent .mdc-elevation-overlay { opacity: 0; } .appsElementsPasteToChipContent { align-items: center; background: var(--gm= 3-sys-color-surface-container-lowest,#fff); block-size: 40px; border-radius= : 8px; color: var(--gm3-sys-color-on-surface-variant,#444746); display: fle= x; gap: 12px; max-inline-size: 275px; padding: 0px 12px; position: absolute= ; z-index: 2101; } .appsElementsPasteToChipContent::before { position: absolute; box-sizing: b= order-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px soli= d transparent; border-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsPasteToChipContent::before { border-color: canvastext; } } .appsElementsPasteToChipTabIcon { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625= rem; line-height: 1rem; background: var(--gm3-sys-color-surface-container-l= ow,#f8fafd); block-size: 14px; border: 1px solid var(--gm3-sys-color-outlin= e-variant,#c4c7c5); border-radius: 4px; direction: ltr; overflow: hidden; m= in-inline-size: 25px; text-align: center; } .appsElementsPasteToChipMessage { max-width: 101px; overflow: hidden; text-= overflow: ellipsis; white-space: nowrap; } .appsElementsPasteToChipContent .appsElementsChipRoot .appsElementsChipImag= e { block-size: 14.67px; } .appsElementsPasteToChipContent .appsElementsChipRoot { block-size: 24px; m= ax-width: 100px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogDialogC= ontent { --VcxYfc: 0; --eNKeTe: var(--gm3-sys-color-surface,#fff); --W1aG0b= : 0; --xkSh4b: 0; --urucif: 0; --Cv3aid: 0; --tukwab: 0; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogRoot { = box-sizing: border-box; display: flex; flex-direction: column; gap: 0px; ou= tline: none; width: 396px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogHeaderB= lock { display: flex; flex-direction: column; gap: 16px; padding: 24px 24px= 16px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogHeader = { align-items: center; display: flex; justify-content: space-between; width= : 100%; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogTitleCo= ntainer { align-items: center; display: flex; gap: 12px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogTitleTe= xt { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1.37= 5rem; font-weight: 400; letter-spacing: 0px; line-height: 1.75rem; color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); margin: 0px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogDescrip= tionText { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size= : 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogLearnMo= reLink { color: var(--gm3-sys-color-primary,#0b57d0); text-decoration: unde= rline; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogLearnMo= reLink:hover { text-decoration: underline; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSearchC= ontainer { box-sizing: border-box; margin-bottom: 16px; padding-inline: 24p= x; width: 100%; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSearchC= ontainerHidden { display: none; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSearchI= conWrapper { align-items: center; color: var(--gm3-sys-color-on-surface-var= iant,#444746); display: flex; margin-inline-end: -2px; padding-inline-start= : 8px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogAvatarC= ustomColor { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5)= ; color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSearchT= extField { --gm3-text-field-outlined-container-shape: 24px; --gm3-text-fiel= d-outlined-focus-indicator-outline-thickness: 2px; --gm3-text-field-outline= d-container-shape-start-start: 24px; --gm3-text-field-outlined-container-sh= ape-start-end: 24px; --gm3-text-field-outlined-container-shape-end-end: 24p= x; --gm3-text-field-outlined-container-shape-end-start: 24px; width: 100%; = } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSearchT= extField [type=3D"text"] { padding-inline-start: 8px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogRecentS= ection { border-bottom: 1px solid var(--gm3-sys-color-outline-variant,#c4c7= c5); box-sizing: border-box; display: flex; flex-direction: column; flex-sh= rink: 0; gap: 0px; height: 259px; margin-bottom: 0px; overflow-y: auto; pad= ding-bottom: 8px; padding-inline: 16px; scrollbar-width: none; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogRecentS= ection::-webkit-scrollbar { display: none; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogRecentS= ectionNoAgenticResources { height: 331px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSection= Header { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: = 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; colo= r: var(--gm3-sys-color-on-surface-variant,#444746); margin-bottom: 16px; ma= rgin-top: 12px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogItemLis= t { padding-block: 0px; width: 100%; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogNoResul= ts { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.87= 5rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; align-it= ems: center; color: var(--gm3-sys-color-on-surface-variant,#444746); displa= y: flex; flex-grow: 1; justify-content: center; text-align: center; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogNoAgent= icResourcesEmptyState { align-items: center; display: flex; flex-direction:= column; flex-grow: 1; gap: 24px; justify-content: center; text-align: cent= er; width: 100%; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogNoAgent= icResourcesArt { block-size: 93px; flex-shrink: 0; inline-size: 110px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogNoAgent= icResourcesContent { align-items: center; display: flex; flex-direction: co= lumn; gap: 4px; width: 100%; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogCreateA= genticResourceButton { --gm3-button-filled-label-text-font: "Google Sans Te= xt"; --gm3-button-filled-label-text-size: 0.875rem; --gm3-button-filled-lab= el-text-tracking: 0rem; --gm3-button-filled-label-text-weight: 500; --gm3-b= utton-filled-with-icon-icon-size: 20px; --gm3-button-filled-with-leading-ic= on-leading-space: 16px; --gm3-button-filled-with-leading-icon-trailing-spac= e: 16px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogNoAgent= icResourcesTitle { font-family: "Google Sans", Roboto, Arial, sans-serif; f= ont-size: 1rem; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-= sys-color-on-surface,#1f1f1f); font-weight: 500; margin: 0px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogSpinner= { height: 48px; width: 48px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogTitleWr= enchIcon { fill: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogLeading= Content { align-items: center; block-size: 40px; display: flex; grid-area: = 1 / 1; inline-size: 40px; justify-content: center; transition: opacity 0.15= s cubic-bezier(0.4, 0, 0.2, 1); } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogCharact= erIcon { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: = 0.875rem; font-weight: 400; letter-spacing: 0px; align-items: center; backg= round-color: var(--gm3-sys-color-surface-variant,#e1e3e1); block-size: 40px= ; border-radius: 9999px; color: var(--gm3-sys-color-on-surface-variant,#444= 746); display: inline-flex; inline-size: 40px; justify-content: center; lin= e-height: 1; text-transform: uppercase; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogCharact= erIconTransparent { background-color: transparent; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogIconFle= xContainer { display: flex; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogResourc= eItem { height: 48px; min-height: 48px; padding-block: 4px; position: relat= ive; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogResourc= eItem [class*=3D"content"] { min-height: 40px; } .appsElementsGenerativeaiAgenticresourcesdialogAgenticResourceDialogCustomA= ctionsContainer { box-sizing: border-box; display: flex; gap: 8px; justify-= content: flex-end; padding: 16px; } .appsElementsCustomMenuItemRoot { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; l= ine-height: 1.25rem; align-items: center; display: flex; flex-grow: 1; gap:= 12px; min-height: 32px; } .appsElementsCustomMenuItemHeaderRoot { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0= .00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant= ,#444746); padding: 0px 12px; } .appsElementsCustomMenuItemHeaderControlsContainer { gap: 12px; width: auto= ; } .appsElementsCustomMenuItemContentContainer { align-items: center; display:= flex; flex: 1 1 0%; gap: 12px; min-width: 0px; } .appsElementsCustomMenuItemLeadingIcon { display: flex; width: 24px; height= : 24px; } .appsElementsCustomMenuItemText { flex: 1 1 0%; max-width: 320px; min-width= : 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .appsElementsCustomMenuItemControlsContainer { align-items: center; display= : flex; height: 24px; justify-content: center; width: 24px; } .appsElementsCustomMenuItemControlStatusIcon.appsElementsCustomMenuItemCont= rolStatusIcon { display: flex; } .appsElementsCustomMenuItemRoot.appsElementsCustomMenuItemInForcedFocus .ap= psElementsCustomMenuItemControlStatusIcon.appsElementsCustomMenuItemControl= StatusIcon, .appsElementsCustomMenuItemRoot:focus-visible .appsElementsCust= omMenuItemControlStatusIcon.appsElementsCustomMenuItemControlStatusIcon, .a= ppsElementsCustomMenuItemRoot:focus-within .appsElementsCustomMenuItemContr= olStatusIcon.appsElementsCustomMenuItemControlStatusIcon, .appsElementsCust= omMenuItemRoot:has(:focus-visible) .appsElementsCustomMenuItemControlStatus= Icon.appsElementsCustomMenuItemControlStatusIcon, .appsElementsCustomMenuIt= emRoot:has(:focus-within) .appsElementsCustomMenuItemControlStatusIcon.apps= ElementsCustomMenuItemControlStatusIcon, .appsElementsCustomMenuItemRoot:ha= s(:hover) .appsElementsCustomMenuItemControlStatusIcon.appsElementsCustomMe= nuItemControlStatusIcon, .appsElementsCustomMenuItemRoot:hover .appsElement= sCustomMenuItemControlStatusIcon.appsElementsCustomMenuItemControlStatusIco= n { display: none; } .appsElementsCustomMenuItemControlIconButton.appsElementsCustomMenuItemCont= rolIconButton { --gm3-icon-button-standard-container-width: 24px; --gm3-ico= n-button-standard-container-height: 24px; --gm3-icon-button-standard-icon-s= ize: unset; display: none; } .appsElementsCustomMenuItemRoot.appsElementsCustomMenuItemInForcedFocus .ap= psElementsCustomMenuItemControlIconButton.appsElementsCustomMenuItemControl= IconButton, .appsElementsCustomMenuItemRoot:focus-visible .appsElementsCust= omMenuItemControlIconButton.appsElementsCustomMenuItemControlIconButton, .a= ppsElementsCustomMenuItemRoot:focus-within .appsElementsCustomMenuItemContr= olIconButton.appsElementsCustomMenuItemControlIconButton, .appsElementsCust= omMenuItemRoot:has(:focus-visible) .appsElementsCustomMenuItemControlIconBu= tton.appsElementsCustomMenuItemControlIconButton, .appsElementsCustomMenuIt= emRoot:has(:focus-within) .appsElementsCustomMenuItemControlIconButton.apps= ElementsCustomMenuItemControlIconButton, .appsElementsCustomMenuItemRoot:ha= s(:hover) .appsElementsCustomMenuItemControlIconButton.appsElementsCustomMe= nuItemControlIconButton, .appsElementsCustomMenuItemRoot:hover .appsElement= sCustomMenuItemControlIconButton.appsElementsCustomMenuItemControlIconButto= n { display: flex; } .appsElementsCustomMenuItemTooltip { z-index: 10001; } .appsElementsGenerativeaiElicitationFormContainer { box-sizing: border-box;= display: flex; flex-direction: column; gap: 12px; inline-size: 100%; margi= n-block-start: 6px; } .appsElementsGenerativeaiElicitationFormHeader { align-items: center; displ= ay: flex; gap: 8px; inline-size: 100%; justify-content: space-between; marg= in-block-end: 4px; } .appsElementsGenerativeaiElicitationFormTitle { font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-s= pacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1= f1f1f); } .appsElementsGenerativeaiElicitationFormCloseButton { --gm3-icon-button-sta= ndard-container-height: 24px; --gm3-icon-button-standard-container-width: 2= 4px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard= -touch-target-size: 20px; align-items: center; display: flex; flex-shrink: = 0; margin-inline-start: auto; } .appsElementsGenerativeaiElicitationFormQuestion { display: flex; flex-dire= ction: column; gap: 6px; inline-size: 100%; } .appsElementsGenerativeaiElicitationFormQuestionTitle { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-su= rface,#1f1f1f); } .appsElementsGenerativeaiElicitationFormOptions { position: relative; } .appsElementsGenerativeaiElicitationFormOptionsList { --gm3-list-container-= shape: 16px; --gm3-list-list-item-container-color: var(--gm3-sys-color-surf= ace-container-low,#f8fafd); --gm3-list-list-item-container-shape: 4px; --gm= 3-list-list-item-control-selected-container-color: var(--gm3-sys-color-seco= ndary-container,#c2e7ff); --gm3-list-list-item-control-selected-focus-label= -text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-lis= t-list-item-control-selected-hover-label-text-color: var(--gm3-sys-color-on= -secondary-container,#004a77); --gm3-list-list-item-control-selected-label-= text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list= -list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3= -list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-item-label= -text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem; --gm3= -list-list-item-label-text-weight: 400; --gm3-list-list-item-leading-space:= 12px; --gm3-list-list-item-one-line-container-height: 36px; --gm3-list-lis= t-item-one-line-padding: 6px; --gm3-list-list-item-trailing-space: 2px; --g= m3-list-list-item-control-selected-container-shape: 4px; --gm3-list-list-it= em-control-selected-label-text-weight: 400; --gm3-list-container-shape-star= t-start: 4px; --gm3-list-container-shape-start-end: 4px; --gm3-list-contain= er-shape-end-end: 4px; --gm3-list-container-shape-end-start: 4px; --gm3-lis= t-list-item-control-selected-container-shape-start-start: 4px; --gm3-list-l= ist-item-control-selected-container-shape-start-end: 4px; --gm3-list-list-i= tem-control-selected-container-shape-end-end: 4px; --gm3-list-list-item-con= trol-selected-container-shape-end-start: 4px; --gm3-list-list-item-containe= r-shape-start-start: 4px; --gm3-list-list-item-container-shape-start-end: 4= px; --gm3-list-list-item-container-shape-end-end: 4px; --gm3-list-list-item= -container-shape-end-start: 4px; --gm3-list-list-item-selected-container-sh= ape-end-end: 4px; --gm3-list-list-item-selected-container-shape-end-start: = 4px; --gm3-list-list-item-selected-container-shape-start-end: 4px; --gm3-li= st-list-item-selected-container-shape-start-start: 4px; --gm3-list-focus-in= dicator-shape-end-end: 4px; --gm3-list-focus-indicator-shape-end-start: 4px= ; --gm3-list-focus-indicator-shape-start-end: 4px; --gm3-list-focus-indicat= or-shape-start-start: 4px; --gm3-list-list-item-hover-state-layer-shape-end= -end: 4px; --gm3-list-list-item-hover-state-layer-shape-end-start: 4px; --g= m3-list-list-item-hover-state-layer-shape-start-end: 4px; --gm3-list-list-i= tem-hover-state-layer-shape-start-start: 4px; --gm3-list-list-item-fallback= -selection-end-margin: 0; display: flex; flex-direction: column; gap: 2px; = inline-size: 100%; overflow: hidden; } .appsElementsGenerativeaiElicitationFormOptionsList.appsElementsGenerativea= iElicitationFormOptionsList { padding-block: 0px; } .appsElementsGenerativeaiElicitationFormOtherOptionSelected { border-end-en= d-radius: 16px; border-end-start-radius: 16px; } .appsElementsGenerativeaiElicitationFormOptions:has(.appsElementsGenerative= aiElicitationFormOtherReply:focus-within) .appsElementsGenerativeaiElicitat= ionFormOtherOptionSelected { background-color: var(--gm3-sys-color-surface-= container-lowest,#fff); } .appsElementsGenerativeaiElicitationFormOtherReply { block-size: 36px; box-= sizing: border-box; display: flex; inset-block-end: 0px; inset-inline: 0px;= padding-inline: 52px 2px; pointer-events: none; position: absolute; } .appsElementsGenerativeaiElicitationFormOtherReply:focus-within { --Mal6Ee:= block; } .appsElementsGenerativeaiElicitationFormOtherReplyFocusRing { --po6djf: 16p= x; --Oypuue: 16px; --cIYKdb: 4px; --QzESQd: 4px; } .appsElementsGenerativeaiElicitationFormOtherReplyField { --gm3-text-field-= outlined-bottom-space: 0; --gm3-text-field-outlined-focus-indicator-outline= -color: transparent; --gm3-text-field-outlined-hover-outline-width: 0; --gm= 3-text-field-outlined-input-text-color: var(--gm3-sys-color-on-surface,#1f1= f1f); --gm3-text-field-outlined-input-text-line-height: 1.25rem; --gm3-text= -field-outlined-input-text-placeholder-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-text-field-outlined-input-text-size: 0.875rem; --= gm3-text-field-outlined-input-text-tracking: 0rem; --gm3-text-field-outline= d-input-text-weight: 400; --gm3-text-field-outlined-leading-space: 0; --gm3= -text-field-outlined-outline-width: 0; --gm3-text-field-outlined-top-space:= 0; --gm3-text-field-outlined-trailing-space: 0; align-self: center; flex-g= row: 1; pointer-events: auto; } .appsElementsGenerativeaiElicitationFormTextInput { display: block; inline-= size: 100%; } .appsElementsGenerativeaiElicitationFormTextInputField { --gm3-text-field-o= utlined-bottom-space: 0; --gm3-text-field-outlined-focus-indicator-outline-= color: transparent; --gm3-text-field-outlined-hover-outline-width: 0; --gm3= -text-field-outlined-input-text-color: var(--gm3-sys-color-on-surface,#1f1f= 1f); --gm3-text-field-outlined-input-text-line-height: 1.25rem; --gm3-text-= field-outlined-input-text-placeholder-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-text-field-outlined-input-text-size: 0.875rem; --g= m3-text-field-outlined-input-text-tracking: 0rem; --gm3-text-field-outlined= -input-text-weight: 400; --gm3-text-field-outlined-leading-space: 0; --gm3-= text-field-outlined-outline-width: 0; --gm3-text-field-outlined-top-space: = 0; --gm3-text-field-outlined-trailing-space: 0; inline-size: 100%; } .appsElementsGenerativeaiElicitationFormFooter { align-items: center; displ= ay: flex; gap: 8px; inline-size: 100%; justify-content: flex-end; margin-bl= ock: 0px; } .appsElementsGenerativeaiElicitationFormPagination { align-items: center; d= isplay: flex; gap: 4px; margin-inline-end: auto; } .appsElementsGenerativeaiElicitationFormPaginationButton { --gm3-icon-butto= n-standard-container-height: 24px; --gm3-icon-button-standard-container-wid= th: 24px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-sta= ndard-touch-target-size: 20px; } .appsElementsGenerativeaiElicitationFormPaginationLabel { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-= surface,#1f1f1f); } .appsElementsGenerativeaiElicitationFormSecondaryButton { --gm3-button-outl= ined-container-height: 32px; --gm3-button-outlined-container-min-width: 0; = --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-button-outlined-focus-outline-color: var(--gm3-sy= s-color-outline-variant,#c4c7c5); --gm3-button-outlined-hover-label-text-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined= -hover-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-b= utton-outlined-label-text-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-button-outlined-leading-space: 16px; --gm3-button-outlined-out= line-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-button-outl= ined-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-color-outli= ne-variant,#c4c7c5); --gm3-button-outlined-trailing-space: 16px; margin-blo= ck: 0px; } .appsElementsGenerativeaiElicitationFormPrimaryButton { --gm3-button-filled= -container-height: 32px; --gm3-button-filled-container-min-width: 0; --gm3-= button-filled-leading-space: 16px; --gm3-button-filled-trailing-space: 16px= ; margin-block: 0px; } .appsElementsGenerativeaiElicitationHidden, .appsElementsGenerativeaiElicit= ationHidden.appsElementsGenerativeaiElicitationHidden { display: none; } .appsElementsGenerativeaiCommonFeedbackSmallTitle { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lett= er-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); margin: 0px; } .appsElementsGenerativeaiCommonFeedbackSubtitle { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter= -spacing: 0px; line-height: 1.25rem; } .appsElementsGenerativeaiCommonFeedbackAdditionalFeedback { --gm3-text-fiel= d-outlined-container-shape: 8px; --gm3-text-field-outlined-focus-indicator-= outline-thickness: 2px; --gm3-text-field-outlined-input-text-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined-input-t= ext-line-height: 1.25rem; --gm3-text-field-outlined-input-text-size: 0.875r= em; --gm3-text-field-outlined-input-text-tracking: 0rem; --gm3-text-field-o= utlined-input-text-weight: 400; --gm3-text-field-outlined-label-text-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined= -label-text-line-height: 1.25rem; --gm3-text-field-outlined-label-text-size= : 0.875rem; --gm3-text-field-outlined-label-text-tracking: 0rem; --gm3-text= -field-outlined-label-text-weight: 400; --gm3-text-field-outlined-container= -shape-start-start: 8px; --gm3-text-field-outlined-container-shape-start-en= d: 8px; --gm3-text-field-outlined-container-shape-end-end: 8px; --gm3-text-= field-outlined-container-shape-end-start: 8px; } .appsElementsGenerativeaiCommonFeedbackAdditionalFeedbackInput { z-index: 1= ; } .appsElementsGenerativeaiCommonFeedbackPresetIssues { --gm3-chip-set-vertic= al-space-between-chips: 8px; --gm3-chip-shared-label-text-line-height: 1.25= rem; --gm3-chip-shared-label-text-size: 0.875rem; --gm3-chip-shared-label-t= ext-tracking: 0rem; --gm3-chip-shared-label-text-weight: 400; --gm3-chip-fi= lter-flat-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm= 3-chip-filter-flat-focus-outline-color: var(--gm3-sys-color-outline-variant= ,#c4c7c5); --gm3-chip-filter-flat-label-text-color: var(--gm3-sys-color-on-= surface-variant,#444746); } .appsElementsGenerativeaiCommonFeedbackDisclaimer { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-weight: 400; letter-spacing: 0.00625re= m; line-height: 1rem; font-size: 10px; color: var(--gm3-sys-color-on-surfac= e-variant,#444746); text-wrap: pretty; flex: 1 1 0%; align-content: end; } .appsElementsGenerativeaiCommonFeedbackActionsContainer { display: flex; fl= ex-direction: row; gap: 8px; align-items: center; align-self: flex-start; } .appsElementsGenerativeaiCommonFeedbackSubmitButton { margin-block: 4px; mi= n-block-size: 40px; } .appsElementsGenerativeaiCommonFeedbackDivider { margin-block: 4px; inline-= size: 100%; border: .5px solid var(--gm3-sys-color-outline-variant,#c4c7c5)= ; } .appsElementsGenerativeaiCommonFeedbackContainer { display: flex; flex-dire= ction: column; gap: 12px; block-size: 100%; } .appsElementsGenerativeaiCommonFeedbackContainer a { text-decoration: under= line; text-underline-offset: 0.25em; } .appsElementsGenerativeaiFeedbackDataDonationCheckbox { margin-inline-start= : -10px; font-family: "Google Sans"; } .appsElementsGenerativeaiFeedbackDataDonationCheckboxLabel { white-space: n= owrap; overflow: hidden; text-overflow: ellipsis; } .appsElementsGenerativeaiFeedbackDataDonationCheckboxHidden { margin-inline= -start: 0px; block-size: 48px; } .appsElementsGenerativeaiFeedbackDataDonationContainer { background-color: = var(--gm3-sys-color-surface,#fff); border: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5); border-radius: 8px; } .appsElementsGenerativeaiFeedbackDataDonationDisabled { opacity: 0.38; } .appsElementsGenerativeaiFeedbackDataDonationContent { padding-inline: 16px= ; margin-block-end: 8px; max-block-size: 100px; overflow-y: auto; word-brea= k: break-word; } .appsElementsGenerativeaiFeedbackDataDonationContentOverflow { display: -we= bkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overf= low: clip; contain: layout; max-inline-size: stretch; } .appsElementsGenerativeaiFeedbackDataDonationContextDonationContentOverflow= { max-block-size: 48px; max-inline-size: stretch; scrollbar-width: none; } .appsElementsGenerativeaiFeedbackDataDonationContextDonationContentOverflow= ::-webkit-scrollbar { display: none; } .appsElementsGenerativeaiFeedbackDataDonationContentExpanded { max-block-si= ze: 100px; } .appsElementsGenerativeaiFeedbackDataDonationContentList { margin: 0px; pad= ding-inline: 3ch 0px; } .appsElementsGenerativeaiFeedbackDataDonationSummary { display: flex; align= -items: center; justify-content: space-between; padding-inline: 16px; inlin= e-size: stretch; } .appsElementsGenerativeaiFeedbackDataDonationTitle { --gm3-checkbox-label-t= ext-size: 1rem; --gm3-checkbox-label-text-weight: 500; --gm3-checkbox-label= -text-tracking: normal; block-size: 48px; min-inline-size: 0px; } .appsElementsGenerativeaiFeedbackDataDonationDonationCheckbox.appsElementsG= enerativeaiFeedbackDataDonationDonationCheckbox label { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; lett= er-spacing: 0px; line-height: 1.5rem; } .appsElementsGenerativeaiFeedbackDataDonationDisclaimer { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400;= letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-= on-surface-variant,#444746); text-wrap: pretty; } .appsElementsGenerativeaiFeedbackDataDonationConversationContainer { displa= y: flex; flex-direction: column; gap: 16px; } .appsElementsGenerativeaiFeedbackDataDonationPromptLabel, .appsElementsGene= rativeaiFeedbackDataDonationResponseLabel { color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .appsElementsGenerativeaiFeedbackDataDonationInfoIconButton { --gm3-icon-bu= tton-standard-container-height: 24px; --gm3-icon-button-standard-container-= width: 24px; --gm3-icon-button-standard-icon-size: 24px; --gm3-icon-button-= standard-touch-target-size: 24px; --gm3-icon-button-standard-unselected-ico= n-color: var(--gm3-sys-color-on-surface-variant,#444746); margin-inline-sta= rt: 8px; } .appsElementsGenerativeaiFeedbackDataDonationInfoTooltip { max-inline-size:= 280px; } .appsElementsGenerativeaiFeedbackDataDonationLabelContainer { display: flex= ; align-items: center; min-inline-size: 0px; } .appsElementsGenerativeaiFeedbackDataDonationConversationItem { display: fl= ex; flex-direction: column; gap: 8px; } .appsElementsGenerativeaiFeedbackDataDonationChip { max-inline-size: 178px;= } .appsElementsGenerativeaiFeedbackDataDonationChip [href] { text-decoration:= none; } .appsElementsGenerativeaiFeedbackDataDonationChipSet { gap: 4px; } .appsElementsGenerativeaiFeedbackDataDonationChipRemoved { opacity: 0.5; te= xt-decoration: line-through; } .appsElementsGenerativeaiFeedbackDataDonationChipRemoved [data-is-trailing= =3D"true"] { position: relative; } .appsElementsGenerativeaiFeedbackDataDonationChipRemoved [data-is-trailing= =3D"true"] > :last-child { visibility: hidden; } .appsElementsGenerativeaiFeedbackDataDonationChipRemoved [data-is-trailing= =3D"true"]::after { content: ""; position: absolute; inset: 0px; background= -color: currentcolor; mask-image: url("data:image/svg+xml;charset=3Dutf-8,%= 3Csvg xmlns=3D'http://www.w3.org/2000/svg' viewBox=3D'0 0 24 24'%3E%3Cpath = d=3D'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E"); mask-repeat: no-re= peat; mask-position: center center; mask-size: 18px auto; } .appsElementsGenerativeaiFeedbackDataDonationSourceIcon { display: flex; al= ign-items: center; justify-content: center; } .appsElementsGenerativeaiFeedbackDataDonationSourceIcon > :first-child { in= line-size: 18px; block-size: 18px; } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledContainer { bac= kground-color: var(--gm3-sys-color-surface-container,#f0f4f9); border-radiu= s: 8px; padding: 12px 16px; display: flex; align-items: flex-start; gap: 12= px; } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledInfoIcon { colo= r: var(--gm3-sys-color-on-surface-variant,#444746); display: flex; align-it= ems: center; justify-content: center; flex-shrink: 0; margin-block-start: 2= px; } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledText { display:= flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-inline-size: 0px= ; } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledTitle { font-fa= mily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys= -color-on-surface,#1f1f1f); } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledContent { font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-= weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm= 3-sys-color-on-surface-variant,#444746); } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledTurnOnLink { fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; f= ont-weight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm= 3-sys-color-primary,#0b57d0); text-decoration: none; white-space: nowrap; a= lign-self: center; cursor: pointer; } .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledTurnOnLink:focu= s, .appsElementsGenerativeaiFeedbackDataDonationSherlogDisabledTurnOnLink:h= over { text-decoration: underline; } .appsElementsGenerativeaiFeedbackMessagesLink:is(:any-link, :visited, :hove= r, :active) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsGenerativeaiFeedbackMessagesDeEmphasis { color: var(--gm3-sys-= color-on-surface-variant,#444746); } .appsElementsGenerativeaiFeedbackDialogRoot { --W1aG0b: 24px; --pjsEwc: 640= px; --eNKeTe: var(--gm3-sys-color-surface,#fff); --urucif: 24px; --Cv3aid: = 24px; --xkSh4b: 24px; --tukwab: 24px; } @media (max-width: 640px) { .appsElementsGenerativeaiFeedbackDialogRoot { --pjsEwc: 540px; } } .appsElementsGenerativeaiFeedbackDialogContent { display: flex; flex-direct= ion: column; gap: 16px; } .appsElementsGenerativeaiFeedbackDialogContent p { margin-block: 0px; } .appsElementsGenerativeaiFeedbackDialogContent a { text-decoration: underli= ne; text-underline-offset: 0.25em; } .appsElementsGenerativeaiFeedbackDialogHeader { display: flex; gap: 8px; al= ign-items: center; block-size: 40px; margin-block: -4px; } .appsElementsGenerativeaiFeedbackDialogTitle { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 1.5rem; font-weight: 400; letter-spac= ing: 0px; line-height: 2rem; margin: 0px; } .appsElementsGenerativeaiFeedbackDialogBackButton { margin-inline-start: -8= px; } .appsElementsGenerativeaiFeedbackDialogDataSelectionTitle { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; = letter-spacing: 0px; line-height: 1.5rem; --gm3-form-field-label-text-track= ing: 0rem; block-size: 48px; } .appsElementsGenerativeaiFeedbackDialogIssuesContainer { display: flex; fle= x-direction: column; } .appsElementsGenerativeaiFeedbackDialogIssuesAndCommentContainer { display:= flex; flex-direction: column; gap: 8px; } .appsElementsGenerativeaiFeedbackDialogIssuesChipContainer { display: flex;= flex-wrap: wrap; gap: 4px; } .appsElementsGenerativeaiFeedbackDialogPresetIssueCheckbox.appsElementsGene= rativeaiFeedbackDialogPresetIssueCheckbox label { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spa= cing: 0px; line-height: 1.5rem; } .appsElementsGenerativeaiFeedbackDialogDisclaimer { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lette= r-spacing: 0.00625rem; line-height: 1rem; } .appsElementsGenerativeaiFeedbackDialogButtonContainer { display: flex; gap= : 8px; align-self: stretch; justify-content: flex-end; } .appsElementsGenerativeaiFeedbackDialogLearnMoreContainer { margin-inline-e= nd: auto; } .appsElementsGenerativeaiFeedbackDialogDataSelectionContainer { border: 1px= solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 8px; } .appsElementsGenerativeaiFeedbackDialogDataSelectionSummary { display: flex= ; align-items: center; justify-content: space-between; padding-inline: 16px= ; } .appsElementsGenerativeaiFeedbackDialogDataSelectionContent { padding-inlin= e: 16px; margin-block-end: 8px; max-block-size: 100px; overflow-y: auto; wo= rd-break: break-word; } .appsElementsGenerativeaiFeedbackDialogCommentContainer { display: flex; fl= ex-direction: column; gap: 8px; } .appsElementsGenerativeaiFeedbackDialogCommentLabel { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; le= tter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surf= ace-variant,#444746); } .appsElementsGenerativeaiInlineFeedbackRoot { --gm3-card-filled-container-c= olor: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-card-filled= -container-shape-start-start: 16px; --gm3-card-filled-container-shape-start= -end: 16px; --gm3-card-filled-container-shape-end-end: 16px; --gm3-card-fil= led-container-shape-end-start: 16px; display: flex; flex-direction: column;= gap: 12px; padding: 16px; } .appsElementsGenerativeaiInlineFeedbackHeader { display: flex; justify-cont= ent: space-between; align-items: flex-start; } .appsElementsGenerativeaiInlineFeedbackTitle { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacin= g: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; margin: 0px; } .appsElementsGenerativeaiInlineFeedbackAdditionalFeedback { --gm3-text-fiel= d-outlined-container-height: 44px; --gm3-text-field-outlined-top-space: 2px= ; --gm3-text-field-outlined-bottom-space: 2px; background-color: var(--gm3-= sys-color-surface,#fff); } .appsElementsGenerativeaiInlineFeedbackCloseButton { --gm3-icon-button-stan= dard-container-height: 28px; --gm3-icon-button-standard-container-width: 28= px; --gm3-icon-button-standard-icon-size: 18px; --gm3-icon-button-standard-= touch-target-size: 20px; margin-block-start: -5px; margin-inline-end: -6px;= } .appsElementsGenerativeAiFeedbackMenuRoot { --gm3-list-list-item-focus-labe= l-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-l= ist-item-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-list-list-item-selected-focus-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-select= ed-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-list-list-item-control-selected-focus-label-text-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-list-list-item-control-selected-= hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-color-o= n-surface-variant,#444746); --gm3-menu-container-color: var(--gm3-sys-color= -surface,#fff); --gm3-menu-list-item-container-height: 32px; --gm3-menu-lis= t-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-item-focu= s-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= menu-list-item-hover-label-text-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-= surface-variant,#444746); --gm3-menu-list-item-pressed-label-text-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-selecte= d-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-menu-list-item-selected-hover-label-text-color: var(--gm3-sys-color-o= n-surface-variant,#444746); --gm3-menu-list-item-control-selected-focus-lab= el-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-= list-item-control-selected-hover-label-text-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-list-item-control-selected-label-text-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsGenerativeAiFeedbackMenuButton { display: inline-block; } .appsElementsGenerativeAiFeedbackMenuIconButton { --gm3-icon-button-standar= d-container-height: 32px; --gm3-icon-button-standard-container-width: 32px;= --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-uns= elected-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); } @keyframes skeleton-enter {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes skeleton-stretch-in {=20 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } .appsElementsGenerativeaiLoadingIndicatorSkeletonLoader { display: flex; fl= ex-direction: column; align-items: flex-start; gap: var(--ae-generativeai-s= keleton-loader-gap,8px); } .appsElementsGenerativeaiLoadingIndicatorSkeletonTextSize { inline-size: va= r(--ae-generativeai-skeleton-loader-line-width,100%); block-size: 12px; } .appsElementsGenerativeaiLoadingIndicatorSkeletonImageGrid { inline-size: 1= 00%; } .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask { background: var= (--ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-g= enai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#b= be2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-colo= r-genai-muted-gradient01,#e9eef6))); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask { background: l= inear-gradient(135deg, canvas, highlight); forced-color-adjust: none; } } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask { background-si= ze: 200% 100%; } } @media (not (prefers-reduced-motion)) and (-ms-high-contrast:active), scree= n and (not (prefers-reduced-motion)) and (forced-colors: active) { .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask { background: l= inear-gradient(135deg, canvas, highlight, highlight, canvas); forced-color-= adjust: none; } } .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask { border-radius: = 4px; } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationText { animatio= n: inline-shimmer 2.1s calc(var(--ae-generativeai-skeleton-loader-animation= -order, 0)*.1s) linear infinite both; } } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationTextStretchIn {= transform-origin: left center; animation-name: skeleton-enter, skeleton-st= retch-in, inline-shimmer; animation-duration: 0.35s, 0.6s, 2.1s; animation-= delay: calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.2s),= calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.25s),calc(v= ar(--ae-generativeai-skeleton-loader-animation-order, 0)*.1s); animation-fi= ll-mode: both; animation-timing-function: linear, cubic-bezier(0.2, 0, 0, 1= ), linear; animation-iteration-count: 1, 1, infinite; } } .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage { backgroun= d: linear-gradient(90deg,var(--gm3-sys-color-surface-container,#f0f4f9) 20%= ,var(--gm3-sys-color-surface-container,#f0f4f9),var(--gm3-sys-color-surface= -dim,#d3dbe5),var(--gm3-sys-color-surface-container,#f0f4f9)); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage { backgro= und: linear-gradient(135deg, canvas, highlight); forced-color-adjust: none;= } } @media not (prefers-reduced-motion) { @keyframes inline-shimmer {=20 0% { background-position: 0px 0px; } 100% { background-position: -200% 0px; } } .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage { backgro= und-size: 200% 100%; } } @media (not (prefers-reduced-motion)) and (-ms-high-contrast:active), scree= n and (not (prefers-reduced-motion)) and (forced-colors: active) { .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage { backgro= und: linear-gradient(135deg, canvas, highlight, highlight, canvas); forced-= color-adjust: none; } } .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage { animation= : 2s linear 0s infinite normal none running inline-shimmer; } .appsElementsGenerativeaiLoadingIndicatorTip { background: linear-gradient(= 135deg, rgb(33, 123, 254), rgb(7, 142, 251), rgb(172, 135, 235), rgb(33, 12= 3, 254)); } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorTip { background-position: 50% c= enter; background-size: 800% auto; } } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorTip { background-clip: text; col= or: transparent; -webkit-text-fill-color: transparent; } } .appsElementsGenerativeaiLoadingIndicatorTip { background-clip: text; color= : transparent; -webkit-text-fill-color: transparent; padding-block-start: 1= 2px; word-break: break-word; text-wrap: pretty; inline-size: fit-content; a= nimation: 2.1s linear 0s infinite normal none running feature-shimmer; } .appsElementsGenerativeaiLoadingIndicatorSuggestionsSkeletonLoader { displa= y: flex; gap: 12px; background-color: var(--gm3-sys-color-surface-container= ,#f0f4f9); border-radius: 4px; padding: 12px; } .appsElementsGenerativeaiLoadingIndicatorSuggestionsSkeletonLines { display= : flex; flex-direction: column; gap: 8px; flex-grow: 1; justify-content: ce= nter; } .appsElementsGenerativeaiLoadingIndicatorSuggestionsIconMask { background: = var(--ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-colo= r-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02= ,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-c= olor-genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorSuggestionsIconMask { background= -position: 50% center; background-size: 800% 800%; } } .appsElementsGenerativeaiLoadingIndicatorSuggestionsIconMask { inline-size:= 36px; block-size: 36px; border-radius: 8px; animation: 2.1s linear 0s infi= nite normal none running generation-shimmer; } .appsElementsGenerativeaiLoadingIndicatorGrid { display: flex; flex-wrap: w= rap; gap: 2px; } .appsElementsGenerativeaiLoadingIndicatorGridImageContainer::before { posit= ion: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px;= left: 0px; border: 1px solid transparent; border-radius: inherit; content:= ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiLoadingIndicatorGridImageContainer::before { bor= der-color: canvastext; } } .appsElementsGenerativeaiLoadingIndicatorGridImageContainer:hover { cursor:= zoom-in; } .appsElementsGenerativeaiLoadingIndicatorGridImageContainer { border-radius= : 4px; overflow: hidden; position: relative; aspect-ratio: 1 / 1; flex-basi= s: calc(50% - 2px); flex-grow: 1; } .appsElementsGenerativeaiLoadingIndicatorSpark { position: relative; inline= -size: fit-content; overflow: hidden; color: rgb(33, 123, 254); } .appsElementsGenerativeaiLoadingIndicatorSparkIcon { display: block; } @media not (prefers-reduced-motion) { .appsElementsGenerativeaiLoadingIndicatorSparkAnimate { animation: 2.1s l= inear 0s infinite normal none running rotate-spark; } } .appsElementsGenerativeaiLoadingIndicatorSparkAnimate { transform-origin: c= enter center; } .appsElementsGenerativeaiLoadingIndicatorHeader { padding-block-end: var(--= ae-generativeai-spark-loader-gap,8px); display: flex; gap: 8px; align-items= : center; } .appsElementsGenerativeaiLoadingIndicatorSparkHeader { padding-block-end: 8= px; display: flex; flex-direction: row; gap: 8px; align-items: center; } .appsElementsGenerativeaiLoadingIndicatorSparkText { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; lett= er-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-su= rface,#1f1f1f); } .appsElementsGenerativeaiLoadingIndicatorSuggestionList { display: flex; fl= ex-direction: column; align-items: flex-start; } .appsElementsGenerativeaiLoadingIndicatorSuggestionRow { display: flex; fle= x-direction: row; gap: 10px; align-items: center; justify-content: flex-sta= rt; block-size: 40px; inline-size: 100%; } .appsElementsGenerativeaiLoadingIndicatorSuggestionSkeleton { inline-size: = 100%; } .appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinnerContainer { d= isplay: flex; flex-direction: column; align-items: center; justify-content:= center; block-size: 100%; inline-size: 100%; gap: 8px; } .appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinner { --EkrYwf: = 40px; } .appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinnerLabel { font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font= -weight: 500; letter-spacing: 0px; line-height: 1.25rem; text-align: center= ; color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsModeSelectorMultiPanelMode .appsElementsModeSelectorMenuButton= { line-height: normal; --gm3-dropdown-button-text-label-text-size: 1.5rem;= --gm3-dropdown-button-text-label-text-tracking: 0rem; --gm3-dropdown-butto= n-text-label-text-weight: 400; } .appsElementsModeSelectorMultiPanelMode .appsElementsModeSelectorSingleMode= Label { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1= rem; font-weight: 500; letter-spacing: 0px; line-height: 1.5rem; font-optic= al-sizing: none; } .appsElementsModeSelectorMenuButton { --gm3-dropdown-button-text-container-= height: 32px; --gm3-dropdown-button-text-dropdown-icon-label-space: 0; --gm= 3-dropdown-button-text-hover-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --gm3-dropdown-button-text-hover-state-layer-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-l= abel-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-bu= tton-text-label-text-size: 1rem; --gm3-dropdown-button-text-label-text-trac= king: 0rem; --gm3-dropdown-button-text-label-text-weight: 500; --gm3-dropdo= wn-button-text-leading-space: 8px; --gm3-dropdown-button-text-pressed-label= -text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdow= n-button-text-pressed-state-layer-color: var(--gm3-sys-color-on-surface-var= iant,#444746); --gm3-dropdown-button-text-trailing-space: 4px; --gm3-dropdo= wn-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-dropdown-button-text-with-icon-icon-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-ico= n-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); max-= inline-size: 100%; } .appsElementsModeSelectorSingleModeLabel { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0= px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); ma= rgin-inline-start: 8px; } .appsElementsModeSelectorSourceContainerMenuButton { --gm3-dropdown-button-= filled-tonal-container-height: 28px; --gm3-dropdown-button-filled-tonal-con= tainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-dropdow= n-button-filled-tonal-dropdown-icon-label-space: 0; --gm3-dropdown-button-f= illed-tonal-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-dropdown-button-filled-tonal-label-text-size: 0.875rem; --gm3-dropdown-bu= tton-filled-tonal-label-text-tracking: 0rem; --gm3-dropdown-button-filled-t= onal-label-text-weight: 500; --gm3-dropdown-button-filled-tonal-leading-spa= ce: 8px; --gm3-dropdown-button-filled-tonal-trailing-space: 4px; --gm3-drop= down-button-filled-tonal-with-icon-icon-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); max-inline-size: 100%; } .appsElementsModeSelectorMenu { --gm3-list-list-item-content-gap: 12px; --g= m3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-item-lab= el-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem; --g= m3-list-list-item-label-text-weight: 400; --gm3-list-list-item-leading-spac= e: 12px; --gm3-list-list-item-selected-container-color: var(--gm3-sys-color= -secondary-container,#c2e7ff); --gm3-list-list-item-selected-label-text-col= or: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-list-it= em-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-list-list-item-supporting-text-line-height: 1rem; --gm3-list-list-ite= m-supporting-text-size: 0.75rem; --gm3-list-list-item-supporting-text-track= ing: 0.00625rem; --gm3-list-list-item-supporting-text-weight: 400; --gm3-li= st-list-item-trailing-space: 12px; --gm3-list-list-item-two-line-container-= height: 36px; --gm3-list-list-item-two-line-padding: 6px; --gm3-list-list-i= tem-control-selected-label-text-weight: 400; --gm3-list-list-item-control-s= elected-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-menu-divider-space: 5px; --gm3-menu-group-title-height: 26px; --= gm3-menu-list-item-container-height: 36px; --gm3-menu-list-item-content-gap= : 12px; --gm3-menu-list-item-label-text-line-height: 1.25rem; --gm3-menu-li= st-item-label-text-size: 0.875rem; --gm3-menu-list-item-label-text-tracking= : 0rem; --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-item-l= eading-space: 12px; --gm3-menu-list-item-selected-container-color: var(--gm= 3-sys-color-secondary-container,#c2e7ff); --gm3-menu-list-item-selected-lab= el-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-m= enu-list-item-supporting-text-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-menu-list-item-supporting-text-line-height: 1rem; --gm3-me= nu-list-item-supporting-text-size: 0.75rem; --gm3-menu-list-item-supporting= -text-tracking: 0.00625rem; --gm3-menu-list-item-supporting-text-weight: 40= 0; --gm3-menu-list-item-trailing-space: 12px; --gm3-menu-list-item-two-line= -container-height: 36px; --gm3-menu-list-item-two-line-padding: 6px; --gm3-= menu-list-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-i= tem-control-selected-label-text-weight: 400; --gm3-menu-list-item-control-s= elected-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); inline-size: 280px; margin-inline-start: -8px; z-index: 10000; } .confirmationDialogContentContainer { display: flex; flex-direction: column= ; } .confirmationDialogContentSupportingText { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant= ,#444746); padding-bottom: 20px; } .confirmationDialogContentLearnMoreLink { color: var(--gm3-sys-color-primar= y,#0b57d0); text-decoration: underline; } .confirmationDialogContentLearnMoreLink:visited { color: var(--gm3-sys-colo= r-primary,#0b57d0); } .confirmationDialogContentResourceReference { display: flex; flex-direction= : column; gap: 8px; margin-bottom: 16px; } .confirmationDialogContentResourceReferenceHeader { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lett= er-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surfac= e,#1f1f1f); } .confirmationDialogContentResourceReferenceChip { max-width: 225px; overflo= w: hidden; text-overflow: ellipsis; white-space: nowrap; --gm3-chip-input-w= ithout-avatar-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); = } .confirmationDialogContentResourceReferenceChip .javascriptMaterialdesignGm= 3WizChipShared-chip__action, .confirmationDialogContentResourceReferenceChi= p .javascriptMaterialdesignGm3WizChipShared-chip__text-label { text-decorat= ion: none; } .confirmationDialogContentResourceReferenceChip .javascriptMaterialdesignGm= 3WizChipShared-chip__action:active, .confirmationDialogContentResourceRefer= enceChip .javascriptMaterialdesignGm3WizChipShared-chip__action:focus, .con= firmationDialogContentResourceReferenceChip .javascriptMaterialdesignGm3Wiz= ChipShared-chip__action:hover, .confirmationDialogContentResourceReferenceC= hip .javascriptMaterialdesignGm3WizChipShared-chip__text-label:active, .con= firmationDialogContentResourceReferenceChip .javascriptMaterialdesignGm3Wiz= ChipShared-chip__text-label:focus, .confirmationDialogContentResourceRefere= nceChip .javascriptMaterialdesignGm3WizChipShared-chip__text-label:hover { = text-decoration: none; } .confirmationDialogContentAddResourceReferenceButton { --gm3-button-outline= d-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outl= ined-outline-color: var(--gm3-sys-color-outline,#747775); width: fit-conten= t; } .confirmationDialogContentAddResourceReferenceButtonIcon { color: var(--gm3= -sys-color-primary,#0b57d0); } .confirmationDialogContentResourceReferenceSummary { display: flex; flex-di= rection: column; gap: 8px; } .confirmationDialogContentResourceReferenceSummaryHeader { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 50= 0; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on= -surface,#1f1f1f); } .confirmationDialogContentResourceReferenceSummaryGenerationContainer { bac= kground-color: var(--gm3-sys-color-surface-container-low,#f8fafd); border-r= adius: 8px; display: flex; min-height: 92px; padding: 0px 16px; } .confirmationDialogContentResourceReferenceSummaryGenerationContainerBanner= { --leFxrb: var(--ae-banner-container-color,var(--gm3-sys-color-surface-co= ntainer,#f0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--g= m3-sys-color-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-st= andard-unselected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-colo= r-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hover= -icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --gm3-icon-button-standard-unselected-focus-icon-color: var(= --ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-banner-tex= t-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button= -standard-unselected-hover-state-layer-color: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-= sys-color-on-surface-variant,#444746)); --gm3-button-text-label-text-color:= var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-= button-text-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-= sys-color-primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(= --ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butto= n-text-pressed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys= -color-primary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--= ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= text-pressed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-= color-primary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-bann= er-button-filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --g= m3-button-filled-label-text-color: var(--ae-banner-button-filled-text-color= ,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-tex= t-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-pr= imary,#fff)); --gm3-button-filled-focus-label-text-color: var(--ae-banner-b= utton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button= -filled-pressed-label-text-color: var(--ae-banner-button-filled-text-color,= var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-laye= r-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-pr= imary,#fff)); --gm3-button-filled-pressed-state-layer-color: var(--ae-banne= r-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); } .confirmationDialogContentResourceReferenceSummaryGenerationContainerBanner= :link { color: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,= #0b57d0)); text-decoration: underline; } .confirmationDialogContentResourceReferenceSummaryGenerationContainerBanner= { --WsPOW: 16px; --ae-banner-action-color: var(--gm3-sys-color-primary,#0b= 57d0); --ae-banner-button-filled-container-color: var(--gm3-sys-color-prima= ry,#0b57d0); --ae-banner-button-filled-text-color: var(--gm3-sys-color-on-p= rimary,#fff); --ae-banner-container-color: var(--gm3-sys-color-surface-cont= ainer,#f0f4f9); --ae-banner-text-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --ae-banner-text-link-color: var(--gm3-sys-color-primary,#0b5= 7d0); min-height: 56px; } .confirmationDialogContentResourceReferenceSummaryGenerationContainerLoadin= g { padding: 16px 0px; width: 100%; } .confirmationDialogContentResourceReferenceSummaryGenerationContainerText {= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-= sys-color-on-surface,#1f1f1f); padding: 10px 0px; } .appsElementsModifierSelectorButtonList { display: flex; flex-direction: ro= w; gap: 4px; } .appsElementsModifierSelectorMenuButton.appsElementsModifierSelectorMenuBut= ton { --gm3-button-text-container-height: 32px; --gm3-button-text-container= -min-width: 32px; --gm3-button-text-hover-state-layer-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-button-text-pressed-state-layer-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-wit= h-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-label-spa= ce: 0; --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-text-with-= icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-button-text-with-leading-icon-leading-space: 0; --gm3-button-text-with= -leading-icon-trailing-space: 0; } .appsElementsModifierSelectorMenuButtonWithDropdown.appsElementsModifierSel= ectorMenuButtonWithDropdown { --gm3-dropdown-button-text-container-height: = 32px; --gm3-dropdown-button-text-container-min-width: 32px; --gm3-dropdown-= button-text-focus-label-text-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-dropdown-button-text-hover-label-text-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-dropdown-button-text-hover-state-l= ayer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown= -button-text-label-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-dropdown-button-text-pressed-label-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-dropdown-button-text-pressed-state-la= yer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-= button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --gm3-dropdown-button-text-with-icon-hover-icon-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-with-= icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dro= pdown-button-text-with-icon-icon-size: 20px; --gm3-dropdown-button-text-wit= h-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746);= background-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-dr= opdown-button-text-dropdown-icon-label-space: 10px; --gm3-dropdown-button-t= ext-with-icon-icon-label-space: 10px; --gm3-dropdown-button-text-with-leadi= ng-icon-leading-space: 8px; --gm3-dropdown-button-text-with-leading-icon-tr= ailing-space: 8px; } .appsElementsModifierSelectorMenuButtonWithDropdown.appsElementsModifierSel= ectorMenuButtonWithDropdownHasToolCount { --gm3-dropdown-button-text-dropdo= wn-icon-label-space: 4px; --gm3-dropdown-button-text-with-icon-icon-label-s= pace: 4px; --gm3-dropdown-button-text-with-leading-icon-leading-space: 6px;= --gm3-dropdown-button-text-with-leading-icon-trailing-space: 6px; } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown > span:last-of-type, .appsElement= sModifierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelector= MenuButtonTransparentDropdown > span:nth-last-of-type(2), .appsElementsModi= fierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuB= uttonTransparentDropdown > span:nth-last-of-type(3) > span > svg, .appsElem= entsModifierSelectorMenuButtonWithDropdown.appsElementsModifierSelectorMenu= ButtonWithDropdown > span:last-of-type, .appsElementsModifierSelectorMenuBu= ttonWithDropdown.appsElementsModifierSelectorMenuButtonWithDropdown > span:= nth-last-of-type(2), .appsElementsModifierSelectorMenuButtonWithDropdown.ap= psElementsModifierSelectorMenuButtonWithDropdown > span:nth-last-of-type(3)= > span > svg { transition-duration: 0.2s; transition-property: max-width, = margin, opacity; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuB= uttonLabelBehaviorAlwaysHide, .appsElementsModifierSelectorMenuButtonTransp= arentDropdown.appsElementsModifierSelectorMenuButtonTransparentDropdown.app= sElementsModifierSelectorMenuButtonLabelBehaviorHoverExpandCollapse:not(:ho= ver, .appsElementsModifierSelectorMenuButtonLabelSetVisible), .appsElements= ModifierSelectorMenuButtonWithDropdown.appsElementsModifierSelectorMenuButt= onWithDropdown.appsElementsModifierSelectorMenuButtonLabelBehaviorAlwaysHid= e, .appsElementsModifierSelectorMenuButtonWithDropdown.appsElementsModifier= SelectorMenuButtonWithDropdown.appsElementsModifierSelectorMenuButtonLabelB= ehaviorHoverExpandCollapse:not(:hover, .appsElementsModifierSelectorMenuBut= tonLabelSetVisible) { --gm3-dropdown-button-text-dropdown-icon-label-space:= 2px; --gm3-dropdown-button-text-with-icon-icon-label-space: 2px; } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuB= uttonLabelBehaviorAlwaysHide > span:nth-last-of-type(2), .appsElementsModif= ierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuBu= ttonTransparentDropdown.appsElementsModifierSelectorMenuButtonLabelBehavior= HoverExpandCollapse:not(:hover, .appsElementsModifierSelectorMenuButtonLabe= lSetVisible) > span:nth-last-of-type(2), .appsElementsModifierSelectorMenuB= uttonWithDropdown.appsElementsModifierSelectorMenuButtonWithDropdown.appsEl= ementsModifierSelectorMenuButtonLabelBehaviorAlwaysHide > span:nth-last-of-= type(2), .appsElementsModifierSelectorMenuButtonWithDropdown.appsElementsMo= difierSelectorMenuButtonWithDropdown.appsElementsModifierSelectorMenuButton= LabelBehaviorHoverExpandCollapse:not(:hover, .appsElementsModifierSelectorM= enuButtonLabelSetVisible) > span:nth-last-of-type(2) { max-width: 0px; opac= ity: 0; } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuB= uttonLabelBehaviorAlwaysShow > span:nth-last-of-type(2), .appsElementsModif= ierSelectorMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuBu= ttonTransparentDropdown.appsElementsModifierSelectorMenuButtonLabelBehavior= HoverExpandCollapse:is(:hover, .appsElementsModifierSelectorMenuButtonLabel= SetVisible) > span:nth-last-of-type(2), .appsElementsModifierSelectorMenuBu= ttonWithDropdown.appsElementsModifierSelectorMenuButtonWithDropdown.appsEle= mentsModifierSelectorMenuButtonLabelBehaviorAlwaysShow > span:nth-last-of-t= ype(2), .appsElementsModifierSelectorMenuButtonWithDropdown.appsElementsMod= ifierSelectorMenuButtonWithDropdown.appsElementsModifierSelectorMenuButtonL= abelBehaviorHoverExpandCollapse:is(:hover, .appsElementsModifierSelectorMen= uButtonLabelSetVisible) > span:nth-last-of-type(2) { opacity: 1; max-width:= unset; } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown { --gm3-dropdown-button-text-cont= ainer-height: 32px; --gm3-dropdown-button-text-container-min-width: 32px; -= -gm3-dropdown-button-text-focus-label-text-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-dropdown-button-text-hover-label-text-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text= -hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-dropdown-button-text-label-text-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-dropdown-button-text-pressed-label-text-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-text-pr= essed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-dropdown-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-o= n-surface-variant,#444746); --gm3-dropdown-button-text-with-icon-hover-icon= -color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-but= ton-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-dropdown-button-text-with-icon-icon-size: 20px; --gm3-dropdown-b= utton-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-var= iant,#444746); color: var(--gm3-sys-color-on-surface-variant,#444746); back= ground-color: transparent; --gm3-dropdown-button-text-dropdown-icon-label-s= pace: 6px; --gm3-dropdown-button-text-with-icon-icon-label-space: 6px; --gm= 3-dropdown-button-text-with-leading-icon-leading-space: 8px; --gm3-dropdown= -button-text-with-leading-icon-trailing-space: 8px; } .appsElementsModifierSelectorMenuButtonTransparentDropdown.appsElementsModi= fierSelectorMenuButtonTransparentDropdown:hover, .appsElementsModifierSelec= torMenuButtonTransparentDropdown.appsElementsModifierSelectorMenuButtonTran= sparentDropdown[aria-expanded=3D"true"] { background-color: var(--gm3-sys-c= olor-surface-container,#f0f4f9); } .appsElementsModifierSelectorMenuButtonOutlined.appsElementsModifierSelecto= rMenuButtonOutlined { --gm3-button-outlined-container-height: 32px; --gm3-b= utton-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-button-outlined-hover-label-text-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-outlined-hover-outline-color:= var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-button-outlined-labe= l-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button= -outlined-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm= 3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-button-outlined-pressed-outline-color: var(--gm3-sy= s-color-surface-container,#f0f4f9); --gm3-button-outlined-with-icon-focus-i= con-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-ou= tlined-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-button-outlined-with-icon-icon-label-space= : 4px; --gm3-button-outlined-with-icon-icon-size: 20px; --gm3-button-outlin= ed-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-button-outlined-with-leading-icon-leading-space: 4px; --gm3-bu= tton-outlined-with-leading-icon-trailing-space: 12px; } .appsElementsModifierSelectorMenuButtonOutlined.appsElementsModifierSelecto= rMenuButtonOutlined.appsElementsModifierSelectorMenuButtonLabelBehaviorAlwa= ysShow > span:nth-last-of-type(2) { opacity: 1; max-width: unset; } .appsElementsModifierSelectorMenuButtonOutlined.appsElementsModifierSelecto= rMenuButtonOutlined:hover { background-color: var(--gm3-sys-color-surface-c= ontainer,#f0f4f9); } .appsElementsModifierSelectorCheckCircleIcon { color: var(--gm3-sys-color-p= rimary,#0b57d0); } .appsElementsModifierSelectorSelectableMenuItem:focus-visible .appsElements= ModifierSelectorCheckCircleIcon, .appsElementsModifierSelectorSelectableMen= uItem:focus-visible .appsElementsModifierSelectorCheckIcon, .appsElementsMo= difierSelectorSelectableMenuItem:focus-within .appsElementsModifierSelector= CheckCircleIcon, .appsElementsModifierSelectorSelectableMenuItem:focus-with= in .appsElementsModifierSelectorCheckIcon, .appsElementsModifierSelectorSel= ectableMenuItem:has(:focus-visible) .appsElementsModifierSelectorCheckCircl= eIcon, .appsElementsModifierSelectorSelectableMenuItem:has(:focus-visible) = .appsElementsModifierSelectorCheckIcon, .appsElementsModifierSelectorSelect= ableMenuItem:hover .appsElementsModifierSelectorCheckCircleIcon, .appsEleme= ntsModifierSelectorSelectableMenuItem:hover .appsElementsModifierSelectorCh= eckIcon { display: none; } .appsElementsModifierSelectorCloseIcon { display: none; } .appsElementsModifierSelectorSelectableMenuItem:focus-visible .appsElements= ModifierSelectorCloseIcon, .appsElementsModifierSelectorSelectableMenuItem:= focus-within .appsElementsModifierSelectorCloseIcon, .appsElementsModifierS= electorSelectableMenuItem:has(:focus-visible) .appsElementsModifierSelector= CloseIcon, .appsElementsModifierSelectorSelectableMenuItem:hover .appsEleme= ntsModifierSelectorCloseIcon { display: flex; } .appsElementsModifierSelectorRadioMenuItem { --gm3-list-list-item-container= -shape: 0px; --gm3-list-list-item-hover-label-text-color: var(--gm3-sys-col= or-on-surface,#1f1f1f); --gm3-list-list-item-hover-state-layer-color: var(-= -gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-hover-state-layer-= opacity: 0.08; --gm3-list-list-item-hover-trailing-icon-icon-color: var(--g= m3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-color: va= r(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-line= -height: 1.25rem; --gm3-list-list-item-label-text-size: 0.875rem; --gm3-lis= t-list-item-label-text-tracking: 0rem; --gm3-list-list-item-label-text-weig= ht: "wght" 400; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); --gm3-list-list-item-selected-container-color: var(-= -gm3-sys-color-secondary-container,#c2e7ff); --gm3-list-list-item-selected-= container-shape: 0px; --gm3-list-list-item-selected-hover-label-text-color:= var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-list-item-= selected-hover-leading-icon-color: var(--gm3-sys-color-on-secondary-contain= er,#004a77); --gm3-list-list-item-selected-hover-state-layer-color: var(--g= m3-sys-color-secondary-container,#c2e7ff); --gm3-list-list-item-selected-ho= ver-state-layer-opacity: 0; --gm3-list-list-item-selected-hover-trailing-ic= on-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-l= ist-item-selected-label-text-color: var(--gm3-sys-color-on-secondary-contai= ner,#004a77); --gm3-list-list-item-selected-supporting-text-color: var(--gm= 3-sys-color-on-secondary-container,#004a77); --gm3-list-list-item-selected-= trailing-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); -= -gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-list-list-item-supporting-text-line-height: 1rem; --= gm3-list-list-item-supporting-text-size: 0.75rem; --gm3-list-list-item-supp= orting-text-tracking: 0.00625rem; --gm3-list-list-item-supporting-text-weig= ht: 400; --gm3-list-list-item-control-selected-container-shape: 0px; --gm3-= list-list-item-control-selected-hover-label-text-color: var(--gm3-sys-color= -on-surface,#1f1f1f); --gm3-list-list-item-control-selected-hover-state-lay= er-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-con= trol-selected-hover-state-layer-opacity: 0.08; --gm3-list-list-item-control= -selected-hover-trailing-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f= ); --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-label-text-w= eight: "wght" 400; --gm3-list-list-item-control-selected-leading-icon-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-sel= ected-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-menu-list-item-container-shape: 0px; --gm3-menu-list-item-hover-la= bel-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-it= em-hover-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-= menu-list-item-hover-state-layer-opacity: 0.08; --gm3-menu-list-item-hover-= trailing-icon-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-me= nu-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --g= m3-menu-list-item-label-text-line-height: 1.25rem; --gm3-menu-list-item-lab= el-text-size: 0.875rem; --gm3-menu-list-item-label-text-tracking: 0rem; --g= m3-menu-list-item-label-text-weight: "wght" 400; --gm3-menu-list-item-leadi= ng-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-ite= m-selected-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff= ); --gm3-menu-list-item-selected-container-shape: 0px; --gm3-menu-list-item= -selected-hover-label-text-color: var(--gm3-sys-color-on-secondary-containe= r,#004a77); --gm3-menu-list-item-selected-hover-leading-icon-color: var(--g= m3-sys-color-on-secondary-container,#004a77); --gm3-menu-list-item-selected= -hover-state-layer-color: var(--gm3-sys-color-secondary-container,#c2e7ff);= --gm3-menu-list-item-selected-hover-state-layer-opacity: 0; --gm3-menu-lis= t-item-selected-hover-trailing-icon-color: var(--gm3-sys-color-on-secondary= -container,#004a77); --gm3-menu-list-item-selected-label-text-color: var(--= gm3-sys-color-on-secondary-container,#004a77); --gm3-menu-list-item-selecte= d-supporting-text-color: var(--gm3-sys-color-on-secondary-container,#004a77= ); --gm3-menu-list-item-selected-trailing-icon-color: var(--gm3-sys-color-o= n-secondary-container,#004a77); --gm3-menu-list-item-selected-with-leading-= icon-trailing-icon-color: var(--gm3-sys-color-on-secondary-container,#004a7= 7); --gm3-menu-list-item-supporting-text-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-menu-list-item-supporting-text-line-height: 1re= m; --gm3-menu-list-item-supporting-text-size: 0.75rem; --gm3-menu-list-item= -supporting-text-tracking: 0.00625rem; --gm3-menu-list-item-supporting-text= -weight: 400; --gm3-menu-list-item-with-leading-icon-hover-icon-color: var(= --gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-with-leading-icon= -leading-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-li= st-item-control-selected-container-shape: 0px; --gm3-menu-list-item-control= -selected-hover-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-menu-list-item-control-selected-hover-state-layer-color: var(--gm3-sy= s-color-on-surface,#1f1f1f); --gm3-menu-list-item-control-selected-hover-st= ate-layer-opacity: 0.08; --gm3-menu-list-item-control-selected-hover-traili= ng-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-ite= m-control-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f= ); --gm3-menu-list-item-control-selected-label-text-weight: "wght" 400; --g= m3-menu-list-item-control-selected-leading-icon-color: var(--gm3-sys-color-= on-surface,#1f1f1f); --gm3-menu-list-item-control-selected-supporting-text-= color: var(--gm3-sys-color-on-surface-variant,#444746); border-radius: 0px;= box-sizing: border-box; gap: 12px; min-height: 40px; padding-inline: 16px;= } .appsElementsModifierSelectorRadioMenuItem > span > span { position: relati= ve; z-index: 1; } .appsElementsModifierSelectorRadioMenuItem > span > span:first-of-type { co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsModifierSelectorRadioMenuItem > span > span:nth-of-type(2) { c= olor: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsModifierSelectorRadioMenuItem:focus-visible:not([aria-checked= =3D"true"]):not([data-is-selected=3D"true"]), .appsElementsModifierSelector= RadioMenuItem:focus:not([aria-checked=3D"true"]):not([data-is-selected=3D"t= rue"]), .appsElementsModifierSelectorRadioMenuItem:hover:not([aria-checked= =3D"true"]):not([data-is-selected=3D"true"]) { background-color: color-mix(= in srgb,var(--gm3-sys-color-on-surface,#1f1f1f) 8%,transparent); } .appsElementsModifierSelectorRadioMenuItem:focus-visible:not([aria-checked= =3D"true"]):not([data-is-selected=3D"true"]) > span > span:first-of-type, .= appsElementsModifierSelectorRadioMenuItem:focus:not([aria-checked=3D"true"]= ):not([data-is-selected=3D"true"]) > span > span:first-of-type, .appsElemen= tsModifierSelectorRadioMenuItem:hover:not([aria-checked=3D"true"]):not([dat= a-is-selected=3D"true"]) > span > span:first-of-type { color: var(--gm3-sys= -color-on-surface,#1f1f1f); } .appsElementsModifierSelectorRadioMenuItem:focus-visible:not([aria-checked= =3D"true"]):not([data-is-selected=3D"true"]) > span > span:nth-of-type(2), = .appsElementsModifierSelectorRadioMenuItem:focus:not([aria-checked=3D"true"= ]):not([data-is-selected=3D"true"]) > span > span:nth-of-type(2), .appsElem= entsModifierSelectorRadioMenuItem:hover:not([aria-checked=3D"true"]):not([d= ata-is-selected=3D"true"]) > span > span:nth-of-type(2) { color: var(--gm3-= sys-color-on-surface-variant,#444746); } .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"], .appsEle= mentsModifierSelectorRadioMenuItem[data-is-selected=3D"true"] { background-= color: var(--gm3-sys-color-secondary-container,#c2e7ff); color: var(--gm3-s= ys-color-on-secondary-container,#004a77); } .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"] > span > = span:first-of-type, .appsElementsModifierSelectorRadioMenuItem[aria-checked= =3D"true"] > span > span:nth-of-type(2), .appsElementsModifierSelectorRadio= MenuItem[data-is-selected=3D"true"] > span > span:first-of-type, .appsEleme= ntsModifierSelectorRadioMenuItem[data-is-selected=3D"true"] > span > span:n= th-of-type(2) { color: var(--gm3-sys-color-on-secondary-container,#004a77);= } .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:focus, .a= ppsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:focus-visib= le, .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:hover= , .appsElementsModifierSelectorRadioMenuItem[data-is-selected=3D"true"]:foc= us, .appsElementsModifierSelectorRadioMenuItem[data-is-selected=3D"true"]:f= ocus-visible, .appsElementsModifierSelectorRadioMenuItem[data-is-selected= =3D"true"]:hover { background-color: var(--gm3-sys-color-secondary-containe= r,#c2e7ff); color: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:focus-vis= ible > span > span:first-of-type, .appsElementsModifierSelectorRadioMenuIte= m[aria-checked=3D"true"]:focus-visible > span > span:nth-of-type(2), .appsE= lementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:focus > span > = span:first-of-type, .appsElementsModifierSelectorRadioMenuItem[aria-checked= =3D"true"]:focus > span > span:nth-of-type(2), .appsElementsModifierSelecto= rRadioMenuItem[aria-checked=3D"true"]:hover > span > span:first-of-type, .a= ppsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"]:hover > spa= n > span:nth-of-type(2), .appsElementsModifierSelectorRadioMenuItem[data-is= -selected=3D"true"]:focus-visible > span > span:first-of-type, .appsElement= sModifierSelectorRadioMenuItem[data-is-selected=3D"true"]:focus-visible > s= pan > span:nth-of-type(2), .appsElementsModifierSelectorRadioMenuItem[data-= is-selected=3D"true"]:focus > span > span:first-of-type, .appsElementsModif= ierSelectorRadioMenuItem[data-is-selected=3D"true"]:focus > span > span:nth= -of-type(2), .appsElementsModifierSelectorRadioMenuItem[data-is-selected=3D= "true"]:hover > span > span:first-of-type, .appsElementsModifierSelectorRad= ioMenuItem[data-is-selected=3D"true"]:hover > span > span:nth-of-type(2) { = color: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsElementsModifierSelectorRadioMenuItem[aria-checked=3D"true"] .appsElem= entsModifierSelectorCheckIcon, .appsElementsModifierSelectorRadioMenuItem[d= ata-is-selected=3D"true"] .appsElementsModifierSelectorCheckIcon { color: v= ar(--gm3-sys-color-on-secondary-container,#004a77); } .appsElementsModifierSelectorTooltip { z-index: 10001; } .appsElementsModifierSelectorSubmenuSelectedBadge { --KoO2Cf: var(--gm3-sys= -color-primary,#0b57d0); } .appsElementsModifierSelectorMenuHeader { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing:= 0.00625rem; line-height: 1rem; align-items: center; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); display: flex; gap: 12px; height: 32px; j= ustify-content: space-between; padding: 0px 12px; } .appsElementsModifierSelectorMenuHeaderTitle { flex-basis: 100%; } .appsElementsModifierSelectorMenuHeaderIconButton { --gm3-icon-button-stand= ard-container-width: 24px; --gm3-icon-button-standard-container-height: 24p= x; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-u= nselected-pressed-state-layer-opacity: 0; color: var(--gm3-sys-color-on-sur= face-variant,#444746); } .appsElementsModifierSelectorBaseMenu.appsElementsModifierSelectorBaseMenu = { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875re= m; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; --gm3-list-= list-item-content-gap: 12px; --gm3-list-list-item-label-text-color: var(--g= m3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-weight: 4= 00; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-list-list-item-one-line-padding: 0; --gm3-list-lis= t-item-two-line-container-height: 52px; --gm3-list-list-item-two-line-paddi= ng: 8px; --gm3-list-list-item-control-selected-label-text-color: var(--gm3-= sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-label-= text-weight: 400; --gm3-list-list-item-control-selected-leading-icon-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-container-colo= r: var(--gm3-sys-color-surface,#fff); --gm3-menu-container-elevation: 2; --= gm3-menu-list-item-container-height: 32px; --gm3-menu-list-item-content-gap= : 12px; --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-i= tem-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-menu-list-item-one-line-padding: 0; --gm3-menu-list-item-two-line-conta= iner-height: 52px; --gm3-menu-list-item-two-line-padding: 8px; --gm3-menu-l= ist-padding: 8px 0; --gm3-menu-list-item-control-selected-label-text-color:= var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-control-sele= cted-label-text-weight: 400; --gm3-menu-list-item-control-selected-leading-= icon-color: var(--gm3-sys-color-on-surface-variant,#444746); border-radius:= 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); min-width: 288px; pad= ding: 0px; z-index: 10000; } .appsElementsModifierSelectorBaseSubMenu.appsElementsModifierSelectorBaseSu= bMenu { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0= .875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; --gm3= -list-list-item-content-gap: 12px; --gm3-list-list-item-label-text-color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-wei= ght: 400; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-list-list-item-one-line-padding: 0; --gm3-li= st-list-item-two-line-container-height: 52px; --gm3-list-list-item-two-line= -padding: 8px; --gm3-list-list-item-control-selected-label-text-color: var(= --gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-= label-text-weight: 400; --gm3-list-list-item-control-selected-leading-icon-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-containe= r-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-container-elevation:= 2; --gm3-menu-list-item-container-height: 32px; --gm3-menu-list-item-conte= nt-gap: 12px; --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on= -surface,#1f1f1f); --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-= list-item-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-menu-list-item-one-line-padding: 0; --gm3-menu-list-item-two-line= -container-height: 52px; --gm3-menu-list-item-two-line-padding: 8px; --gm3-= menu-list-padding: 8px 0; --gm3-menu-list-item-control-selected-label-text-= color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-contro= l-selected-label-text-weight: 400; --gm3-menu-list-item-control-selected-le= ading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); border-r= adius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); min-width: 240p= x; padding: 0px; z-index: 10000; } .appsElementsModifierSelectorMenuWithFileItems.appsElementsModifierSelector= MenuWithFileItems { font-family: "Google Sans", Roboto, Arial, sans-serif; = font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.= 25rem; --gm3-list-list-item-content-gap: 12px; --gm3-list-list-item-label-t= ext-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-la= bel-text-weight: 400; --gm3-list-list-item-leading-icon-color: var(--gm3-sy= s-color-on-surface-variant,#444746); --gm3-list-list-item-one-line-padding:= 0; --gm3-list-list-item-two-line-container-height: 52px; --gm3-list-list-i= tem-two-line-padding: 8px; --gm3-list-list-item-control-selected-label-text= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-contr= ol-selected-label-text-weight: 400; --gm3-list-list-item-control-selected-l= eading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-m= enu-container-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-containe= r-elevation: 2; --gm3-menu-list-item-container-height: 32px; --gm3-menu-lis= t-item-content-gap: 12px; --gm3-menu-list-item-label-text-color: var(--gm3-= sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-label-text-weight: 400;= --gm3-menu-list-item-leading-icon-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-menu-list-item-one-line-padding: 0; --gm3-menu-list-i= tem-two-line-container-height: 52px; --gm3-menu-list-item-two-line-padding:= 8px; --gm3-menu-list-padding: 8px 0; --gm3-menu-list-item-control-selected= -label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list= -item-control-selected-label-text-weight: 400; --gm3-menu-list-item-control= -selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); border-radius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); min= -width: 288px; padding: 0px; z-index: 10000; } .appsElementsModifierSelectorFileItem > span:nth-last-of-type(3) { overflow= : hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 320px; } .appsElementsGenerativeaiImageReferencePickerUploadButton { --gm3-icon-butt= on-standard-container-shape-start-start: 12px; --gm3-icon-button-standard-c= ontainer-shape-start-end: 12px; --gm3-icon-button-standard-container-shape-= end-end: 12px; --gm3-icon-button-standard-container-shape-end-start: 12px; = --gm3-icon-button-standard-pressed-container-shape-start-start: 12px; --gm3= -icon-button-standard-pressed-container-shape-start-end: 12px; --gm3-icon-b= utton-standard-pressed-container-shape-end-end: 12px; --gm3-icon-button-sta= ndard-pressed-container-shape-end-start: 12px; box-sizing: border-box; } @media (forced-colors: none) { .appsElementsGenerativeaiImageReferencePickerUploadButton { border: 1px d= ashed var(--gm3-sys-color-outline-variant,#c4c7c5); } } .appsElementsGenerativeaiImageReferencePickerMenu { --gm3-list-container-sh= ape: 16px; --gm3-menu-container-color: var(--gm3-sys-color-surface-containe= r-high,#e9eef6); --gm3-menu-container-shape: 16px; --gm3-menu-list-item-wit= h-leading-icon-leading-icon-size: 20px; --gm3-menu-menu-list-item-with-lead= ing-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3= -menu-active-container-shape: 16px; overflow: hidden; z-index: 2000; } .appsElementsGenerativeaiImageReferencePreviewCompactContainer::before, .ap= psElementsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContainer::= before, .appsElementsGenerativeaiImageReferencePreviewContainer::before, .a= ppsElementsGenerativeaiImageReferencePreviewLoadingSpinnerContainer::before= { position: absolute; box-sizing: border-box; width: 100%; height: 100%; t= op: 0px; left: 0px; border: 1px solid transparent; border-radius: inherit; = content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiImageReferencePreviewCompactContainer::before, .= appsElementsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContainer= ::before, .appsElementsGenerativeaiImageReferencePreviewContainer::before, = .appsElementsGenerativeaiImageReferencePreviewLoadingSpinnerContainer::befo= re { border-color: canvastext; } } .appsElementsGenerativeaiImageReferencePreviewCompactContainer, .appsElemen= tsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContainer, .appsEle= mentsGenerativeaiImageReferencePreviewContainer, .appsElementsGenerativeaiI= mageReferencePreviewLoadingSpinnerContainer { border-radius: 12px; position= : relative; } .appsElementsGenerativeaiImageReferencePreviewImage { background-color: var= (--gm3-sys-color-surface-container-high,#e9eef6); block-size: 100%; border-= radius: 12px; inline-size: 100%; object-fit: cover; object-position: center= center; } .appsElementsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContaine= r, .appsElementsGenerativeaiImageReferencePreviewLoadingSpinnerContainer { = align-items: center; background-color: var(--gm3-sys-color-inverse-on-surfa= ce,#f2f2f2); display: flex; justify-content: center; } .appsElementsGenerativeaiImageReferencePreviewRemoveImageButtonContainer { = inset-block-start: 0px; inset-inline-start: 0px; position: absolute; z-inde= x: 1; } .appsElementsGenerativeaiImageReferencePreviewCompactRemoveImageButton, .ap= psElementsGenerativeaiImageReferencePreviewRemoveImageButton { opacity: 0; = } :is(.appsElementsGenerativeaiImageReferencePreviewContainer, .appsElementsG= enerativeaiImageReferencePreviewLoadingSpinnerContainer, .appsElementsGener= ativeaiImageReferencePreviewCompactContainer, .appsElementsGenerativeaiImag= eReferencePreviewCompactLoadingSpinnerContainer):is(:hover, :focus-within) = :is(.appsElementsGenerativeaiImageReferencePreviewRemoveImageButton, .appsE= lementsGenerativeaiImageReferencePreviewCompactRemoveImageButton) { opacity= : 1; } :is(.appsElementsGenerativeaiImageReferencePreviewLoadingSpinnerContainer, = .appsElementsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContaine= r):is(:hover, :focus-within) :is(.appsElementsGenerativeaiImageReferencePre= viewLoadingSpinner, .appsElementsGenerativeaiImageReferencePreviewCompactLo= adingSpinner) { opacity: 0; } .appsElementsGenerativeaiImageReferencePreviewContainer, .appsElementsGener= ativeaiImageReferencePreviewLoadingSpinnerContainer { block-size: 72px; inl= ine-size: 72px; } .appsElementsGenerativeaiImageReferencePreviewLoadingSpinner { --EscQs: 3px= ; --EkrYwf: 24px; } .appsElementsGenerativeaiImageReferencePreviewCompactRemoveImageButton, .ap= psElementsGenerativeaiImageReferencePreviewRemoveImageButton { --gm3-icon-b= utton-filled-container-color: color-mix(in srgb,var(--gm3-sys-color-scrim,#= 000),transparent 68%); --gm3-icon-button-filled-focus-icon-color: var(--gm3= -sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-hover-icon-color: = var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-icon-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-presse= d-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-fi= lled-container-shape-start-start: 12px; --gm3-icon-button-filled-container-= shape-start-end: 12px; --gm3-icon-button-filled-container-shape-end-end: 12= px; --gm3-icon-button-filled-container-shape-end-start: 12px; --gm3-icon-bu= tton-filled-pressed-container-shape-start-start: 12px; --gm3-icon-button-fi= lled-pressed-container-shape-start-end: 12px; --gm3-icon-button-filled-pres= sed-container-shape-end-end: 12px; --gm3-icon-button-filled-pressed-contain= er-shape-end-start: 12px; } .appsElementsGenerativeaiImageReferencePreviewRemoveImageButton { --gm3-ico= n-button-filled-container-height: 72px; --gm3-icon-button-filled-container-= width: 72px; --gm3-icon-button-filled-icon-size: 24px; } .appsElementsGenerativeaiImageReferencePreviewCompactContainer, .appsElemen= tsGenerativeaiImageReferencePreviewCompactLoadingSpinnerContainer { block-s= ize: 40px; inline-size: 40px; overflow: hidden; } .appsElementsGenerativeaiImageReferencePreviewCompactLoadingSpinner { --Esc= Qs: 2px; --EkrYwf: 16px; } .appsElementsGenerativeaiImageReferencePreviewCompactRemoveImageButton { --= gm3-icon-button-filled-container-height: 40px; --gm3-icon-button-filled-con= tainer-width: 40px; --gm3-icon-button-filled-icon-size: 16px; } .appsElementsGenerativeaiImageReferencePreviewListContainer { display: flex= ; flex-wrap: wrap; gap: 8px; position: relative; } .appsElementsGenerativeaiImageReferencePreviewListImagePreview::before, .ap= psElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinnerCo= ntainer::before { position: absolute; box-sizing: border-box; width: 100%; = height: 100%; top: 0px; left: 0px; border: 1px solid transparent; border-ra= dius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiImageReferencePreviewListImagePreview::before, .= appsElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinner= Container::before { border-color: canvastext; } } .appsElementsGenerativeaiImageReferencePreviewListImagePreview, .appsElemen= tsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinnerContainer = { block-size: 72px; border-radius: 12px; inline-size: 72px; position: relat= ive; } .appsElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinne= rContainer { align-items: center; background-color: var(--gm3-sys-color-inv= erse-on-surface,#f2f2f2); display: flex; justify-content: center; } .appsElementsGenerativeaiImageReferencePreviewListImage { background-color:= var(--gm3-sys-color-surface-container-high,#e9eef6); block-size: 100%; bor= der-radius: 12px; inline-size: 100%; object-fit: cover; object-position: ce= nter center; } .appsElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinne= r { --EscQs: 3px; --EkrYwf: 24px; } .appsElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinne= rContainer:focus-within .appsElementsGenerativeaiImageReferencePreviewListI= magePreviewLoadingSpinner, .appsElementsGenerativeaiImageReferencePreviewLi= stImagePreviewLoadingSpinnerContainer:hover .appsElementsGenerativeaiImageR= eferencePreviewListImagePreviewLoadingSpinner { opacity: 0; } .appsElementsGenerativeaiImageReferencePreviewListRemoveImageButtonContaine= r { inset-block-start: 0px; inset-inline-start: 0px; position: absolute; z-= index: 1; } .appsElementsGenerativeaiImageReferencePreviewListRemoveImageButton { --gm3= -icon-button-filled-container-color: color-mix(in srgb,var(--gm3-sys-color-= scrim,#000),transparent 68%); --gm3-icon-button-filled-container-height: 72= px; --gm3-icon-button-filled-container-width: 72px; --gm3-icon-button-fille= d-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-but= ton-filled-hover-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3= -icon-button-filled-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --= gm3-icon-button-filled-icon-size: 24px; --gm3-icon-button-filled-pressed-ic= on-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled= -container-shape-start-start: 12px; --gm3-icon-button-filled-container-shap= e-start-end: 12px; --gm3-icon-button-filled-container-shape-end-end: 12px; = --gm3-icon-button-filled-container-shape-end-start: 12px; --gm3-icon-button= -filled-pressed-container-shape-start-start: 12px; --gm3-icon-button-filled= -pressed-container-shape-start-end: 12px; --gm3-icon-button-filled-pressed-= container-shape-end-end: 12px; --gm3-icon-button-filled-pressed-container-s= hape-end-start: 12px; opacity: 0; } .appsElementsGenerativeaiImageReferencePreviewListImagePreview:focus-within= .appsElementsGenerativeaiImageReferencePreviewListRemoveImageButton, .apps= ElementsGenerativeaiImageReferencePreviewListImagePreview:hover .appsElemen= tsGenerativeaiImageReferencePreviewListRemoveImageButton, .appsElementsGene= rativeaiImageReferencePreviewListImagePreviewLoadingSpinnerContainer:focus-= within .appsElementsGenerativeaiImageReferencePreviewListRemoveImageButton,= .appsElementsGenerativeaiImageReferencePreviewListImagePreviewLoadingSpinn= erContainer:hover .appsElementsGenerativeaiImageReferencePreviewListRemoveI= mageButton { opacity: 1; } .appsElementsGenerativeaiPromptboxStylePickerRoot, .appsElementsGenerativea= iPromptboxStylePickerSelectedStyleChip { align-items: center; display: inli= ne-flex; height: 40px; } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip { background-colo= r: var(--gm3-sys-color-surface-container-highest,#dde3ea); width: 140px; --= gm3-chip-shared-container-height: 40px; --gm3-chip-shared-with-icon-icon-si= ze: 40px; --gm3-chip-shared-with-leading-icon-leading-space: 0; --gm3-chip-= shared-container-shape-start-start: 9999px; --gm3-chip-shared-container-sha= pe-start-end: 9999px; --gm3-chip-shared-container-shape-end-end: 9999px; --= gm3-chip-shared-container-shape-end-start: 9999px; --gm3-chip-input-without= -avatar-disabled-outline-color: transparent; --gm3-chip-input-without-avata= r-focus-outline-color: var(--gm3-sys-color-outline,#747775); --gm3-chip-inp= ut-without-avatar-outline-color: transparent; --gm3-chip-input-without-avat= ar-outline-width: 0; --gm3-chip-input-without-avatar-focus-label-text-color= : var(--gm3-sys-color-primary,#0b57d0); --gm3-chip-input-without-avatar-hov= er-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-chip-input= -without-avatar-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --g= m3-chip-input-without-avatar-pressed-label-text-color: var(--gm3-sys-color-= primary,#0b57d0); --gm3-chip-input-without-avatar-with-trailing-icon-disabl= ed-trailing-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-chip-in= put-without-avatar-with-trailing-icon-focus-trailing-icon-color: var(--gm3-= sys-color-primary,#0b57d0); --gm3-chip-input-without-avatar-with-trailing-i= con-hover-trailing-icon-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-= chip-input-without-avatar-with-trailing-icon-pressed-trailing-icon-color: v= ar(--gm3-sys-color-primary,#0b57d0); --gm3-chip-input-without-avatar-with-t= railing-icon-trailing-icon-color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip:focus-visible { o= utline: 2px solid var(--gm3-sys-color-outline,#747775); outline-offset: 2px= ; } @media (forced-colors: active) { .appsElementsGenerativeaiPromptboxStylePickerSelectedChip { border: 2px s= olid selecteditem; } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip:focus-visible {= outline: highlight solid 2px; outline-offset: 2px; } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip [type=3D"button= "] { border: 1px solid buttontext; } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip [type=3D"button= "]:focus-visible { outline: highlight solid 2px; outline-offset: 2px; } } .appsElementsGenerativeaiPromptboxStylePickerSelectedChip [src] { border-ra= dius: 9999px; height: 32px; object-fit: cover; width: 32px; } .appsElementsGenerativeaiPromptboxStylePickerLoadingStyleChip { align-items= : center; background-color: var(--gm3-sys-color-surface-container-highest,#= dde3ea); border-radius: 9999px; box-sizing: border-box; display: inline-fle= x; height: 40px; justify-content: flex-start; padding-inline-start: 11px; v= ertical-align: middle; width: 140px; } .appsElementsGenerativeaiPromptboxStylePickerLoadingSpinner { --yPTsAb: var= (--gm3-sys-color-on-surface-variant,#444746); --EscQs: 2px; --EkrYwf: 18px;= --Sewh0e: var(--gm3-sys-color-surface-variant,#e1e3e1); align-items: cente= r; display: flex; justify-content: center; margin: 0px; } .appsElementsGenerativeaiPromptboxStylePickerStyleMenuButton { position: re= lative; width: 93px; --gm3-button-text-container-height: 40px; --gm3-button= -text-container-min-width: 93px; --gm3-button-text-focus-label-text-color: = var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-text-hover-label-text= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-text-label-te= xt-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-text-presse= d-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-t= ext-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --= gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface,= #1f1f1f); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-su= rface,#1f1f1f); --gm3-button-text-with-icon-icon-size: 20px; --gm3-button-t= ext-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-button-text-container-shape-start-start: 9999px; --gm3-button-text-co= ntainer-shape-start-end: 9999px; --gm3-button-text-container-shape-end-end:= 9999px; --gm3-button-text-container-shape-end-start: 9999px; --gm3-button-= text-pressed-container-shape-start-start: 9999px; --gm3-button-text-pressed= -container-shape-start-end: 9999px; --gm3-button-text-pressed-container-sha= pe-end-end: 9999px; --gm3-button-text-pressed-container-shape-end-start: 99= 99px; } .appsElementsGenerativeaiPromptboxStylePickerStyleMenuButton:focus-visible = { outline: 2px solid var(--gm3-sys-color-on-surface,#1f1f1f); outline-offse= t: 2px; } @media (forced-colors: active) { .appsElementsGenerativeaiPromptboxStylePickerStyleMenuButton { border: 1p= x solid buttontext; } .appsElementsGenerativeaiPromptboxStylePickerStyleMenuButton:focus-visibl= e { outline: highlight solid 2px; outline-offset: 2px; } } .appsElementsGenerativeaiPromptboxStylePickerMenu { --gm3-list-container-sh= ape: 16px; --gm3-menu-container-color: var(--gm3-sys-color-surface-containe= r-high,#e9eef6); --gm3-menu-container-shape: 16px; --gm3-menu-list-item-wit= h-leading-icon-leading-icon-size: 20px; --gm3-menu-menu-list-item-with-lead= ing-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3= -menu-active-container-shape: 16px; overflow: hidden; } .appsElementsGenerativeaiScoperSearchSettingsDialogContent { --VcxYfc: 0; -= -eNKeTe: var(--gm3-sys-color-surface,#fff); --W1aG0b: 0; --urucif: 0; --Cv3= aid: 0; --xkSh4b: 0; --tukwab: 0; } .appsElementsGenerativeaiScoperSearchSettingsDialogRoot { box-sizing: borde= r-box; display: flex; flex-direction: column; inline-size: 396px; } .appsElementsGenerativeaiScoperSearchSettingsDialogHeaderBlock { display: f= lex; flex-direction: column; gap: 16px; padding: 24px 24px 16px; } .appsElementsGenerativeaiScoperSearchSettingsDialogTitleText { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.75rem; color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); margin: 0px; } .appsElementsGenerativeaiScoperSearchSettingsDialogDescriptionContainer { d= isplay: flex; flex-direction: column; gap: 4px; } .appsElementsGenerativeaiScoperSearchSettingsDialogDescriptionText { font-f= amily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-= weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sy= s-color-on-surface-variant,#444746); margin: 0px; } .appsElementsGenerativeaiScoperSearchSettingsDialogLearnMoreLink { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-= color-primary,#0b57d0); text-decoration: underline; } .appsElementsGenerativeaiScoperSearchSettingsDialogLearnMoreLink:hover { te= xt-decoration: underline; } .appsElementsGenerativeaiScoperSearchSettingsDialogSearchContainer { box-si= zing: border-box; inline-size: 100%; padding: 0px 24px 24px; } .appsElementsGenerativeaiScoperSearchSettingsDialogSearchTextField { --gm3-= text-field-outlined-container-shape: 24px; --gm3-text-field-outlined-focus-= indicator-outline-thickness: 2px; --gm3-text-field-outlined-container-shape= -start-start: 24px; --gm3-text-field-outlined-container-shape-start-end: 24= px; --gm3-text-field-outlined-container-shape-end-end: 24px; --gm3-text-fie= ld-outlined-container-shape-end-start: 24px; inline-size: 100%; } .appsElementsGenerativeaiScoperSearchSettingsDialogContentSection { border-= block-end: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); box-sizi= ng: border-box; display: flex; flex-direction: column; flex-shrink: 0; gap:= 16px; max-block-size: 360px; min-block-size: 0px; overflow-y: auto; paddin= g: 0px 24px 16px; } .appsElementsGenerativeaiScoperSearchSettingsDialogNoResultsContainer { ali= gn-items: center; box-sizing: border-box; display: flex; justify-content: c= enter; min-block-size: 120px; padding-block: 28px 36px; inline-size: 100%; = } .appsElementsGenerativeaiScoperSearchSettingsDialogNoResultsText { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color= -on-surface-variant,#444746); text-align: center; } .appsElementsGenerativeaiScoperSearchSettingsDialogSection { display: flex;= flex-direction: column; gap: 8px; } .appsElementsGenerativeaiScoperSearchSettingsDialogSectionDivider { border-= block-start: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsGenerativeaiScoperSearchSettingsDialogSectionHeader { align-it= ems: center; display: flex; justify-content: space-between; margin-block-en= d: 4px; } .appsElementsGenerativeaiScoperSearchSettingsDialogSectionTitle { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 500; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sy= s-color-on-surface,#1f1f1f); } .appsElementsGenerativeaiScoperSearchSettingsDialogManageLink { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight= : 500; letter-spacing: 0.00625rem; line-height: 1rem; align-items: center; = color: var(--gm3-sys-color-primary,#0b57d0); display: flex; gap: 8px; text-= decoration: none; } .appsElementsGenerativeaiScoperSearchSettingsDialogManageLink:hover { text-= decoration: underline; } .appsElementsGenerativeaiScoperSearchSettingsDialogManageLinkIcon { block-s= ize: 20px; display: flex; fill: currentcolor; inline-size: 20px; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemList { display: flex= ; flex-direction: column; gap: 2px; padding-inline-start: 8px; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemRow { align-items: c= enter; box-sizing: border-box; display: flex; justify-content: space-betwee= n; padding-block: 6px; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemLeading { align-item= s: center; display: flex; gap: 12px; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemIcon { align-items: = center; block-size: 24px; color: var(--gm3-sys-color-on-surface-variant,#44= 4746); display: flex; inline-size: 24px; justify-content: center; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemIcon [class] { block= -size: 24px; inline-size: 24px; } .appsElementsGenerativeaiScoperSearchSettingsDialogItemLabel { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 40= 0; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-= surface,#1f1f1f); } .appsElementsGenerativeaiScoperSearchSettingsDialogItemTrailing { align-ite= ms: center; display: flex; --gm3-switch-track-width: 40px; --gm3-switch-tra= ck-height: 20px; --gm3-switch-state-layer-size: 25px; --gm3-switch-pressed-= handle-height: 16px; --gm3-switch-pressed-handle-width: 16px; --gm3-switch-= selected-handle-height: 14px; --gm3-switch-selected-handle-width: 14px; --g= m3-switch-selected-icon-size: 10px; --gm3-switch-unselected-handle-height: = 10px; --gm3-switch-unselected-handle-width: 10px; --gm3-switch-unselected-i= con-size: 10px; --gm3-switch-with-icon-handle-height: 14px; --gm3-switch-wi= th-icon-handle-width: 14px; --gm3-switch-touch-target-height: 20px; --gm3-s= witch-touch-target-width: 33px; } .appsElementsGenerativeaiScoperSearchSettingsDialogCustomActionsContainer {= box-sizing: border-box; display: flex; gap: 8px; justify-content: flex-end= ; padding: 16px; } .appsElementsGenerativeaiPromptOptionsMenuPromptOptionsMenuRoot { align-ite= ms: center; display: inline-flex; justify-content: center; } .appsElementsGenerativeaiPromptOptionsMenuPromptOptionsMenuIconButton { --g= m3-icon-button-standard-container-height: 32px; --gm3-icon-button-standard-= container-width: 32px; --gm3-icon-button-standard-icon-size: 20px; } .appsElementsGenerativeaiPromptOptionsMenuPromptOptionsMenuIconButton:focus= -visible { z-index: 1; } .appsElementsGenerativeaiPromptOptionsMenuPromptOptionsMenuMenuSurface { fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; f= ont-weight: 400; letter-spacing: 0px; line-height: 1.25rem; --gm3-list-list= -item-content-gap: 12px; --gm3-list-list-item-label-text-font: "Google Sans= "; --gm3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-it= em-label-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0re= m; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-item-leadin= g-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-l= ist-item-one-line-padding: 0; --gm3-list-list-item-control-selected-label-t= ext-weight: 400; --gm3-list-list-item-control-selected-leading-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-divider-space: = 6px 8px; --gm3-menu-list-item-container-height: 32px; --gm3-menu-list-item-= content-gap: 12px; --gm3-menu-list-item-label-text-font: "Google Sans Flex"= ,"Google Sans",Roboto,Arial,sans-serif; --gm3-menu-list-item-label-text-lin= e-height: 1.25rem; --gm3-menu-list-item-label-text-size: 0.875rem; --gm3-me= nu-list-item-label-text-tracking: 0rem; --gm3-menu-list-item-label-text-wei= ght: 400; --gm3-menu-list-item-leading-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-menu-list-item-one-line-padding: 0; --gm3-me= nu-list-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-ite= m-control-selected-label-text-weight: 400; --gm3-menu-list-item-control-sel= ected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); = --ae-generativeai-scoper-divider-space: 6px 8px; background: var(--gm3-sys-= color-surface-container-lowest,#fff); border-radius: 8px; color: var(--gm3-= sys-color-on-surface,#1f1f1f); width: 288px; z-index: 10000; } .appsElementsGenerativeaiPromptOptionsMenuPromptOptionsMenuScoperContainer = { --gm3-list-list-item-label-text-font: "Google Sans"; --gm3-list-list-item= -label-text-line-height: 1.25rem; --gm3-list-list-item-label-text-size: 0.8= 75rem; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-list-item= -label-text-weight: 400; --gm3-list-list-item-control-selected-label-text-w= eight: 400; --gm3-menu-list-item-container-height: 32px; --gm3-menu-list-it= em-label-text-font: "Google Sans Flex","Google Sans",Roboto,Arial,sans-seri= f; --gm3-menu-list-item-label-text-line-height: 1.25rem; --gm3-menu-list-it= em-label-text-size: 0.875rem; --gm3-menu-list-item-label-text-tracking: 0re= m; --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-item-contro= l-selected-label-text-weight: 400; } .appsElementsScoperEl { content-visibility: visible; } .appsElementsScoperEl:empty { display: none; } .appsElementsScoperScoperItemsMenuContainer { display: flex; flex-direction= : column; } .appsElementsScoperScoperItemsMenuList { --gm3-list-list-item-container-col= or: transparent; --gm3-list-list-item-label-text-size: 14px; --gm3-list-lis= t-item-leading-icon-size: 20px; --gm3-list-list-item-one-line-container-hei= ght: 32px; --gm3-list-list-item-one-line-padding: 0; --gm3-list-list-item-t= railing-supporting-text-size: 12px; --gm3-list-list-item-control-selected-c= ontainer-color: transparent; --gm3-list-list-item-fallback-selection-end-ma= rgin: 0; inline-size: 288px; } .appsElementsScoperMenuItemTextControl { padding: 0px; white-space: nowrap;= --gm3-button-text-container-height: 24px; --gm3-button-text-container-min-= width: 0px; --gm3-button-text-hover-state-layer-color: transparent; --gm3-b= utton-text-label-text-size: 12px; --gm3-button-text-pressed-state-layer-col= or: transparent; } .appsElementsScoperMenuItemControls { align-items: center; display: flex; g= ap: 0px; height: 100%; } .appsElementsScoperMenuItemControlsHover { align-items: center; display: fl= ex; gap: 0px; height: 100%; opacity: 0; pointer-events: none; transition: o= pacity 0.15s, visibility linear 0.15s; visibility: hidden; } .appsElementsScoperMenuActionItem:focus-visible .appsElementsScoperMenuItem= ControlsHover, .appsElementsScoperMenuActionItem:has(:focus-visible) .appsE= lementsScoperMenuItemControlsHover, .appsElementsScoperMenuActionItem:hover= .appsElementsScoperMenuItemControlsHover, .appsElementsScoperMenuItemWithC= ontrols:focus-visible .appsElementsScoperMenuItemControlsHover, .appsElemen= tsScoperMenuItemWithControls:has(:focus-visible) .appsElementsScoperMenuIte= mControlsHover, .appsElementsScoperMenuItemWithControls:hover .appsElements= ScoperMenuItemControlsHover { opacity: 1; pointer-events: auto; transition:= opacity 0.15s; visibility: visible; } .appsElementsScoperSingleSourceTextButton { --gm3-button-outlined-container= -height: 32px; --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-button-outlined-focus-outline-colo= r: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-button-outlined-hove= r-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= button-outlined-hover-outline-color: var(--gm3-sys-color-surface,#fff); --g= m3-button-outlined-hover-state-layer-color: var(--gm3-sys-color-surface,#ff= f); --gm3-button-outlined-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-button-outlined-outline-color: var(--gm3-sys-color-= outline-variant,#c4c7c5); --gm3-button-outlined-pressed-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined-press= ed-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-butto= n-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-surface-varian= t,#444746); --gm3-button-outlined-with-icon-focus-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-button-outlined-with-icon-hover-i= con-color: var(--gm3-sys-color-surface,#fff); --gm3-button-outlined-with-ic= on-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-butto= n-outlined-with-icon-icon-label-space: 1px; --gm3-button-outlined-with-icon= -icon-size: 16px; --gm3-button-outlined-with-icon-pressed-icon-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-button-outlined-with-lead= ing-icon-leading-space: 6px; --gm3-button-outlined-with-leading-icon-traili= ng-space: 12px; --gm3-button-outlined-container-shape-start-start: 16px; --= gm3-button-outlined-container-shape-start-end: 16px; --gm3-button-outlined-= container-shape-end-end: 16px; --gm3-button-outlined-container-shape-end-st= art: 16px; --gm3-button-outlined-pressed-container-shape-start-start: 16px;= --gm3-button-outlined-pressed-container-shape-start-end: 16px; --gm3-butto= n-outlined-pressed-container-shape-end-end: 16px; --gm3-button-outlined-pre= ssed-container-shape-end-start: 16px; background: var(--gm3-sys-color-surfa= ce,#fff); border-style: none; max-width: 262px; } .appsElementsScoperTruncateLabelButton [jsname=3D"label_"] { left: 3px; } .appsElementsScoperCompactScoperMenuButton.appsElementsScoperCompactScoperM= enuButton { --gm3-dropdown-button-outlined-container-height: 32px; --gm3-dr= opdown-button-outlined-container-min-width: 32px; --gm3-dropdown-button-out= lined-dropdown-icon-label-space: 0px; --gm3-dropdown-button-outlined-focus-= label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dr= opdown-button-outlined-focus-outline-color: var(--gm3-sys-color-outline-var= iant,#c4c7c5); --gm3-dropdown-button-outlined-hover-label-text-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-= hover-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-dr= opdown-button-outlined-hover-state-layer-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-dropdown-button-outlined-label-text-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined= -outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-dropdow= n-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-dropdown-button-outlined-pressed-outline-color: var= (--gm3-sys-color-outline-variant,#c4c7c5); --gm3-dropdown-button-outlined-p= ressed-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-dropdown-button-outlined-with-icon-focus-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with-icon-h= over-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dro= pdown-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-dropdown-button-outlined-with-icon-icon-label-space= : 4px; --gm3-dropdown-button-outlined-with-icon-icon-size: 20px; --gm3-drop= down-button-outlined-with-icon-pressed-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-dropdown-button-outlined-with-leading-icon-l= eading-space: 8px; --gm3-dropdown-button-outlined-with-leading-icon-trailin= g-space: 8px; --gm3-dropdown-button-outlined-container-shape-start-start: 1= 6px; --gm3-dropdown-button-outlined-container-shape-start-end: 16px; --gm3-= dropdown-button-outlined-container-shape-end-end: 16px; --gm3-dropdown-butt= on-outlined-container-shape-end-start: 16px; --gm3-dropdown-button-outlined= -pressed-container-shape-start-start: 16px; --gm3-dropdown-button-outlined-= pressed-container-shape-start-end: 16px; --gm3-dropdown-button-outlined-pre= ssed-container-shape-end-end: 16px; --gm3-dropdown-button-outlined-pressed-= container-shape-end-start: 16px; background: var(--gm3-sys-color-surface-co= ntainer,#f0f4f9); border-style: none; max-inline-size: 192px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsScoperCompactScoperMenuButton.appsElementsScoperCompactScope= rMenuButton { border-style: solid; } } .appsElementsScoperMultipleSources.appsElementsScoperMultipleSources { --gm= 3-dropdown-button-outlined-container-height: 32px; --gm3-dropdown-button-ou= tlined-dropdown-icon-label-space: 4px; --gm3-dropdown-button-outlined-with-= icon-icon-label-space: 6px; min-inline-size: 56px; } .appsElementsScoperCompactScoperMenuButton:hover { background: var(--gm3-sy= s-color-surface-container-high,#e9eef6); } .appsElementsScoperHasDisabledSources.appsElementsScoperHasDisabledSources = { outline: 1px solid var(--gm3-sys-color-error,#b3261e); outline-offset: -1= px; } .appsElementsScoperScoperMenuButtonContainer { display: flex; } .appsElementsScoperAddSourcesIconButton.appsElementsScoperAddSourcesIconBut= ton { --gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-= standard-container-width: 32px; --gm3-icon-button-standard-icon-size: 20px;= border-style: none; } .appsElementsScoperSearchSettingsIconButton.appsElementsScoperSearchSetting= sIconButton { --gm3-icon-button-standard-container-height: var(--ae-generat= iveai-scoper-search-settings-icon-button-container-height,32px); --gm3-icon= -button-standard-container-width: var(--ae-generativeai-scoper-search-setti= ngs-icon-button-container-width,32px); --gm3-icon-button-standard-icon-size= : var(--ae-generativeai-scoper-search-settings-icon-button-icon-size,20px);= border-style: none; } .appsElementsScoperScoperSubMenu { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; = line-height: 1.25rem; --gm3-list-list-item-content-gap: 12px; --gm3-list-li= st-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-li= st-list-item-label-text-weight: 400; --gm3-list-list-item-leading-icon-colo= r: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-on= e-line-padding: 0; --gm3-list-list-item-selected-container-color: transpare= nt; --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-label-text-= weight: 400; --gm3-list-list-item-control-selected-leading-icon-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-menu-container-color: va= r(--gm3-sys-color-surface,#fff); --gm3-menu-container-elevation: 2; --gm3-m= enu-list-item-container-height: 32px; --gm3-menu-list-item-content-gap: 12p= x; --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1= f1f1f); --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-item-l= eading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-m= enu-list-item-one-line-padding: 0; --gm3-menu-list-item-selected-container-= color: transparent; --gm3-menu-list-item-with-leading-icon-leading-icon-siz= e: 20px; --gm3-menu-list-padding: 8px 0; --gm3-menu-list-item-control-selec= ted-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-l= ist-item-control-selected-label-text-weight: 400; --gm3-menu-list-item-cont= rol-selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); border-radius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); = width: 280px; padding: 0px; z-index: 2000; } .appsElementsScoperScoperSubMenu::before { position: absolute; box-sizing: = border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px sol= id transparent; border-radius: inherit; content: ""; pointer-events: none; = } @media screen and (forced-colors: active) { .appsElementsScoperScoperSubMenu::before { border-color: canvastext; } } .appsElementsScoperScoperSubMenu { padding-block-start: 4px; } .appsElementsScoperScoperItemWithSubMenu { --gm3-list-list-item-leading-ico= n-size: 16px; --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsScoperScoperItemWithSubMenuContainer { align-items: center; di= splay: flex; height: 100%; justify-content: space-between; overflow: hidden= ; width: 240px; } .appsElementsScoperScoperItemWithSubMenuContainer.appsElementsScoperActionI= temTrailingIconsContainer { width: 264px; } .appsElementsScoperScoperItemWithSubMenuTitle { font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-s= pacing: 0px; line-height: 1.25rem; flex: 1 1 0%; white-space: nowrap; } .appsElementsScoperScoperItemWithSubMenuTrailingIconCount { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsScoperScoperItemWithSubMenuTrailingIcons { align-items: center= ; display: flex; flex-shrink: 0; gap: 6px; } .appsElementsScoperScoperMenu { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; lin= e-height: 1.25rem; --gm3-list-list-item-content-gap: 12px; --gm3-list-list-= item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-= list-item-label-text-weight: 400; --gm3-list-list-item-leading-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-one-l= ine-padding: 0; --gm3-list-list-item-selected-container-color: transparent;= --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-label-text-wei= ght: 400; --gm3-list-list-item-control-selected-leading-icon-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-menu-container-color: var(-= -gm3-sys-color-surface,#fff); --gm3-menu-container-elevation: 2; --gm3-menu= -list-item-container-height: 32px; --gm3-menu-list-item-content-gap: 12px; = --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f= 1f); --gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-item-lead= ing-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu= -list-item-one-line-padding: 0; --gm3-menu-list-item-selected-container-col= or: transparent; --gm3-menu-list-item-with-leading-icon-leading-icon-size: = 20px; --gm3-menu-list-padding: 8px 0; --gm3-menu-list-item-control-selected= -label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list= -item-control-selected-label-text-weight: 400; --gm3-menu-list-item-control= -selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); border-radius: 8px; color: var(--gm3-sys-color-on-surface,#1f1f1f); wid= th: 288px; padding: 0px; z-index: 2000; } .appsElementsScoperScoperMenu::before { position: absolute; box-sizing: bor= der-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px solid = transparent; border-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsScoperScoperMenu::before { border-color: canvastext; } } .appsElementsScoperScoperMenuSourceItemsContainer { min-block-size: 0px; } .appsElementsScoperScoperMenuSourceItemsContainerWithBlockSize { max-block-= size: 200px; overflow-y: auto; } .appsElementsScoperMenuActionItem, .appsElementsScoperMenuItemWithControls = { padding-inline: 12px; } .appsElementsScoperMenuActionItemDisabledSource [jsname=3D"listItemPrimaryT= ext_"] { opacity: 0.38; } .appsElementsScoperMenuActionItemDisabledSource .appsElementsScoperMenuItem= Control { opacity: 1; } .appsElementsScoperMenuActionItemDisabledLeadingIcon { opacity: 0.38; } .appsElementsScoperMenuActionItemWithTrailingText { padding-inline-end: 20p= x; } .appsElementsScoperSecondaryMediaWithControls { align-items: center; } .appsElementsScoperMenuItemControl { --gm3-icon-button-standard-container-w= idth: 20px; --gm3-icon-button-standard-container-height: 20px; --gm3-icon-b= utton-standard-icon-size: 20px; --gm3-icon-button-standard-touch-target-siz= e: 20px; display: none; } .appsElementsScoperMenuItemControlVisible { --gm3-icon-button-standard-cont= ainer-width: 20px; --gm3-icon-button-standard-container-height: 20px; --gm3= -icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-touch-tar= get-size: 20px; display: flex; } .appsElementsScoperMenuActionItem:focus-visible .appsElementsScoperMenuItem= Control, .appsElementsScoperMenuActionItem:focus-within .appsElementsScoper= MenuItemControl, .appsElementsScoperMenuActionItem:hover .appsElementsScope= rMenuItemControl, .appsElementsScoperMenuItemWithControls:focus-visible .ap= psElementsScoperMenuItemControl, .appsElementsScoperMenuItemWithControls:fo= cus-within .appsElementsScoperMenuItemControl, .appsElementsScoperMenuItemW= ithControls:hover .appsElementsScoperMenuItemControl { display: flex; } .appsElementsScoperMenuHeader { font-family: "Google Sans", Roboto, Arial, = sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.00625re= m; line-height: 1rem; align-items: center; color: var(--gm3-sys-color-on-su= rface-variant,#444746); display: flex; min-block-size: 32px; padding: 0px 8= px 0px 12px; } .appsElementsScoperMenuHeaderText { display: flex; flex-direction: column; = flex-basis: 100%; gap: 4px; } .appsElementsScoperMenuHeaderTitle { font-family: "Google Sans", Roboto, Ar= ial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px= ; line-height: 1.25rem; } .appsElementsScoperMenuHeaderSubtitle { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0= .00625rem; line-height: 1rem; margin-block-end: 8px; } .appsElementsScoperMenuHeaderControls { display: flex; gap: 8px; } .appsElementsScoperMenuHeaderTooltipContainer { padding-inline: 4px; } .appsElementsScoperDivider { padding-block: var(--ae-generativeai-scoper-di= vider-space,6px 8px); } .appsElementsScoperMenuText { --gm3-list-list-item-label-text-size: 0.75rem= ; --gm3-list-list-item-fallback-selection-end-margin: 0; align-items: cente= r; display: flex; height: 32px; } .appsElementsScoperMenuHeaderTooltipIcon { align-items: center; border-radi= us: 9999px; color: var(--gm3-sys-color-on-surface-variant,#444746); display= : flex; height: 24px; justify-content: center; position: relative; width: 2= 4px; } @media (forced-colors: active) { .appsElementsScoperMenuHeaderTooltipIcon { outline: transparent solid 1px= ; } } .appsElementsScoperMenuHeaderTooltipIcon:hover { background-color: var(--gm= 3-sys-color-surface-variant,#e1e3e1); cursor: pointer; } .appsElementsScoperMenuHeaderTooltipIcon:focus-visible { --H6apye: block; -= -vTiv8c: 9999px; --UtHrue: 9999px; --uHecC: 9999px; --C8LWjb: 9999px; } .appsElementsScoperSingleScoperItemIcon { background-color: var(--gm3-sys-c= olor-surface,#fff); border-radius: 9999px; display: flex; align-items: cent= er; justify-content: center; height: 20px; width: 20px; padding-left: 4px; = } .appsElementsScoperScoperIcon { width: 20px; height: 20px; } .appsElementsScoperTooltip { z-index: 2001; } .appsElementsMultiSectionListContainer { --gm3-menu-surface-container-color= : var(--gm3-sys-color-surface-bright,#fff); --gm3-menu-surface-container-el= evation: 1; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsMultiSectionListContainer { border: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); } } .appsElementsMultiSectionListContainer { inline-size: 100%; border-radius: = 4px; contain: layout; } .appsElementsMultiSectionListContainer > :last-child:not(:empty) { overflow= : hidden; } .appsElementsMultiSectionListList { padding-block-start: 0px; scroll-paddin= g-block-end: 8px; overflow-y: auto; } .appsElementsMultiSectionListBanner { font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0p= x; line-height: 1.25rem; text-align: center; padding-block: 4px; color: var= (--gm3-sys-color-outline,#747775); } .appsElementsMultiSectionListListEntry { --gm3-list-list-item-container-col= or: transparent; --gm3-list-list-item-content-gap: 12px; --gm3-list-list-it= em-disabled-label-text-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-list-list-item-hover-state-layer-color: transparent; --gm3-list-l= ist-item-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-item= -label-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem;= --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-item-leading-= avatar-color: transparent; --gm3-list-list-item-leading-avatar-size: 24px; = --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-surface-var= iant,#444746); --gm3-list-list-item-leading-icon-size: 24px; --gm3-list-lis= t-item-leading-image-height: 24px; --gm3-list-list-item-leading-image-width= : 24px; --gm3-list-list-item-leading-space: 12px; --gm3-list-list-item-one-= line-container-height: 32px; --gm3-list-list-item-one-line-padding: 0; --gm= 3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-vari= ant,#e1e3e1); --gm3-list-list-item-selected-hover-state-layer-color: transp= arent; --gm3-list-list-item-selected-label-text-color: var(--gm3-sys-color-= on-surface,#1f1f1f); --gm3-list-list-item-supporting-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-list-list-item-supporting-text= -line-height: 1rem; --gm3-list-list-item-supporting-text-size: 0.75rem; --g= m3-list-list-item-supporting-text-weight: 400; --gm3-list-list-item-trailin= g-icon-size: auto; --gm3-list-list-item-trailing-space: 12px; --gm3-list-li= st-item-two-line-container-height: 44px; --gm3-list-list-item-two-line-padd= ing: 0; --gm3-list-list-item-control-selected-container-color: transparent;= --gm3-list-list-item-control-selected-hover-state-layer-color: transparent= ; --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-list-list-item-control-selected-label= -text-weight: 400; --gm3-list-list-item-control-selected-leading-icon-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-con= trol-selected-supporting-text-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-lis= t-list-item-fallback-selection-content-gap: 12px; } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"blue"], .appsEl= ementsMultiSectionListListEntry[data-color=3D"blue"] { --ae-msl-agent-avata= r-bg-color: var(--ws-sys-color-genai-gems-blue,var(--ws-sys-color-gems-blue= -low,#bedcff)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-color-genai-= on-gems-blue,var(--ws-sys-color-gems-blue-high,#00629e)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"cyan"], .appsEl= ementsMultiSectionListListEntry[data-color=3D"cyan"] { --ae-msl-agent-avata= r-bg-color: var(--ws-sys-color-genai-gems-cyan,var(--ws-sys-color-gems-cyan= -low,#92e5ff)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-color-genai-= on-gems-cyan,var(--ws-sys-color-gems-cyan-high,#00677d)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"orange"], .apps= ElementsMultiSectionListListEntry[data-color=3D"orange"] { --ae-msl-agent-a= vatar-bg-color: var(--ws-sys-color-genai-gems-orange,var(--ws-sys-color-gem= s-orange-low,#ffcfb4)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-colo= r-genai-on-gems-orange,var(--ws-sys-color-gems-orange-high,#96490a)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"pink"], .appsEl= ementsMultiSectionListListEntry[data-color=3D"pink"] { --ae-msl-agent-avata= r-bg-color: var(--ws-sys-color-genai-gems-pink,var(--ws-sys-color-gems-pink= -low,#ffcbda)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-color-genai-= on-gems-pink,var(--ws-sys-color-gems-pink-high,#984062)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"purple"], .apps= ElementsMultiSectionListListEntry[data-color=3D"purple"] { --ae-msl-agent-a= vatar-bg-color: var(--ws-sys-color-genai-gems-purple,var(--ws-sys-color-gem= s-purple-low,#f2ccff)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-colo= r-genai-on-gems-purple,var(--ws-sys-color-gems-purple-high,#9700d2)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"teal"], .appsEl= ementsMultiSectionListListEntry[data-color=3D"teal"] { --ae-msl-agent-avata= r-bg-color: var(--ws-sys-color-genai-gems-teal,var(--ws-sys-color-gems-teal= -low,#93e7eb)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-color-genai-= on-gems-teal,var(--ws-sys-color-gems-teal-high,#00696d)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"violet"], .apps= ElementsMultiSectionListListEntry[data-color=3D"violet"] { --ae-msl-agent-a= vatar-bg-color: var(--ws-sys-color-genai-gems-violet,var(--ws-sys-color-gem= s-violet-low,#d9d4ff)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-colo= r-genai-on-gems-violet,var(--ws-sys-color-gems-violet-high,#5132ff)); } .appsElementsMultiSectionListListEntry[data-avatar-color=3D"yellow"], .apps= ElementsMultiSectionListListEntry[data-color=3D"yellow"] { --ae-msl-agent-a= vatar-bg-color: var(--ws-sys-color-genai-gems-yellow,var(--ws-sys-color-gem= s-yellow-low,#ffd289)); --ae-msl-agent-avatar-icon-color: var(--ws-sys-colo= r-genai-on-gems-yellow,var(--ws-sys-color-gems-yellow-high,#7e5700)); } .appsElementsMultiSectionListAgent > :last-child:not(:empty) { background-c= olor: var(--ws-sys-color-extended-purple-fill,#7438d2); border-radius: 4px;= padding: 2px 4px; color: var(--ws-sys-color-extended-on-purple-fill,#fff);= } [data-theme=3D"dark"] .appsElementsMultiSectionListAgent > :last-child:not(= :empty) { background-color: var(--ws-sys-color-extended-purple-fill,#d9bafd= ); color: var(--ws-sys-color-extended-on-purple-fill,#400b84); } .appsElementsMultiSectionListExternal > :last-child:not(:empty) { backgroun= d-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00); border-radius: 8= px; padding: 0px 4px; color: var(--ws-sys-color-extended-on-yellow-fill,#6d= 3a01); } .appsElementsMultiSectionListUpdatedExternal > :last-child:not(:empty) { ba= ckground-color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); border-r= adius: 4px; padding: 2px 8px 2px 4px; color: var(--ws-sys-color-extended-on= -yellow-tonal,#6d3a01); } [data-theme=3D"dark"] .appsElementsMultiSectionListUpdatedExternal > :last-= child:not(:empty) { background-color: var(--ws-sys-color-extended-yellow-to= nal,#8f4e06); color: var(--ws-sys-color-extended-on-yellow-tonal,#ffe07c); = } .appsElementsMultiSectionListGuestPassUser > :last-child:not(:empty) { --gm= 3-font-icon-fill: 1; background-color: var(--ws-sys-color-extended-cyan-ton= al,#d8f6ff); border-radius: 4px; padding: 2px 8px 2px 4px; color: var(--ws-= sys-color-extended-on-cyan-tonal,#00687c); } [data-theme=3D"dark"] .appsElementsMultiSectionListGuestPassUser > :last-ch= ild:not(:empty) { background-color: var(--ws-sys-color-extended-cyan-tonal,= #004e5d); color: var(--ws-sys-color-extended-on-cyan-tonal,#acedff); } .appsElementsMultiSectionListTag { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.0062= 5rem; line-height: 1rem; gap: 4px; display: flex; align-items: center; } .appsElementsMultiSectionListTagIcon { --gm3-list-list-item-trailing-icon-s= ize: 16px; --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsMultiSectionListLeadingContent { align-self: center; block-siz= e: 24px; inline-size: 24px; } .appsElementsMultiSectionListDisabledLeadingContent { opacity: 0.38; } .appsElementsMultiSectionListPlainIcon { align-items: center; display: flex= ; justify-content: center; } .appsElementsMultiSectionListListEntry .appsElementsMultiSectionListPlainIc= on { --gm3-list-list-item-leading-icon-size: 20px; --gm3-list-list-item-fal= lback-selection-end-margin: 0; } .appsElementsMultiSectionListLinkPreview { --ae-link-preview-inline-size: 2= 72px; } .appsElementsMultiSectionListCharacterIcon { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spac= ing: 0px; line-height: 50px; display: inline-flex; justify-content: center;= align-items: center; text-transform: uppercase; block-size: 24px; inline-s= ize: 24px; border-radius: 8px; background-color: var(--ae-msl-agent-avatar-= bg-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); color: var(--ae-msl= -agent-avatar-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); = } .appsElementsMultiSectionListSectionListListGroup { padding: unset; } .appsElementsMultiSectionListSectionListHeaderContainer { display: flex; al= ign-items: center; justify-content: space-between; list-style: none; height= : 32px; padding-inline: 12px; } .appsElementsMultiSectionListSectionListExpandButton { --gm3-icon-button-st= andard-container-height: 24px; --gm3-icon-button-standard-container-width: = 24px; --gm3-icon-button-standard-icon-size: 24px; display: block; } .appsElementsMultiSectionListSectionListHeader { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surfac= e-variant,#444746); } .appsElementsRichTextInputScopeButtonEl { content-visibility: visible; } .appsElementsRichTextInputScopeButtonAddSourcesIconButton:focus-visible, .a= ppsElementsRichTextInputScopeButtonMultiSourceIconButton:focus-visible, .ap= psElementsRichTextInputScopeButtonSingleSourceIconButton:focus-visible, .ap= psElementsRichTextInputScopeButtonSingleSourceIconButtonFolder:focus-visibl= e { z-index: 1; } .appsElementsRichTextInputScopeButtonMultiSourceIconButton { --gm3-button-f= illed-tonal-container-height: 32px; --gm3-button-filled-tonal-container-col= or: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-button-filled-ton= al-container-min-width: 48px; --gm3-button-filled-tonal-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-filled-tonal-w= ith-leading-icon-leading-space: 0px; --gm3-button-filled-tonal-with-leading= -icon-trailing-space: 0px; --gm3-button-filled-tonal-with-icon-icon-label-s= pace: 4px; --gm3-button-filled-tonal-with-icon-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-button-filled-tonal-with-icon-icon-s= ize: 20px; } .appsElementsRichTextInputScopeButtonAddSourcesIconButton { --gm3-icon-butt= on-filled-tonal-container-color: var(--gm3-sys-color-surface-container,#f0f= 4f9); --gm3-icon-button-filled-tonal-container-height: 32px; --gm3-icon-but= ton-filled-tonal-container-width: 32px; --gm3-icon-button-filled-tonal-icon= -color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-= filled-tonal-icon-size: 20px; border-style: none; } .appsElementsRichTextInputScopeButtonSingleSourceIconButton { --gm3-icon-bu= tton-filled-tonal-container-color: var(--gm3-sys-color-surface,#fff); --gm3= -icon-button-filled-tonal-container-height: 24px; --gm3-icon-button-filled-= tonal-container-width: 24px; --gm3-icon-button-filled-tonal-icon-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-tona= l-icon-size: 16px; } .appsElementsRichTextInputScopeButtonSingleSourceIconButtonFolder { --gm3-i= con-button-filled-tonal-container-color: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); --gm3-icon-button-filled-tonal-container-height: 32px; --gm3-= icon-button-filled-tonal-container-width: 32px; --gm3-icon-button-filled-to= nal-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon= -button-filled-tonal-icon-size: 20px; } .appsElementsRichTextInputScopeButtonSingleSourceIconButtonContainer { back= ground-color: var(--gm3-sys-color-surface-container,#f0f4f9); display: inli= ne-flex; border-radius: 9999px; padding: 4px; align-items: center; justify-= content: center; } @keyframes appsElementsRichTextInputScopeButtonShimmerOnce {=20 0% { background: linear-gradient(135deg, rgb(33, 123, 254), rgb(7, 142, 2= 51), rgb(172, 135, 235), rgb(33, 123, 254)) 100% 100% / 800% auto; } 99.999% { background: linear-gradient(135deg, rgb(33, 123, 254), rgb(7, 1= 42, 251), rgb(172, 135, 235), rgb(33, 123, 254)) 0% 0% / 800% auto; } 100% { background-image: unset; background-repeat: unset; background-atta= chment: unset; background-origin: unset; background-clip: unset; background= -color: unset; background-size: unset; background-position: 0px 0px; } } @keyframes appsElementsRichTextInputScopeButtonShimmerNoMotion {=20 0% { background: linear-gradient(135deg, rgb(33, 123, 254), rgb(7, 142, 2= 51), rgb(172, 135, 235), rgb(33, 123, 254)); } 99.999% { background: linear-gradient(135deg, rgb(33, 123, 254), rgb(7, 1= 42, 251), rgb(172, 135, 235), rgb(33, 123, 254)); } 100% { background: unset; } } @media not (prefers-reduced-motion) { .appsElementsRichTextInputScopeButtonShimmerOnce { animation: 1.5s ease 0= .1s 1 normal none running appsElementsRichTextInputScopeButtonShimmerOnce; = } } @media (prefers-reduced-motion) { .appsElementsRichTextInputScopeButtonShimmerOnce { animation: 1s ease 0.1= s 1 normal none running appsElementsRichTextInputScopeButtonShimmerNoMotion= ; } } .appsElementsWorkspaceRecommendationDisplayImageAdaptiveUrlImage, .appsElem= entsWorkspaceRecommendationDisplayImageBannerGraphicIcon { --ae-recommendat= ion-display-image-red-background-color: var(--ws-sys-color-extended-red-ton= al,#ffdadc); --ae-recommendation-display-image-red-color: var(--ws-sys-colo= r-extended-on-red-tonal,#b3251e); --ae-recommendation-display-image-green-b= ackground-color: var(--ws-sys-color-extended-green-outline,#beefbb); --ae-r= ecommendation-display-image-green-color: var(--ws-sys-color-extended-on-gre= en-outline,#006c35); --ae-recommendation-display-image-blue-background-colo= r: var(--ws-sys-color-extended-blue-tonal,#d0e4ff); --ae-recommendation-dis= play-image-blue-color: var(--ws-sys-color-extended-on-blue-outline,#1157ce)= ; --ae-recommendation-display-image-yellow-background-color: var(--ws-sys-c= olor-extended-yellow-outline,#ffe07c); --ae-recommendation-display-image-ye= llow-color: var(--ws-sys-color-extended-on-yellow-outline,#6d3a01); --ae-re= commendation-display-image-purple-background-color: var(--ws-sys-color-exte= nded-purple-outline,#eedcfe); --ae-recommendation-display-image-purple-colo= r: var(--ws-sys-color-extended-on-purple-outline,#7438d2); --ae-recommendat= ion-display-image-cyan-background-color: var(--ws-sys-color-extended-cyan-o= utline,#acedff); --ae-recommendation-display-image-cyan-color: var(--ws-sys= -color-extended-on-cyan-outline,#00687c); --ae-recommendation-display-image= -orange-background-color: var(--ws-sys-color-extended-orange-outline,#ffdcc= 3); --ae-recommendation-display-image-orange-color: var(--ws-sys-color-exte= nded-on-orange-tonal,#522302); --ae-recommendation-display-image-active-url= : var( --ae-recommendation-display-image-light-mode-url ); } .appsElementsWorkspaceRecommendationDisplayImageAdaptiveUrlImage { content:= var(--ae-recommendation-display-image-active-url); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemRed = { background-color: var(--ae-recommendation-display-image-red-background-co= lor); color: var(--ae-recommendation-display-image-red-color); fill: var(--= ae-recommendation-display-image-red-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemYell= ow { background-color: var(--ae-recommendation-display-image-yellow-backgro= und-color); color: var(--ae-recommendation-display-image-yellow-color); fil= l: var(--ae-recommendation-display-image-yellow-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemPurp= le { background-color: var(--ae-recommendation-display-image-purple-backgro= und-color); color: var(--ae-recommendation-display-image-purple-color); fil= l: var(--ae-recommendation-display-image-purple-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemBlue= { background-color: var(--ae-recommendation-display-image-blue-background-= color); color: var(--ae-recommendation-display-image-blue-color); fill: var= (--ae-recommendation-display-image-blue-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemGree= n { background-color: var(--ae-recommendation-display-image-green-backgroun= d-color); color: var(--ae-recommendation-display-image-green-color); fill: = var(--ae-recommendation-display-image-green-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemCyan= { background-color: var(--ae-recommendation-display-image-cyan-background-= color); color: var(--ae-recommendation-display-image-cyan-color); fill: var= (--ae-recommendation-display-image-cyan-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconSystemOran= ge { background-color: var(--ae-recommendation-display-image-orange-backgro= und-color); color: var(--ae-recommendation-display-image-orange-color); fil= l: var(--ae-recommendation-display-image-orange-color); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconDynamicTer= tiary { color: var(--gm3-sys-color-tertiary,#146c2e); fill: var(--gm3-sys-c= olor-tertiary,#146c2e); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconNeutralOnS= urface { color: var(--gm3-sys-color-on-surface-variant,#444746); fill: var(= --gm3-sys-color-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationDisplayImageIconCloudGreySegment { fill= : rgb(143, 143, 143); } @media (prefers-color-scheme: dark) { .appsElementsWorkspaceRecommendationDisplayImageIconCloudGreySegment { fi= ll: rgb(171, 171, 171); } } .appsElementsWorkspaceRecommendationDisplayImageIconCloudBlueSegment { fill= : rgb(66, 133, 244); } .appsElementsWorkspaceRecommendationDisplayImageIconCloudRedSegment { fill:= rgb(234, 67, 53); } .appsElementsWorkspaceRecommendationDisplayImageIconCloudYellowSegment { fi= ll: rgb(251, 188, 4); } .appsElementsWorkspaceRecommendationDisplayImageIconCloudGreenSegment { fil= l: rgb(52, 168, 83); } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconCircularPr= imaryBackground, .appsElementsWorkspaceRecommendationDisplayImageBannerGrap= hicIconCircularPrimaryBackgroundSmall { align-items: center; background-col= or: var(--gm3-sys-color-primary-container,#d3e3fd); border-radius: 9999px; = box-sizing: border-box; display: flex; flex-shrink: 0; justify-content: cen= ter; } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconCircularPr= imaryBackground { height: 24px; padding: 0px 0px 0px 7px; width: 24px; } .appsElementsWorkspaceRecommendationDisplayImageBannerGraphicIconCircularPr= imaryBackgroundSmall { height: 22px; width: 22px; } .appsElementsGenerativeAiSharingButton:focus-visible { outline: 3px solid v= ar(--gm3-sys-color-primary,#0b57d0); outline-offset: 2px; } .appsElementsGenerativeAiSharingButton.appsElementsGenerativeAiSharingButto= n.appsElementsGenerativeAiSharingButton.appsElementsGenerativeAiSharingButt= on.appsElementsGenerativeAiSharingButton.appsElementsGenerativeAiSharingBut= ton { background-color: var(--gm3-sys-color-secondary-container,#c2e7ff); c= olor: var(--gm3-sys-color-on-secondary-container,#004a77); height: 32px; pa= dding-top: 0px; padding-bottom: 0px; display: inline-flex; align-items: cen= ter; margin-block: unset; margin-inline: 8px; } .appsElementsSidekickCitationsButtonSummary { --gm3-button-text-container-h= eight: 24px; --gm3-button-text-container-min-width: 0; --gm3-button-text-fo= cus-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm= 3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-varian= t,#444746); --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-= on-surface-variant,#444746); --gm3-button-text-label-text-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-button-text-label-text-size: 0= .75rem; --gm3-button-text-label-text-tracking: 0.00625rem; --gm3-button-tex= t-label-text-weight: 500; --gm3-button-text-pressed-label-text-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-pressed-state= -layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button= -text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#4= 44746); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-o= n-surface-variant,#444746); --gm3-button-text-with-icon-icon-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-= label-space: 2px; --gm3-button-text-with-icon-icon-size: 18px; --gm3-button= -text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-button-text-with-leading-icon-leading-space: 8px; --gm3-but= ton-text-with-leading-icon-trailing-space: 12px; --gm3-button-text-containe= r-shape-start-start: 28px; --gm3-button-text-container-shape-start-end: 28p= x; --gm3-button-text-container-shape-end-end: 28px; --gm3-button-text-conta= iner-shape-end-start: 28px; --gm3-button-text-pressed-container-shape-start= -start: 28px; --gm3-button-text-pressed-container-shape-start-end: 28px; --= gm3-button-text-pressed-container-shape-end-end: 28px; --gm3-button-text-pr= essed-container-shape-end-start: 28px; margin-inline-start: -8px; } .appsElementsSidekickCitationsButtonIcon { transform: rotate(135deg); } .appsElementsGenerativeAiSourcesCitationsPanelEl { inline-size: 100%; block= -size: 100%; } .appsElementsGenerativeAiSourcesCitationsPanelCard { --gm3-card-outlined-co= ntainer-color: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-ca= rd-outlined-hover-outline-color: var(--gm3-sys-color-surface-container-high= est,#dde3ea); --gm3-card-outlined-outline-color: var(--gm3-sys-color-surfac= e-container-highest,#dde3ea); --gm3-card-outlined-pressed-outline-color: va= r(--gm3-sys-color-surface-container-highest,#dde3ea); block-size: 100%; dis= play: grid; gap: 8px; grid-template-rows: auto auto 1fr auto; } .appsElementsGenerativeAiSourcesCitationsPanelHeaderContainer { display: fl= ex; align-items: center; justify-content: space-between; flex-direction: ro= w; } .appsElementsGenerativeAiSourcesCitationsPanelHeader { display: flex; align= -items: center; flex-direction: row; justify-content: space-between; width:= 100%; } .appsElementsGenerativeAiSourcesCitationsPanelHeaderTitleText { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 5= 00; letter-spacing: 0px; line-height: 1.5rem; margin: 0px; padding: 16px; } .appsElementsGenerativeAiSourcesCitationsPanelHeaderActions { display: flex= ; align-items: center; flex-direction: row; gap: 8px; padding: 12px 8px; } .appsElementsGenerativeAiSourcesCitationsPanelHeaderCloseButton { --gm3-ico= n-button-standard-container-width: 32px; --gm3-icon-button-standard-contain= er-height: 32px; --gm3-icon-button-standard-icon-size: 20px; } .appsElementsGenerativeAiSourcesCitationsPanelHeaderBetaBadge { margin: 0px= ; } .appsElementsGenerativeAiSourcesCitationsPanelSubHeader { align-items: cent= er; display: flex; flex-direction: row; justify-content: space-between; } .appsElementsGenerativeAiSourcesCitationsPanelSubHeaderTitle { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight:= 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); margin: 0px; padding-block-end: 12px; pad= ding-inline-start: 16px; padding-right: 16px; } .appsElementsGenerativeAiSourcesCitationsPanelCitationsView { padding: 0px;= position: relative; overflow: hidden auto; } .appsElementsGenerativeAiSourcesCitationsViewCitationsPanelTreeNode { --ae-= tree-node-container-shape: 0; --ae-tree-node-leading-space: 12px; } .appsElementsGenerativeAiSourcesCitationsViewCitationsPanelSpace { padding-= bottom: 24px; } .appsElementsGenerativeAiSourcesCitationsViewHeaderContainer { display: fle= x; align-items: center; justify-content: space-between; flex-direction: row= ; grid-row: 1; } .appsElementsGenerativeAiSourcesCitationsViewSectionHeaderTitle { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 500; letter-spacing: 0px; line-height: 1.25rem; margin: 0px; padding-i= nline-start: 16px; } .appsElementsGenerativeAiSourcesCitationsViewHeaderInfo { display: flex; al= ign-items: center; flex-direction: row; padding-inline-end: 10px; } .appsElementsGenerativeAiSourcesCitationsViewHeaderTooltipButton { align-it= ems: center; block-size: 30px; inline-size: 30px; border-radius: 9999px; co= lor: var(--gm3-sys-color-on-surface-variant,#444746); display: flex; justif= y-content: center; position: relative; margin: 6px; } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesCitationsViewHeaderTooltipButton { outlin= e: transparent solid 1px; } } .appsElementsGenerativeAiSourcesCitationsViewHeaderTooltipButton:hover { ba= ckground-color: var(--gm3-sys-color-surface-variant,#e1e3e1); cursor: point= er; } .appsElementsGenerativeAiSourcesCitationsViewHeaderTooltipButton:focus-visi= ble { --H6apye: block; --vTiv8c: 9999px; --UtHrue: 9999px; --uHecC: 9999px;= --C8LWjb: 9999px; } .appsElementsGenerativeAiSourcesCitationsViewHeaderTooltipIcon { align-item= s: center; display: flex; justify-content: center; } .appsElementsGenerativeAiSourcesCitationsViewTrailingIconButton { --gm3-ico= n-button-standard-icon-size: 16px; visibility: hidden; } .appsElementsGenerativeAiSourcesCitationsViewCitationsPanelTreeNode:focus-w= ithin .appsElementsGenerativeAiSourcesCitationsViewTrailingIconButton, .app= sElementsGenerativeAiSourcesCitationsViewCitationsPanelTreeNode:hover .apps= ElementsGenerativeAiSourcesCitationsViewTrailingIconButton { visibility: vi= sible; } .appsElementsGenerativeAiSourcesTreeRoot { inline-size: 100%; block-size: 1= 00%; } .appsElementsGenerativeAiSourcesTreeTree [role=3D"tree"] { display: content= s; } .appsElementsGenerativeAiSourcesTreeTree .appsElementsGenerativeAiSourcesTr= eeRequestAccessButton { --gm3-icon-button-standard-icon-size: 16px; } .appsElementsGenerativeAiSourcesTreeTree .appsElementsGenerativeAiSourcesTr= eeRejectSuggestionButton { --gm3-icon-button-standard-container-height: 24p= x; --gm3-icon-button-standard-container-width: 24px; --gm3-icon-button-stan= dard-icon-size: 16px; opacity: 0; pointer-events: none; transition: opacity= 0.15s ease-in-out; } .appsElementsGenerativeAiSourcesTreeTree .appsElementsGenerativeAiSourcesTr= eeRejectSuggestionButton:focus, .appsElementsGenerativeAiSourcesTreeTree .a= ppsElementsGenerativeAiSourcesTreeRejectSuggestionButton:focus-visible { op= acity: 1; pointer-events: auto; } .appsElementsGenerativeAiSourcesTreeTree [role=3D"treeitem"]:focus-within .= appsElementsGenerativeAiSourcesTreeRejectSuggestionButton, .appsElementsGen= erativeAiSourcesTreeTree [role=3D"treeitem"]:hover .appsElementsGenerativeA= iSourcesTreeRejectSuggestionButton { opacity: 1; pointer-events: auto; } @media (max-width: 748px) { .appsElementsGenerativeAiSourcesTreeLinkPreviewHiddenOnSmallViewport[role= =3D"dialog"] { display: none; } } .appsElementsTreeCommonNode { cursor: pointer; display: flex; align-items: = center; inline-size: 100%; block-size: 100%; outline: none; overflow: hidde= n; } .appsElementsTreeCommonMultiSelectNode { display: flex; align-items: center= ; inline-size: 100%; block-size: 100%; outline: none; overflow: hidden; } .appsElementsTreeCommonVariableHeightNodes .appsElementsTreeCommonNodeLabel= { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: = var(--ae-tree-node-variable-height-label-max-rows,2); margin: 8px 0px; over= flow: hidden; white-space: normal; } .appsElementsTreeCommonFixedHeightNodes .appsElementsTreeCommonNodeLabel { = white-space: nowrap; } .appsElementsTreeCommonEllipseVirtualListRows .appsElementsTreeCommonMultiS= electNodeLabel { text-overflow: ellipsis; overflow: hidden; } .appsElementsTreeCommonHideIcon { visibility: hidden; } .appsElementsTreeCommonCircularProgress { --EkrYwf: 24px; } .appsElementsTreeCommonDisabled .appsElementsTreeCommonNodeIcon { pointer-e= vents: auto; } .appsElementsTreeCommonNodeIcon { padding: 4px; } .appsElementsTreeCommonIcon { display: flex; inline-size: 32px; block-size:= 32px; justify-content: center; align-items: center; border-radius: 9999px;= position: relative; } .appsElementsTreeCommonLinkTypeIcon { display: inline-flex; place-content: = center; padding: 8px 8px 8px 0px; } .appsElementsTreeCommonLinkTypeIconWithoutCheckbox { padding-left: 8px; } .appsElementsTreeCommonDisabled .appsElementsTreeCommonLinkTypeIcon, .appsE= lementsTreeCommonDisabled .appsElementsTreeCommonMultiSelectNodeLabel, .app= sElementsTreeCommonDisabled .appsElementsTreeCommonNodeLabel { opacity: 0.3= 8; } .appsElementsTreeCommonNodeLabel { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; = line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746= ); overflow: hidden; text-overflow: ellipsis; } .appsElementsTreeCommonMultiSelectNodeLabel { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spa= cing: 0px; line-height: 1.25rem; white-space: nowrap; color: var(--gm3-sys-= color-on-surface-variant,#444746); } .appsElementsTreeCommonNodeLabelWithoutCheckbox { padding-left: 12px; } .appsElementsTreeCommonSubText { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625r= em; line-height: 1rem; color: var(--gm3-sys-color-on-surface-variant,#44474= 6); } .appsElementsTreeCommonNodeFocusRing { --QzESQd: var(--ae-tree-node-contain= er-shape,100px); --cIYKdb: var(--ae-tree-node-container-shape,100px); --po6= djf: var(--ae-tree-node-container-shape,100px); --Oypuue: var(--ae-tree-nod= e-container-shape,100px); } .appsElementsTreeCommonDisabled .appsElementsTreeCommonNodeRipple { --hSHBe= e: 0; } .appsElementsTreeCommonNodeRipple { --sbadab: var(--gm3-sys-color-on-second= ary-container,#004a77); --hSHBee: 0.08; --F1tVH: var(--gm3-sys-color-on-sec= ondary-container,#004a77); --kDWEsd: 0.1; max-height: 100%; } .appsElementsTreeCommonNodeIconRipple { --sbadab: var(--gm3-sys-color-on-su= rface-variant,#444746); --hSHBee: 0.08; --F1tVH: var(--gm3-sys-color-on-sec= ondary-container,#004a77); --kDWEsd: 0.1; } .appsElementsTreeCommonContainerRound { border-radius: var(--ae-tree-node-c= ontainer-shape,100px); } .appsElementsTreeCommonNodeCheckboxContainer { padding: 4px; } .appsElementsTreeCommonNodeCheckbox { --gm3-checkbox-container-size: 15px; = --gm3-checkbox-state-layer-size: 32px; } .appsElementsTreeCommonNodeIconButton { --gm3-icon-button-standard-containe= r-height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-ico= n-button-standard-icon-size: 24px; } .appsElementsTreeCommonNodeActions { display: flex; align-items: center; ju= stify-content: flex-end; margin-left: auto; padding: 4px; } .appsElementsTreeCommonNodeTrailingButton { --gm3-icon-button-standard-cont= ainer-height: 24px; --gm3-icon-button-standard-container-width: 24px; --gm3= -icon-button-standard-focus-indicator-outline-offset: 1px; --gm3-icon-butto= n-standard-icon-size: 16px; --gm3-icon-button-standard-selected-hover-state= -layer-opacity: 1; margin-inline-start: auto; } .appsElementsTreeCommonMultiSelectNodeTrailingButton { --gm3-icon-button-st= andard-container-height: 32px; --gm3-icon-button-standard-container-width: = 32px; --gm3-icon-button-standard-focus-indicator-outline-offset: -3px; --gm= 3-icon-button-standard-icon-size: 24px; --gm3-icon-button-standard-selected= -hover-state-layer-opacity: 1; margin-inline-start: auto; outline-offset: -= 3px; } .appsElementsTreeCommonMultiSelectRemoveNodeButton, .appsElementsTreeCommon= RemoveNodeButton { visibility: hidden; transition: visibility 0.2s cubic-be= zier(0.2, 0, 0, 1); } .appsElementsTreeCommonMultiSelectRemoveNodeButton:focus, .appsElementsTree= CommonRemoveNodeButton:focus { visibility: visible; } .appsElementsTreeCommonNode:focus-within .appsElementsTreeCommonMultiSelect= RemoveNodeButton, .appsElementsTreeCommonNode:focus-within .appsElementsTre= eCommonRemoveNodeButton, .appsElementsTreeCommonNode:hover .appsElementsTre= eCommonMultiSelectRemoveNodeButton, .appsElementsTreeCommonNode:hover .apps= ElementsTreeCommonRemoveNodeButton { visibility: visible; } .appsElementsTreeCommonDisabled .appsElementsTreeCommonMultiSelectRemoveNod= eButton, .appsElementsTreeCommonDisabled .appsElementsTreeCommonRemoveNodeB= utton { pointer-events: auto; visibility: visible; } .appsElementsTreeCommonNodeActionButtonTooltipWrapper { display: flex; } .appsElementsTreeCommonNodeContent { align-items: center; display: flex; ov= erflow: hidden; width: 100%; } .appsElementsTreeCommonFeatureBadgeContainer { display: inline-block; margi= n-left: 8px; vertical-align: middle; } .appsElementsTreeCommonOpticalAlignment { margin-top: 1px; } .appsElementsTreeCommonOpticalAlignment svg { padding: 1px; box-sizing: bor= der-box; } .appsElementsTreeRoot { inline-size: 100%; block-size: 100%; } .appsElementsTreeRootHideNodeIcon .appsElementsTreeCommonNoIcon { display: = none; } .appsElementsTreeNode { cursor: pointer; position: relative; display: flex;= align-items: center; block-size: 100%; outline: none; padding-inline: calc= (var(--ae-tree-node-level, 0)*16px + var(--ae-tree-node-leading-space, 0px)= ) var(--ae-tree-node-trailing-space,16px); } .appsElementsTreeNonVirtualListContainer, .appsElementsTreeVirtualListConta= iner { inline-size: 100%; block-size: 100%; overflow: var(--ae-tree-contain= er-overflow-x,visible) var(--ae-tree-container-overflow-y,auto); } .appsElementsTreeVirtualListContainer .wizcontribVirtuallistList { overflow= : visible; } .appsElementsTreeNode:focus-visible .appsElementsTreeCommonNodeFocusRing { = --Mal6Ee: block; } .appsElementsTreeVirtualListContainer .wizcontribVirtuallistRow { width: fi= t-content; min-inline-size: 100%; } .appsElementsTreeContainerRound { border-radius: var(--ae-tree-node-contain= er-shape,100px); } .appsElementsTreeNode[aria-selected=3D"true"] { background: var(--gm3-sys-c= olor-secondary-container,#c2e7ff); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsTreeNode[aria-selected=3D"true"] { background: highlight; co= lor: highlighttext; forced-color-adjust: none; } } .appsElementsTreeNode[aria-selected=3D"true"] .appsElementsTreeCommonNodeLa= bel { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.8= 75rem; font-weight: 700; letter-spacing: 0px; line-height: 1.25rem; color: = var(--gm3-sys-color-on-secondary-container,#004a77); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsTreeNode[aria-selected=3D"true"] .appsElementsTreeCommonNode= Label { color: highlighttext; } } .appsElementsTreeDropTargetIndicatorAbove { border-top: 2px solid var(--gm3= -sys-color-primary,#0b57d0); } .appsElementsTreeDropTargetIndicatorBelow { border-bottom: 2px solid var(--= gm3-sys-color-primary,#0b57d0); } .appsElementsTreeDragGhost { position: absolute; top: -1000px; left: -1000p= x; pointer-events: none; z-index: 1000; opacity: 0.8; } .appsElementsTreeMultiSelectRoot { inline-size: 100%; block-size: 100%; } .appsElementsTreeMultiSelectRootHideNodeIcon .appsElementsTreeCommonNoIcon = { display: none; } .appsElementsTreeMultiSelectNode { align-items: center; block-size: 100%; d= isplay: flex; outline: none; padding-inline-start: calc(var(--ae-tree-node-= level, 0)*16px); position: relative; } .appsElementsTreeMultiSelectNavigationalNode { cursor: pointer; } .appsElementsTreeMultiSelectVirtualListContainer { inline-size: 100%; block= -size: 100%; overflow: var(--ae-tree-container-overflow-x,hidden) var(--ae-= tree-container-overflow-y,auto); } .appsElementsTreeMultiSelectVirtualListContainer .wizcontribVirtuallistList= { overflow: visible; } .appsElementsTreeMultiSelectNode:focus-visible .appsElementsTreeCommonNodeF= ocusRing { --Mal6Ee: block; } .appsElementsTreeMultiSelectVirtualListContainer .wizcontribVirtuallistRow = { width: fit-content; min-inline-size: 100%; } .appsElementsTreeMultiSelectEllipseVirtualListRows .wizcontribVirtuallistRo= w { width: 100%; } .appsElementsTreeMultiSelectContainerRound { border-radius: var(--ae-tree-n= ode-container-shape,100px); } .appsElementsTreeMultiSelectNode:focus-within .appsElementsTreeCommonMultiS= electRemoveNodeButton, .appsElementsTreeMultiSelectNode:hover .appsElements= TreeCommonMultiSelectRemoveNodeButton { visibility: visible; } @media not (prefers-reduced-motion) { @keyframes opacity {=20 0% { opacity: 1; } 30% { opacity: 0.5; } 100% { opacity: 1; } } } .appsElementsGenerativeAiSourcesPanelEl { block-size: 100%; border-block-st= art: 1px solid transparent; box-sizing: border-box; inline-size: 100%; padd= ing-block: 7px 16px; overflow: hidden; --gm3-checkbox-focus-indicator-outli= ne-offset: -3px; } .appsElementsGenerativeAiSourcesPanelHeader { display: flex; align-items: c= enter; justify-content: space-between; flex-direction: row; } .appsElementsGenerativeAiSourcesPanelHeaderTitle { display: flex; align-ite= ms: center; flex-direction: row; padding: 16px; } .appsElementsGenerativeAiSourcesPanelHeaderTitleText { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; lette= r-spacing: 0px; line-height: 1.5rem; margin: 0px; } .appsElementsGenerativeAiSourcesPanelHeaderTitleTextCount { color: var(--gm= 3-sys-color-outline,#747775); } .appsElementsGenerativeAiSourcesPanelSubHeaderInfoIcon { margin-left: auto;= } .appsElementsGenerativeAiSourcesPanelSubHeader { align-items: center; displ= ay: flex; flex-direction: row; justify-content: space-between; margin: 0px = 12px; } .appsElementsGenerativeAiSourcesPanelEl .appsElementsGenerativeAiSourcesPan= elCard { --gm3-card-outlined-container-color: var(--gm3-sys-color-surface-c= ontainer-low,#f8fafd); --gm3-card-outlined-hover-outline-color: var(--gm3-s= ys-color-surface-container-highest,#dde3ea); --gm3-card-outlined-outline-co= lor: var(--gm3-sys-color-surface-container-highest,#dde3ea); --gm3-card-out= lined-pressed-outline-color: var(--gm3-sys-color-surface-container-highest,= #dde3ea); align-items: stretch; block-size: 100%; container-type: size; dis= play: flex; overflow: hidden; } .appsElementsGenerativeAiSourcesPanelContent { flex: 1 0 auto; overflow: vi= sible; position: relative; --ae-tree-container-overflow-x: visible; --ae-tr= ee-container-overflow-y: visible; } .appsElementsGenerativeAiSourcesPanelScrollableSourcesPanelContainer { disp= lay: flex; flex-direction: column; height: 100%; flex: 1 1 0%; overflow-y: = auto; } .appsElementsGenerativeAiSourcesPanelSourcesTree { display: flex; flex-dire= ction: column; } .appsElementsGenerativeAiSourcesPanelSourcesTreeFullHeight { height: 100%; = } .appsElementsGenerativeAiSourcesPanelAddSourcesButtonContainer { display: f= lex; } .appsElementsGenerativeAiSourcesPanelAddSourcesButtonContainer:has(.appsEle= mentsGenerativeAiSourcesPanelAddSourcesMenuButtonFilled[aria-expanded=3D"tr= ue"]), .appsElementsGenerativeAiSourcesPanelAddSourcesButtonContainer:has(.= appsElementsGenerativeAiSourcesPanelAddSourcesMenuButtonTonal[aria-expanded= =3D"true"]) { padding-bottom: 8px; padding-top: 8px; } .appsElementsGenerativeAiSourcesPanelAddSourcesButtonContainer .appsElement= sGenerativeAiSourcesPanelAddSourcesMenuButtonFilled[aria-expanded=3D"true"]= , .appsElementsGenerativeAiSourcesPanelAddSourcesButtonContainer .appsEleme= ntsGenerativeAiSourcesPanelAddSourcesMenuButtonTonal[aria-expanded=3D"true"= ] { margin-bottom: 0px; margin-top: 0px; } .appsElementsGenerativeAiSourcesPanelAddSourcesButtonFilled { --gm3-button-= filled-container-height: 32px; } .appsElementsGenerativeAiSourcesPanelAddSourcesButtonTonal { --gm3-button-f= illed-tonal-container-height: 32px; } .appsElementsGenerativeAiSourcesPanelAddSourcesMenuButtonFilled { --gm3-dro= pdown-button-filled-container-height: 32px; } .appsElementsGenerativeAiSourcesPanelAddSourcesMenuButtonTonal { --gm3-drop= down-button-filled-tonal-container-height: 32px; } .appsElementsGenerativeAiSourcesPanelAddSourcesMenu { --gm3-list-list-item-= leading-space: 16px; --gm3-list-list-item-trailing-space: 24px; --gm3-list-= list-item-content-gap: 16px; --gm3-menu-divider-space: 6px; --gm3-menu-grou= p-title-height: 28px; --gm3-menu-list-item-container-height: 40px; --gm3-me= nu-container-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-list-item= -leading-space: 16px; --gm3-menu-list-item-trailing-space: 24px; --gm3-menu= -list-item-content-gap: 16px; } .appsElementsGenerativeAiSourcesPanelFooter { border-radius: 12px; padding:= 8px; box-sizing: border-box; overflow: visible; } @container (min-height: 450px) { .appsElementsGenerativeAiSourcesPanelFooter { position: sticky; bottom: 0= px; background: var(--gm3-sys-color-surface-container-low,#f8fafd); z-index= : 1; } } .appsElementsGenerativeAiSourcesPanelFooter .appsElementsGenerativeAiSource= sTreeRoot { padding-bottom: 8px; } .appsElementsGenerativeAiSourcesPanelZeroStateSourcesTree { display: none; = } .appsElementsGenerativeAiSourcesPanelZeroStateHeader { margin-block-start: = 20px; } .appsElementsGenerativeAiSourcesPanelZeroState { display: flex; align-items= : center; justify-content: center; text-align: center; flex-direction: colu= mn; margin-bottom: 16px; } .appsElementsGenerativeAiSourcesPanelZeroState .appsElementsGenerativeAiSou= rcesPanelAddSourcesButtonContainer { margin-top: 12px; } .appsElementsGenerativeAiSourcesPanelZeroStateContent { flex: 1 1 0%; align= -content: center; } .appsElementsGenerativeAiSourcesPanelZeroStateImage { display: block; heigh= t: auto; left: 78px; margin-left: auto; margin-right: auto; top: 0px; width= : 100px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesZeroState { display: f= lex; flex-direction: column; row-gap: 2px; text-align: center; padding: 16p= x 0px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesZeroStateHeader { font= -family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font= -weight: 500; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--g= m3-sys-color-on-surface,#1f1f1f); margin: 0px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesZeroStateDescription {= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem;= font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; color: va= r(--gm3-sys-color-on-surface-variant,#444746); margin: 0px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer, .appsElementsGe= nerativeAiSourcesPanelSuggestedSourcesRoundedContainer { --hK0TOb: -3px; --= ae-collapsible-list-detail-container-color: var(--gm3-sys-color-surface-con= tainer,#f0f4f9); --ae-collapsible-list-detail-only-child-start-end-radius: = 0px; --ae-collapsible-list-detail-only-child-start-start-radius: 0px; --ae-= collapsible-list-detail-only-child-start-end-radius-hover: 0px; --ae-collap= sible-list-detail-only-child-start-start-radius-hover: 0px; --ae-collapsibl= e-list-item-content-section-padding: 0; --ae-collapsible-list-summary-conta= iner-color: var(--gm3-sys-color-surface-container,#f0f4f9); --ae-collapsibl= e-list-summary-container-height: 40px; --ae-collapsible-list-summary-detail= -gap: 0; --ae-collapsible-list-summary-expanded-end-end-radius: 0px; --ae-c= ollapsible-list-summary-expanded-end-start-radius: 0px; --ae-collapsible-li= st-summary-expanded-end-end-radius-hover: 0px; --ae-collapsible-list-summar= y-expanded-end-start-radius-hover: 0px; --ae-tree-node-trailing-space: 0; -= -ae-tree-container-overflow-x: visible; --ae-tree-container-overflow-y: vis= ible; inline-size: calc(100% - 2px); } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer .appsElementsCol= lapsibleListItemContentSection, .appsElementsGenerativeAiSourcesPanelSugges= tedSourcesRoundedContainer .appsElementsCollapsibleListItemContentSection {= padding-top: 0px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer:first-of-type { = --ae-collapsible-list-summary-start-end-radius: 12px; --ae-collapsible-list= -summary-start-start-radius: 12px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer:not(:first-of-ty= pe) { --ae-collapsible-list-summary-start-end-radius: 4px; --ae-collapsible= -list-summary-start-start-radius: 4px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer:last-of-type { -= -ae-collapsible-list-detail-only-child-end-end-radius: 12px; --ae-collapsib= le-list-detail-only-child-end-start-radius: 12px; --ae-collapsible-list-det= ail-only-child-end-end-radius-hover: 12px; --ae-collapsible-list-detail-onl= y-child-end-start-radius-hover: 12px; --ae-collapsible-list-summary-collaps= ed-end-start-radius: 12px; --ae-collapsible-list-summary-collapsed-end-end-= radius: 12px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer:not(:last-of-typ= e) { margin-block-end: 2px; --ae-collapsible-list-detail-only-child-end-end= -radius: 4px; --ae-collapsible-list-detail-only-child-end-start-radius: 4px= ; --ae-collapsible-list-detail-only-child-end-end-radius-hover: 4px; --ae-c= ollapsible-list-detail-only-child-end-start-radius-hover: 4px; --ae-collaps= ible-list-summary-collapsed-end-start-radius: 4px; --ae-collapsible-list-su= mmary-collapsed-end-end-radius: 4px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesRoundedContainer { mar= gin-top: 5px; --ae-collapsible-list-summary-start-end-radius: 12px; --ae-co= llapsible-list-summary-start-start-radius: 12px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesBordered { border-radi= us: 12px; isolation: isolate; position: relative; --ae-collapsible-list-det= ail-only-child-end-end-radius: 12px; --ae-collapsible-list-detail-only-chil= d-end-start-radius: 12px; --ae-collapsible-list-detail-only-child-end-end-r= adius-hover: 12px; --ae-collapsible-list-detail-only-child-end-start-radius= -hover: 12px; --ae-collapsible-list-summary-collapsed-end-end-radius: 12px;= --ae-collapsible-list-summary-collapsed-end-start-radius: 12px; --ae-colla= psible-list-summary-start-end-radius: 12px; --ae-collapsible-list-summary-s= tart-start-radius: 12px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesBordered:not(.appsElem= entsGenerativeAiSourcesPanelSuggestedSourcesLoading)::after { content: ""; = position: absolute; inset: -1.5px; z-index: 2; pointer-events: none; box-si= zing: border-box; border-radius: 13.5px; padding: 1.5px; background: linear= -gradient(90deg,var(--ws-sys-color-genai-bold-gradient01,#346bf1) 15.74%,va= r(--ws-sys-color-genai-bold-gradient02,#3186ff) 64.94%,var(--ws-sys-color-g= enai-bold-gradient03,#a9a8ff) 98.39%) border-box; mask: linear-gradient(rgb= (255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gr= adient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesBordered:not(.appsEl= ementsGenerativeAiSourcesPanelSuggestedSourcesLoading)::after { background:= none; border: 1.5px solid canvastext; mask: none; padding: 0px; } } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoading { position: re= lative; isolation: isolate; --border-opacity: 0; --angle-start: 0deg; --spr= ead-1: 0deg; --spread-2: 0deg; --spread-3: 0deg; --spread-end: 0deg; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoading::after { conte= nt: ""; position: absolute; opacity: var(--border-opacity); inset: -2px; z-= index: 2; pointer-events: none; border-radius: 14px; padding: 2px; backgrou= nd: conic-gradient(from var(--angle-start),transparent 0deg,var(--ws-sys-co= lor-genai-bold-gradient01,#346bf1) var(--spread-1),var(--ws-sys-color-genai= -bold-gradient02,#3186ff) var(--spread-2),var(--ws-sys-color-genai-bold-gra= dient03,#a9a8ff) var(--spread-3),transparent var(--spread-end)) border-box;= mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) cont= ent-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255)= 0px); } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoading::after { bac= kground: none; border: 2px solid canvastext; mask: none; padding: 0px; } } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoading::after { box-s= izing: border-box; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesTreeContainer { min-bl= ock-size: 96px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer .appsElementsCol= lapsibleListSummaryButtonRoot { padding-inline-start: 18px; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer .appsElementsCol= lapsibleListSummaryButtonRoot.appsElementsCollapsibleListSummaryButtonTrans= parentDetail { background-color: transparent; } .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer .appsElementsCol= lapsibleListSummaryButtonRoot .appsElementsCollapsibleListSummaryButtonLead= ingContent, .appsElementsGenerativeAiSourcesPanelGmailSourcesContainer .app= sElementsCollapsibleListSummaryButtonRoot .appsElementsCollapsibleListSumma= ryButtonLeadingContentWithoutIcon { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.0= 0625rem; line-height: 1rem; } .appsElementsGenerativeAiSourcesPanelReadonly .appsElementsGenerativeAiSour= cesPanelSuggestedSourcesRoundedContainer { display: none; } .appsElementsGenerativeAiSourcesPanelSearchSettingsButtonContainer { displa= y: flex; width: 100%; } .appsElementsGenerativeAiSourcesPanelSearchSettingsButton { align-items: ce= nter; background-color: var(--gm3-sys-color-surface-container,#f0f4f9); bor= der-radius: 12px; box-sizing: border-box; cursor: pointer; display: flex; j= ustify-content: space-between; padding: 2px 4px 2px 16px; min-height: 48px;= width: 100%; } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSearchSettingsButton { outline: tran= sparent solid 1px; } } .appsElementsGenerativeAiSourcesPanelSearchSettingsButton { --gm3-icon-butt= on-standard-icon-size: 20px; --gm3-icon-button-standard-container-height: 3= 2px; --gm3-icon-button-standard-container-width: 40px; --gm3-icon-button-st= andard-container-shape-start-start: 9999px; --gm3-icon-button-standard-cont= ainer-shape-start-end: 9999px; --gm3-icon-button-standard-container-shape-e= nd-end: 9999px; --gm3-icon-button-standard-container-shape-end-start: 9999p= x; --gm3-icon-button-standard-pressed-container-shape-start-start: 8px; --g= m3-icon-button-standard-pressed-container-shape-start-end: 8px; --gm3-icon-= button-standard-pressed-container-shape-end-end: 8px; --gm3-icon-button-sta= ndard-pressed-container-shape-end-start: 8px; --gm3-icon-button-standard-se= lected-container-shape-start-start: 12px; --gm3-icon-button-standard-select= ed-container-shape-start-end: 12px; --gm3-icon-button-standard-selected-con= tainer-shape-end-end: 12px; --gm3-icon-button-standard-selected-container-s= hape-end-start: 12px; } .appsElementsGenerativeAiSourcesPanelSearchSettingsButton:hover { backgroun= d-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } .appsElementsGenerativeAiSourcesPanelSearchSettingsButton:focus-visible { -= -H6apye: block; --vTiv8c: 12px; --UtHrue: 12px; --uHecC: 12px; --C8LWjb: 12= px; } .appsElementsGenerativeAiSourcesPanelSearchSettingsButtonDisabled { pointer= -events: none; } .appsElementsGenerativeAiSourcesPanelSearchSettingsButtonContent { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-= color-on-surface-variant,#444746); align-self: start; padding: 10px 0px; ga= p: 12px; display: flex; flex-direction: column; } .appsElementsGenerativeAiSourcesPanelSearchSettingsToggle { align-self: end= ; inset-inline-end: 12px; padding-bottom: 12px; position: absolute; --gm3-s= witch-track-width: 36px; --gm3-switch-track-height: 20px; --gm3-switch-sele= cted-handle-height: 16px; --gm3-switch-selected-handle-width: 16px; --gm3-s= witch-unselected-handle-height: 12px; --gm3-switch-unselected-handle-width:= 12px; --gm3-switch-pressed-handle-height: 14px; --gm3-switch-pressed-handl= e-width: 14px; --gm3-switch-state-layer-size: 20px; } .appsElementsGenerativeAiSourcesPanelSearchSettingsIconWrapper { align-item= s: center; align-self: start; color: var(--gm3-sys-color-on-surface-variant= ,#444746); display: flex; gap: 5px; height: 20px; } .appsElementsGenerativeAiSourcesPanelSearchSettingsIcon { width: 24px; heig= ht: 24px; } .appsElementsGenerativeAiSourcesPanelSearchSettingsDisabledIcon { opacity: = 0.38; } .appsElementsGenerativeAiSourcesPanelSearchSettingsMenu { width: 300px; bac= kground-color: var(--gm3-sys-color-surface,#fff); } .appsElementsGenerativeAiSourcesPanelSearchSettingsMenuTitle { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 50= 0; letter-spacing: 0px; line-height: 1.5rem; padding: 0px 16px; } .appsElementsGenerativeAiSourcesPanelCustomSelectMenuItem { padding: 0px 16= px; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem;= font-weight: 400; letter-spacing: 0px; line-height: 1.5rem; --gm3-list-lis= t-item-trailing-icon-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-list-list-item-trailing-icon-size: 20px; --gm3-list-list-item-contr= ol-selected-trailing-icon-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-li= st-item-label-text-font: "Google Sans"; --gm3-list-list-item-selected-conta= iner-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-list-item-contain= er-height: 36px; --gm3-menu-list-item-label-text-font: "Google Sans Flex","= Google Sans",Roboto,Arial,sans-serif; --gm3-menu-list-item-selected-contain= er-color: var(--gm3-sys-color-surface,#fff); } .appsElementsGenerativeAiSourcesPanelSearchSettingsMenuDisclaimer { padding= : 0px 16px 4px; font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: = 1rem; color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsGenerativeAiSourcesPanelSourcePanelHeaderTooltipIcon { --hK0TO= b: -3px; align-items: center; block-size: 30px; inline-size: 30px; border-r= adius: 9999px; color: var(--gm3-sys-color-on-surface-variant,#444746); disp= lay: flex; justify-content: center; position: relative; } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSourcePanelHeaderTooltipIcon { outli= ne: transparent solid 1px; } } .appsElementsGenerativeAiSourcesPanelSourcePanelHeaderTooltipIcon:hover { b= ackground-color: var(--gm3-sys-color-surface-variant,#e1e3e1); cursor: poin= ter; } .appsElementsGenerativeAiSourcesPanelSourcePanelHeaderTooltipIcon:focus-vis= ible { --H6apye: block; --vTiv8c: 9999px; --UtHrue: 9999px; --uHecC: 9999px= ; --C8LWjb: 9999px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelHeaderIcon { align-items: = center; display: flex; justify-content: center; } .appsElementsGenerativeAiSourcesPanelSourcesPanelSuggestedTreeNode, .appsEl= ementsGenerativeAiSourcesPanelSourcesPanelTreeNode { border-radius: unset; = height: 32px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNode { padding: 0px 4p= x; } .appsElementsGenerativeAiSourcesPanelSourcesPanelSuggestedTreeNode { --gm3-= icon-button-standard-touch-target-size: 28px; padding: 0px 4px 0px 6px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader { alig= n-items: center; block-size: 100%; border-radius: unset; display: flex; fle= x-direction: row; height: 32px; inline-size: 100%; gap: 8px; padding: 0px 4= px 0px 6px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :first= -child { background-color: var(--gm3-sys-color-surface-container-highest,#d= de3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :fir= st-child { animation: 2s linear 0s infinite normal forwards running opacity= ; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :fir= st-child { background-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :first= -child { block-size: 16px; border-radius: 4px; display: flex; inline-size: = 16px; margin-inline-start: 8px; padding: 0px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth-c= hild(2) { background-color: var(--gm3-sys-color-surface-container-highest,#= dde3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth= -child(2) { animation: 2s linear 0s infinite normal forwards running opacit= y; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth= -child(2) { background-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth-c= hild(2) { block-size: 12px; border-radius: 16px; display: flex; inline-size= : 180px; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth-c= hild(3) { flex: 1 1 0%; } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth-c= hild(4) { background-color: var(--gm3-sys-color-surface-container-highest,#= dde3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth= -child(4) { animation: 2s linear 0s infinite normal forwards running opacit= y; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth= -child(4) { background-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSourcesPanelTreeNodeGhostLoader :nth-c= hild(4) { block-size: 18px; border-radius: 9999px; inline-size: 18px; margi= n: 7px; margin-inline-end: 22px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderContainer { marg= in-bottom: 8px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow { align-item= s: center; block-size: 32px; display: flex; flex-direction: row; gap: 4px; = padding: 0px 8px 0px 12px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderIconAndTextConta= iner { align-items: center; block-size: 20px; display: flex; flex-direction= : row; gap: 8px; inline-size: 248px; margin-right: 4px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { backg= round-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { ani= mation: 2s linear 0s infinite normal forwards running opacity; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { bac= kground-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { block= -size: 16px; border-radius: 4px; inline-size: 16px; margin: 4px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { backg= round-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { ani= mation: 2s linear 0s infinite normal forwards running opacity; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { bac= kground-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { block= -size: 12px; border-radius: 16px; inline-size: 180px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton { back= ground-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton { an= imation: 2s linear 0s infinite normal forwards running opacity; } } @media (forced-colors: active) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton { ba= ckground-color: canvas; border: 1px solid canvastext; } } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton { bloc= k-size: 18px; border-radius: 9999px; inline-size: 18px; margin: 7px; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesDisclaimer { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sy= s-color-on-surface-variant,#444746); padding: 6px 10px 4px; } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:first-chil= d .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { ani= mation-delay: 0s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:first-chil= d .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { ani= mation-delay: 0.1s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:first-chil= d > .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton { = animation-delay: 0.2s; } } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 2) .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { an= imation-delay: 0.1s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 2) .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { an= imation-delay: 0.2s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 2) > .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton {= animation-delay: 0.3s; } } @media not (prefers-reduced-motion) { .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 3) .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemIcon { an= imation-delay: 0.2s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 3) .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderItemText { an= imation-delay: 0.3s; } .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderRow:nth-child(= 3) > .appsElementsGenerativeAiSourcesPanelSuggestedSourcesLoaderAddButton {= animation-delay: 0.4s; } } .appsElementsGenerativeAiSourcesPanelEl.appsElementsGenerativeAiSourcesPane= lScrollDelineation { border-block-start-color: var(--gm3-sys-color-surface-= variant,#e1e3e1); } .appsElementsGenerativeAiSourcesPanelTabs, .appsElementsGenerativeAiSources= PanelTabs [role=3D"tabpanel"], .appsElementsGenerativeAiSourcesPanelTabs [r= ole=3D"tabpanel"] > :first-child { display: flex; flex-direction: column; f= lex: 1 1 0%; overflow: hidden; } .appsElementsGenerativeAiSourcesPanelTabs { --gm3-tabs-primary-container-co= lor: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-tabs-primary= -focus-indicator-active-offset-bottom: -4px; } .appsElementsGenerativeAiSourcesPanelTabContent { padding-block-start: 16px= ; display: flex; flex-direction: column; flex: 1 1 0%; overflow-y: auto; } .appsElementsKeyboardShortcutsDialogRoot { --W1aG0b: 0; --eNKeTe: var(--gm3= -sys-color-surface-container-high,#e9eef6); --rimZob: min(100dvh - 48px,580= px); --Tlqqfc: min(100dvw - 48px,600px); --WhNlI: min(100dvh - 48px,580px);= --pjsEwc: min(100dvw - 48px,600px); --ghukTc: flex; --urucif: 0; --Cv3aid:= 0; --xkSh4b: 0; --tukwab: 0; } .appsElementsKeyboardShortcutsDialogContentContainer { display: flex; flex-= direction: column; inline-size: 100%; } .appsElementsKeyboardShortcutsDialogAllShortcutsHelpLink { --gm3-button-tex= t-container-height: 28px; --gm3-button-text-label-text-color: var(--gm3-sys= -color-primary,#0b57d0); --gm3-button-text-label-text-size: 0.875rem; --gm3= -button-text-label-text-tracking: 0rem; --gm3-button-text-label-text-weight= : 500; --gm3-button-text-with-icon-icon-label-space: 8px; margin-inline-sta= rt: -12px; } .appsElementsKeyboardShortcutsDialogShortcutsContainer { display: flex; fle= x-direction: column; flex-grow: 1; overflow-y: overlay; padding-inline: 24p= x; } .appsElementsKeyboardShortcutsDialogFooter::before { position: absolute; bo= x-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; borde= r: 1px solid transparent; border-radius: inherit; content: ""; pointer-even= ts: none; } @media screen and (forced-colors: active) { .appsElementsKeyboardShortcutsDialogFooter::before { border-color: canvas= text; } } .appsElementsKeyboardShortcutsDialogFooter { display: flex; padding: 16px 2= 4px; position: relative; } .appsElementsKeyboardShortcutsDialogSearchInputContainer { flex-shrink: 0; = block-size: 48px; margin-inline: 24px; margin-block-end: 8px; border: 1px s= olid transparent; display: flex; align-items: center; gap: 8px; } .appsElementsKeyboardShortcutsDialogSearchInput { --gm3-text-field-filled-a= ctive-indicator-height: 0; --gm3-text-field-filled-container-color: var(--g= m3-sys-color-surface-container-low,#f8fafd); --gm3-text-field-filled-contai= ner-height: 48px; --gm3-text-field-filled-disabled-active-indicator-height:= 0; --gm3-text-field-filled-focus-active-indicator-thickness: 0; --gm3-text= -field-filled-hover-active-indicator-height: 0; --gm3-text-field-filled-hov= er-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-text-f= ield-filled-hover-state-layer-opacity: 0.12; --gm3-text-field-filled-label-= text-display: none; --gm3-text-field-filled-label-text-populated-line-heigh= t: 0px; --gm3-text-field-filled-top-space: 0px; --gm3-text-field-filled-bot= tom-space: 0px; overflow: hidden; border-radius: 48px; inline-size: 100%; b= ox-sizing: border-box; } .appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-search-cancel= -button, .appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-sear= ch-decoration, .appsElementsKeyboardShortcutsDialogSearchInputField::-webki= t-search-results-button, .appsElementsKeyboardShortcutsDialogSearchInputFie= ld::-webkit-search-results-decoration { display: none; } .appsElementsKeyboardShortcutsDialogSwitch { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spac= ing: 0px; line-height: 1.25rem; display: flex; align-items: center; justify= -content: space-between; padding: 18px 24px; border-block-end: 1px solid va= r(--gm3-sys-color-outline-variant,#c4c7c5); color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .appsElementsKeyboardShortcutsDialogCategoryLabel, .appsElementsKeyboardSho= rtcutsDialogNoResultsNotice { font-family: "Google Sans", Roboto, Arial, sa= ns-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line-heig= ht: 1.5rem; padding-block: 16px; text-align: start; } .appsElementsKeyboardShortcutsDialogCategoryLabel, .appsElementsKeyboardSho= rtcutsDialogShortcutName { white-space: normal; display: block; } .appsElementsKeyboardShortcutsDialogCategoryMigrationLabel { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.5rem; display: inline-block; padding-b= lock: 16px; text-align: end; } .appsElementsKeyboardShortcutsDialogTableCell { padding: 0px; } .appsElementsKeyboardShortcutsDialogQuarterTableCell { width: 25%; } .appsElementsKeyboardShortcutsDialogHalfTableCell { width: 50%; } .appsElementsKeyboardShortcutsDialogTableCellNoBorder { border-width: mediu= m; border-style: none; border-color: currentcolor; border-image: none; } .appsElementsKeyboardShortcutsDialogNoResultsQuery { white-space: pre-wrap;= overflow-wrap: break-word; } .appsElementsKeyboardShortcutsDialogShortcutTable { --gm3-data-table-header= -container-color: transparent; --gm3-data-table-outline-width: 0; --gm3-dat= a-table-row-item-selected-container-color: transparent; --gm3-data-table-ro= w-item-selected-hover-state-layer-color: transparent; --gm3-data-table-row-= item-unselected-container-color: transparent; --gm3-data-table-row-item-uns= elected-hover-state-layer-color: transparent; flex-shrink: 0; table-layout:= fixed; inline-size: 100%; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsKeyboardShortcutsDialogShortcutTable { --gm3-data-table-row-= item-outline-color: CanvasText; } } .appsElementsKeyboardShortcutsDialogShortcutAlternateDisabled { --gm3-data-= table-row-item-label-text-color: var(--gm3-sys-color-outline-variant,#c4c7c= 5); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsKeyboardShortcutsDialogShortcutAlternateDisabled { --gm3-dat= a-table-row-item-label-text-color: GrayText; } } .appsElementsKeyboardShortcutsDialogShortcutName { padding: 16px 0px; } .appsElementsKeyboardShortcutsDialogShortcutNameHighlight { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 7= 00; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsKeyboardShortcutsDialogKeySequenceList { display: flex; gap: 4= px; flex-wrap: wrap; justify-content: end; padding: 16px 0px; } .appsElementsKeyboardShortcutsDialogKeySequence { display: flex; gap: 4px; = } .appsElementsKeyboardShortcutsDialogKeySequenceAlternateDisabled { color: v= ar(--gm3-sys-color-outline-variant,#c4c7c5); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsKeyboardShortcutsDialogKeySequenceAlternateDisabled { color:= graytext; } } .appsElementsKeyboardShortcutsDialogKey { border-radius: 4px; font-family: = "Google Sans Mono", Inter, monospace; color: inherit; border: 1px solid; te= xt-align: center; box-sizing: border-box; line-height: 18px; padding-inline= : 4px; } .appsElementsKeyboardShortcutsDialogSingleChar { padding-inline: 0px; inlin= e-size: 20px; text-transform: uppercase; } .appsElementsLinkPreviewBannerBanner { padding-inline: 16px; border-radius:= 0px; } @media (forced-colors: active) { .appsElementsLinkPreviewBannerBanner:first-of-type { border-block-start: = 1px solid; } } .appsElementsLinkPreviewBannerBanner:last-of-type { border-radius: 0px 0px = 12px 12px; } .appsElementsLinkPreviewBannerBanner:nth-of-type(n+2) .appsElementsLinkPrev= iewBannerBannerContent { padding-block-start: 10px; } .appsElementsLinkPreviewBannerBanner:nth-last-of-type(n+2) .appsElementsLin= kPreviewBannerBannerContent { padding-block-end: 10px; } .appsElementsLinkPreviewBannerBanner:nth-last-of-type(n+2)::after { content= : ""; display: block; border-block-start: 2px solid color-mix(in srgb, curr= entcolor, transparent); position: relative; top: 1px; } .appsElementsLinkPreviewBannerBannerContent { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spa= cing: 0px; line-height: 1.25rem; display: flex; align-items: center; flex-w= rap: wrap; gap: 12px; padding-block: 8px; justify-content: flex-end; } .appsElementsLinkPreviewBannerInformationalBanner { background-color: rgb(2= 55, 242, 180); color: rgb(47, 20, 0); } .appsElementsLinkPreviewBannerSuggestionBanner { background-color: var(--gm= 3-sys-color-primary,#0b57d0); color: var(--gm3-sys-color-on-primary,#fff); = } .appsElementsLinkPreviewBannerWarningBanner { background-color: rgb(252, 18= 9, 0); color: rgb(47, 20, 0); } .appsElementsLinkPreviewBannerWarningSevereBanner { background-color: var(-= -gm3-sys-color-error,#b3261e); color: var(--gm3-sys-color-on-error,#fff); } .appsElementsLinkPreviewBannerIcon { display: flex; } .appsElementsLinkPreviewBannerTextAndIconContainer { display: flex; gap: 12= px; text-wrap: pretty; flex: 1 1 calc(100% - 148px); } .appsElementsLinkPreviewBannerText { display: flex; flex-direction: column;= gap: 2px; } .appsElementsLinkPreviewBannerSubtext { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing:= 0.00625rem; line-height: 1rem; } .appsElementsLinkPreviewBannerActionButtonContainer { display: flex; gap: 4= px; } .appsElementsLinkPreviewBannerActionButton { --gm3-button-outlined-containe= r-height: 32px; --gm3-button-outlined-hover-state-layer-opacity: 0.12; --gm= 3-button-outlined-leading-space: 24px; --gm3-button-outlined-pressed-state-= layer-opacity: 0.16; --gm3-button-outlined-trailing-space: 24px; --gm3-butt= on-text-container-height: 32px; --gm3-button-text-hover-state-layer-opacity= : 0.12; --gm3-button-text-leading-space: 12px; --gm3-button-text-pressed-st= ate-layer-opacity: 0.16; --gm3-button-text-trailing-space: 12px; min-inline= -size: unset; } .appsElementsLinkPreviewBannerActionButton:disabled { opacity: 0.38; } .appsElementsLinkPreviewBannerSuggestionBanner .appsElementsLinkPreviewBann= erActionButton { --gm3-button-outlined-disabled-label-text-color: var(--gm3= -sys-color-on-primary,#fff); --gm3-button-outlined-focus-indicator-color: v= ar(--gm3-sys-color-on-primary,#fff); --gm3-button-outlined-focus-label-text= -color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-outlined-hover-l= abel-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-outline= d-hover-state-layer-color: var(--gm3-sys-color-on-primary,#fff); --gm3-butt= on-outlined-label-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-b= utton-outlined-pressed-label-text-color: var(--gm3-sys-color-on-primary,#ff= f); --gm3-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on= -primary,#fff); --gm3-button-outlined-disabled-outline-color: var(--gm3-sys= -color-on-primary,#fff); --gm3-button-outlined-focus-outline-color: var(--g= m3-sys-color-on-primary,#fff); --gm3-button-outlined-hover-outline-color: v= ar(--gm3-sys-color-on-primary,#fff); --gm3-button-outlined-outline-color: v= ar(--gm3-sys-color-on-primary,#fff); --gm3-button-outlined-pressed-outline-= color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-text-disabled-lab= el-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-text-focu= s-indicator-color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-text-= focus-label-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-button-= text-hover-label-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-bu= tton-text-hover-state-layer-color: var(--gm3-sys-color-on-primary,#fff); --= gm3-button-text-label-text-color: var(--gm3-sys-color-on-primary,#fff); --g= m3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-primary,#ff= f); --gm3-button-text-pressed-state-layer-color: var(--gm3-sys-color-on-pri= mary,#fff); } .appsElementsLinkPreviewBannerInformationalBanner .appsElementsLinkPreviewB= annerActionButton, .appsElementsLinkPreviewBannerWarningBanner .appsElement= sLinkPreviewBannerActionButton { --gm3-button-outlined-disabled-label-text-= color: #2f1400; --gm3-button-outlined-focus-indicator-color: #2f1400; --gm3= -button-outlined-focus-label-text-color: #2f1400; --gm3-button-outlined-hov= er-label-text-color: #2f1400; --gm3-button-outlined-hover-state-layer-color= : #2f1400; --gm3-button-outlined-label-text-color: #2f1400; --gm3-button-ou= tlined-pressed-label-text-color: #2f1400; --gm3-button-outlined-pressed-sta= te-layer-color: #2f1400; --gm3-button-outlined-disabled-outline-color: #2f1= 400; --gm3-button-outlined-focus-outline-color: #2f1400; --gm3-button-outli= ned-hover-outline-color: #2f1400; --gm3-button-outlined-outline-color: #2f1= 400; --gm3-button-outlined-pressed-outline-color: #2f1400; --gm3-button-tex= t-disabled-label-text-color: #2f1400; --gm3-button-text-focus-indicator-col= or: #2f1400; --gm3-button-text-focus-label-text-color: #2f1400; --gm3-butto= n-text-hover-label-text-color: #2f1400; --gm3-button-text-hover-state-layer= -color: #2f1400; --gm3-button-text-label-text-color: #2f1400; --gm3-button-= text-pressed-label-text-color: #2f1400; --gm3-button-text-pressed-state-lay= er-color: #2f1400; } .appsElementsLinkPreviewBannerWarningSevereBanner .appsElementsLinkPreviewB= annerActionButton { --gm3-button-outlined-disabled-label-text-color: var(--= gm3-sys-color-on-error,#fff); --gm3-button-outlined-focus-indicator-color: = var(--gm3-sys-color-on-error,#fff); --gm3-button-outlined-focus-label-text-= color: var(--gm3-sys-color-on-error,#fff); --gm3-button-outlined-hover-labe= l-text-color: var(--gm3-sys-color-on-error,#fff); --gm3-button-outlined-hov= er-state-layer-color: var(--gm3-sys-color-on-error,#fff); --gm3-button-outl= ined-label-text-color: var(--gm3-sys-color-on-error,#fff); --gm3-button-out= lined-pressed-label-text-color: var(--gm3-sys-color-on-error,#fff); --gm3-b= utton-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-error,#fff= ); --gm3-button-outlined-disabled-outline-color: var(--gm3-sys-color-on-err= or,#fff); --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-on= -error,#fff); --gm3-button-outlined-hover-outline-color: var(--gm3-sys-colo= r-on-error,#fff); --gm3-button-outlined-outline-color: var(--gm3-sys-color-= on-error,#fff); --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-= color-on-error,#fff); --gm3-button-text-disabled-label-text-color: var(--gm= 3-sys-color-on-error,#fff); --gm3-button-text-focus-indicator-color: var(--= gm3-sys-color-on-error,#fff); --gm3-button-text-focus-label-text-color: var= (--gm3-sys-color-on-error,#fff); --gm3-button-text-hover-label-text-color: = var(--gm3-sys-color-on-error,#fff); --gm3-button-text-hover-state-layer-col= or: var(--gm3-sys-color-on-error,#fff); --gm3-button-text-label-text-color:= var(--gm3-sys-color-on-error,#fff); --gm3-button-text-pressed-label-text-c= olor: var(--gm3-sys-color-on-error,#fff); --gm3-button-text-pressed-state-l= ayer-color: var(--gm3-sys-color-on-error,#fff); } .appsElementsLinkPreviewBannerBasicBanner { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spaci= ng: 0px; line-height: 1.25rem; background-color: var(--gm3-sys-color-surfac= e-container-lowest,#fff); color: var(--gm3-sys-color-outline,#747775); } .appsElementsLinkPreviewBannerWorkspaceStudioIcon { block-size: 18px; displ= ay: flex; inline-size: 18px; } .appsElementsAnchoredLinkPreviewRoot.appsElementsAnchoredLinkPreviewRoot { = position: absolute; z-index: var(--ae-link-preview-z-index,10001); } .appsElementsLinkPreviewBaseRoot { --gm3-card-elevated-container-elevation:= 3; --gm3-card-elevated-container-color: var(--ae-link-preview-container-co= lor,var(--gm3-sys-color-surface-container,#f0f4f9)); --gm3-card-elevated-co= ntainer-shape-start-start: var(--ae-link-preview-container-shape,12px); --g= m3-card-elevated-container-shape-start-end: var(--ae-link-preview-container= -shape,12px); --gm3-card-elevated-container-shape-end-end: var(--ae-link-pr= eview-container-shape,12px); --gm3-card-elevated-container-shape-end-start:= var(--ae-link-preview-container-shape,12px); box-sizing: border-box; inlin= e-size: var(--ae-link-preview-inline-size,324px); } .appsElementsLinkPreviewBaseShowActionButtonsOnHover:focus-within .appsElem= entsLinkPreviewBaseActionButton, .appsElementsLinkPreviewBaseShowActionButt= onsOnHover:hover .appsElementsLinkPreviewBaseActionButton { opacity: 1; } .appsElementsLinkPreviewBaseShowActionButtonsOnHover .appsElementsLinkPrevi= ewBaseActionButton { opacity: 0; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseMainConte= nt { padding: 0px; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseBody { ma= rgin-block-start: 0px; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseBodyConte= nt { background-color: var(--ae-link-preview-content-container-color,var(--= gm3-sys-color-surface,#fff)); border-radius: 0px 0px 8px 8px; padding: 0px = 16px 10px; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseHeader { = background-color: var(--ae-link-preview-content-container-color,var(--gm3-s= ys-color-surface,#fff)); padding: 10px 16px; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseButtonsWr= apper { padding: 0px 16px 10px; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseInlineSum= maryContainer { padding: 0px 16px 10px; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); font-family: "Google Sans", Roboto, Arial, sans-serif; font-si= ze: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; = } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseLinkList,= .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseMultiLin= kHeader { background-color: var(--ae-link-preview-content-container-color,v= ar(--gm3-sys-color-surface,#fff)); } .appsElementsLinkPreviewBaseInlineSummaryIconButton { float: inline-start; = margin-inline-end: 6px; color: var(--gm3-sys-color-on-surface,#1f1f1f); --g= m3-icon-button-standard-container-height: 1.25rem; --gm3-icon-button-standa= rd-container-width: 1.25rem; --gm3-icon-button-standard-icon-size: 1.25rem;= --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-= on-surface,#1f1f1f); --gm3-icon-button-standard-selected-hover-icon-color: = var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-standard-selecte= d-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-st= andard-selected-pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-icon-button-standard-unselected-hover= -icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-bu= tton-standard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-icon-button-standard-unselected-pressed-icon-color: var(--= gm3-sys-color-on-surface-variant,#444746); } .appsElementsLinkPreviewBaseInlineSummaryErrorContainer { align-items: cent= er; display: flex; color: var(--gm3-sys-color-on-surface-variant,#444746); = gap: 8px; padding: 0px 16px 10px; font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; l= ine-height: 1.25rem; } .appsElementsLinkPreviewBaseInlineSummaryErrorText { flex-grow: 1; } .appsElementsLinkPreviewBaseContained .appsElementsLinkPreviewBaseThumbnail= ExpandButtonContainer { background-color: var(--ae-link-preview-content-con= tainer-color,var(--gm3-sys-color-surface,#fff)); } @media not (prefers-reduced-motion) { @supports (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseAnimateAppend { interpolate-size: allow-keywo= rds; transition-property: block-size; } } @supports not (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseAnimateAppend { transition-property: max-bloc= k-size; max-block-size: 300px; } } } .appsElementsLinkPreviewBaseAnimateAppend { transition-duration: 0.35s; tra= nsition-timing-function: cubic-bezier(0.27, 1.06, 0.18, 1); } .appsElementsLinkPreviewBaseAnimateAppend:not(:has(.appsElementsLinkPreview= BaseCitationSourceSection)) { overflow: hidden; } .appsElementsLinkPreviewBaseAnimateAppend:has(.appsElementsLinkPreviewBaseB= uttonsWrapper) { padding-inline-start: 3px; margin-inline-start: -3px; } .appsElementsLinkPreviewBaseMainContent { padding: 10px 16px; } .appsElementsLinkPreviewBaseThirdPartyContainer { box-sizing: border-box; p= adding: 0px 7px; inline-size: 100%; } .appsElementsLinkPreviewBaseBody { margin-block-start: 10px; display: flex;= flex-direction: column; gap: 10px; } .appsElementsLinkPreviewBaseBodyContent { display: flex; flex-direction: co= lumn; gap: 10px; } .appsElementsLinkPreviewBaseRoot:not(.appsElementsLinkPreviewBaseContained)= .appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseAttachmen= tChips):has(.appsElementsLinkPreviewBaseButtonsWrapper) { gap: 16px; } .appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseCompactBod= y), .appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseDescri= ptionSection), .appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPrevie= wBaseMapsDescriptionSection), .appsElementsLinkPreviewBaseBody:has(.appsEle= mentsLinkPreviewBaseTextOnlyDescriptionSection), .appsElementsLinkPreviewBa= seBody:has(.appsElementsLinkPreviewBaseThumbnailContainer), .appsElementsLi= nkPreviewBaseBody:has(.appsElementsLinkPreviewBaseUrl) { padding-block-end:= 6px; } .appsElementsLinkPreviewBaseHeader { display: flex; gap: 12px; align-items:= center; justify-content: space-between; min-block-size: 32px; } .appsElementsLinkPreviewBaseIconTitleUrlContainer { display: flex; gap: 12p= x; align-items: center; align-self: start; min-inline-size: 0px; flex-grow:= 1; margin-block-start: 6px; } .appsElementsLinkPreviewBaseTitleUrlContainer { min-inline-size: 0px; flex-= grow: 1; } .appsElementsLinkPreviewBaseTitle { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px;= line-height: 1.25rem; font-variant-ligatures: no-contextual; font-feature-= settings: "liga" 0; text-overflow: ellipsis; overflow: hidden; white-space:= nowrap; } .appsElementsLinkPreviewBaseTitle::after { content: ""; display: block; } .appsElementsLinkPreviewBaseTitle { max-inline-size: fit-content; color: va= r(--gm3-sys-color-primary,#0b57d0); cursor: pointer; display: block; text-d= ecoration: none; } .appsElementsLinkPreviewBaseUnreadTitle { font-weight: 700; } .appsElementsLinkPreviewBaseBrokenLink { cursor: default; font-style: itali= c; pointer-events: none; color: var(--gm3-sys-color-on-surface-variant,#444= 746); } .appsElementsLinkPreviewBaseTitleIcon { display: flex; align-items: center;= } .appsElementsLinkPreviewBaseHeader:has(.appsElementsLinkPreviewBaseUrl) .ap= psElementsLinkPreviewBaseTitleIcon { align-self: start; } .appsElementsLinkPreviewBaseDefaultFavicon { aspect-ratio: 1 / 1; border-ra= dius: 9999px; box-sizing: border-box; border-style: solid; border-color: tr= ansparent; background-color: var(--gm3-sys-color-outline-variant,#c4c7c5); = } .appsElementsLinkPreviewBaseUrl { text-overflow: ellipsis; overflow: hidden= ; white-space: nowrap; } .appsElementsLinkPreviewBaseUrl::after { content: ""; display: block; } .appsElementsLinkPreviewBaseUrl { font-variant-ligatures: no-contextual; fo= nt-feature-settings: "liga" 0; font-family: "Google Sans", Roboto, Arial, s= ans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem= ; line-height: 1rem; max-block-size: 1rem; max-inline-size: fit-content; ma= rgin-block-start: 4px; display: block; } .appsElementsLinkPreviewBaseThumbnailContainer { display: flex; position: r= elative; block-size: 164px; border-radius: 12px; overflow: hidden; cursor: = pointer; border: 1px solid var(--ae-link-preview-thumbnail-border-color,tra= nsparent); } .appsElementsLinkPreviewBaseThumbnailLink { display: flex; flex-grow: 1; } .appsElementsLinkPreviewBaseThumbnailAnchor { align-items: center; flex-gro= w: 1; outline: none; } .appsElementsLinkPreviewBaseThumbnailAnchor:focus-visible .appsElementsLink= PreviewBaseThumbnailFocusRing { --Mal6Ee: block; } .appsElementsLinkPreviewBaseThumbnailFocusRing { --QzESQd: 12px; --cIYKdb: = 12px; --po6djf: 12px; --Oypuue: 12px; } .appsElementsLinkPreviewBaseThumbnail { object-fit: cover; inline-size: 100= %; } .appsElementsLinkPreviewBaseThumbnailIcon { display: flex; align-items: cen= ter; justify-content: center; inline-size: 100%; block-size: 100%; } .appsElementsLinkPreviewBaseThumbnailIcon .appsElementsLinkPreviewBaseTitle= Icon { transform: scale(8); } .appsElementsLinkPreviewBaseDriveCard .appsElementsLinkPreviewBaseThumbnail= , .appsElementsLinkPreviewBaseGmailCard .appsElementsLinkPreviewBaseThumbna= il { position: absolute; inset-block-start: 0px; } .appsElementsLinkPreviewBasePublicCard .appsElementsLinkPreviewBaseThumbnai= l { object-fit: contain; } .appsElementsLinkPreviewBaseGenAiAvatar { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.25rem; } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"blue"], .appsE= lementsLinkPreviewBaseGenAiAvatar[data-color=3D"blue"] { --ae-link-preview-= agent-avatar-bg-color: var(--ws-sys-color-genai-gems-blue,var(--ws-sys-colo= r-gems-blue-low,#bedcff)); --ae-link-preview-agent-avatar-icon-color: var(-= -ws-sys-color-genai-on-gems-blue,var(--ws-sys-color-gems-blue-high,#00629e)= ); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"cyan"], .appsE= lementsLinkPreviewBaseGenAiAvatar[data-color=3D"cyan"] { --ae-link-preview-= agent-avatar-bg-color: var(--ws-sys-color-genai-gems-cyan,var(--ws-sys-colo= r-gems-cyan-low,#92e5ff)); --ae-link-preview-agent-avatar-icon-color: var(-= -ws-sys-color-genai-on-gems-cyan,var(--ws-sys-color-gems-cyan-high,#00677d)= ); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"orange"], .app= sElementsLinkPreviewBaseGenAiAvatar[data-color=3D"orange"] { --ae-link-prev= iew-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-orange,var(--ws-sy= s-color-gems-orange-low,#ffcfb4)); --ae-link-preview-agent-avatar-icon-colo= r: var(--ws-sys-color-genai-on-gems-orange,var(--ws-sys-color-gems-orange-h= igh,#96490a)); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"pink"], .appsE= lementsLinkPreviewBaseGenAiAvatar[data-color=3D"pink"] { --ae-link-preview-= agent-avatar-bg-color: var(--ws-sys-color-genai-gems-pink,var(--ws-sys-colo= r-gems-pink-low,#ffcbda)); --ae-link-preview-agent-avatar-icon-color: var(-= -ws-sys-color-genai-on-gems-pink,var(--ws-sys-color-gems-pink-high,#984062)= ); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"purple"], .app= sElementsLinkPreviewBaseGenAiAvatar[data-color=3D"purple"] { --ae-link-prev= iew-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-purple,var(--ws-sy= s-color-gems-purple-low,#f2ccff)); --ae-link-preview-agent-avatar-icon-colo= r: var(--ws-sys-color-genai-on-gems-purple,var(--ws-sys-color-gems-purple-h= igh,#9700d2)); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"teal"], .appsE= lementsLinkPreviewBaseGenAiAvatar[data-color=3D"teal"] { --ae-link-preview-= agent-avatar-bg-color: var(--ws-sys-color-genai-gems-teal,var(--ws-sys-colo= r-gems-teal-low,#93e7eb)); --ae-link-preview-agent-avatar-icon-color: var(-= -ws-sys-color-genai-on-gems-teal,var(--ws-sys-color-gems-teal-high,#00696d)= ); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"violet"], .app= sElementsLinkPreviewBaseGenAiAvatar[data-color=3D"violet"] { --ae-link-prev= iew-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-violet,var(--ws-sy= s-color-gems-violet-low,#d9d4ff)); --ae-link-preview-agent-avatar-icon-colo= r: var(--ws-sys-color-genai-on-gems-violet,var(--ws-sys-color-gems-violet-h= igh,#5132ff)); } .appsElementsLinkPreviewBaseGenAiAvatar[data-avatar-color=3D"yellow"], .app= sElementsLinkPreviewBaseGenAiAvatar[data-color=3D"yellow"] { --ae-link-prev= iew-agent-avatar-bg-color: var(--ws-sys-color-genai-gems-yellow,var(--ws-sy= s-color-gems-yellow-low,#ffd289)); --ae-link-preview-agent-avatar-icon-colo= r: var(--ws-sys-color-genai-on-gems-yellow,var(--ws-sys-color-gems-yellow-h= igh,#7e5700)); } .appsElementsLinkPreviewBaseGenAiAvatar { align-items: center; background-c= olor: var(--ae-link-preview-agent-avatar-bg-color,var(--gm3-sys-color-prima= ry-container,#d3e3fd)); block-size: 24px; border-radius: 16px; color: var(-= -ae-link-preview-agent-avatar-icon-color,var(--gm3-sys-color-on-primary-con= tainer,#0842a0)); display: flex; inline-size: 24px; justify-content: center= ; } .appsElementsLinkPreviewBaseOpenPreviewButton { position: absolute; inset-i= nline-end: 0px; inset-block-end: 0px; margin-block-end: 8px; margin-inline-= end: 8px; display: flex; justify-content: center; align-items: center; bloc= k-size: 32px; min-inline-size: 32px; max-inline-size: 32px; padding: 0px; c= olor: rgb(255, 255, 255); background-color: rgba(31, 31, 31, 0.6); border: = 1px solid transparent; border-radius: 20px; } @media not (prefers-reduced-motion) { .appsElementsLinkPreviewBaseOpenPreviewButton { transition-property: max-= inline-size, padding; transition-duration: 0.35s; transition-timing-functio= n: cubic-bezier(0.2, 0, 0, 1); } } .appsElementsLinkPreviewBaseOpenPreviewText { color: rgb(255, 255, 255); di= splay: none; overflow: hidden; white-space: nowrap; block-size: fit-content= ; } .appsElementsLinkPreviewBaseOpenPreviewButton:focus-visible, .appsElementsL= inkPreviewBaseOpenPreviewButton:hover, .appsElementsLinkPreviewBaseThumbnai= lContainer:focus-visible .appsElementsLinkPreviewBaseOpenPreviewButton, .ap= psElementsLinkPreviewBaseThumbnailContainer:hover .appsElementsLinkPreviewB= aseOpenPreviewButton { max-inline-size: 300px; padding: 0px 8px; gap: 8px; = } .appsElementsLinkPreviewBaseOpenPreviewButton:focus-visible .appsElementsLi= nkPreviewBaseOpenPreviewText, .appsElementsLinkPreviewBaseOpenPreviewButton= :hover .appsElementsLinkPreviewBaseOpenPreviewText, .appsElementsLinkPrevie= wBaseThumbnailContainer:focus-visible .appsElementsLinkPreviewBaseOpenPrevi= ewButton .appsElementsLinkPreviewBaseOpenPreviewText, .appsElementsLinkPrev= iewBaseThumbnailContainer:hover .appsElementsLinkPreviewBaseOpenPreviewButt= on .appsElementsLinkPreviewBaseOpenPreviewText { display: block; } .appsElementsLinkPreviewBaseRipple { --sbadab: var(--gm3-sys-color-on-secon= dary-container,#004a77); --F1tVH: var(--gm3-sys-color-on-secondary-containe= r,#004a77); --hSHBee: 0.08; --kDWEsd: 0.1; } .appsElementsLinkPreviewBaseCarouselCard { box-sizing: border-box; } .appsElementsLinkPreviewBaseCarouselCard .appsElementsLinkPreviewBaseTitle = { max-inline-size: 160px; } .appsElementsLinkPreviewBaseActiveCarouselItem { display: block; } .appsElementsLinkPreviewBaseInactiveCarouselItem { display: none; } .appsElementsLinkPreviewBaseCarouselNavigation { align-items: center; displ= ay: flex; flex-shrink: 0; gap: 4px; position: absolute; inset-inline-end: 2= 0px; inset-block-start: 15px; z-index: 2; } .appsElementsLinkPreviewBaseCarouselNavButton { align-items: center; backgr= ound: none; border-width: medium; border-style: none; border-color: current= color; border-image: none; border-radius: 9999px; color: var(--gm3-sys-colo= r-on-surface-variant,#444746); cursor: pointer; display: flex; justify-cont= ent: center; --gm3-icon-button-standard-container-height: 24px; --gm3-icon-= button-standard-container-width: 24px; --gm3-icon-button-standard-icon-size= : 20px; --gm3-icon-button-standard-touch-target-size: 24px; } .appsElementsLinkPreviewBaseCarouselNavText { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-v= ariant,#444746); min-inline-size: 4.25ch; text-align: center; user-select: = none; white-space: nowrap; } .appsElementsLinkPreviewBaseDescriptionSection { gap: 8px; color: var(--gm3= -sys-color-on-surface-variant,#444746); } .appsElementsLinkPreviewBaseDescriptionRow { display: flex; gap: 12px; alig= n-items: center; } .appsElementsLinkPreviewBaseDescriptionIcon { display: flex; } .appsElementsLinkPreviewBaseDescriptionText { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spac= ing: 0.00625rem; line-height: 1rem; font-variant-ligatures: no-contextual; = font-feature-settings: "liga" 0; display: -webkit-box; -webkit-box-orient: = vertical; -webkit-line-clamp: 2; overflow: hidden; text-wrap: pretty; overf= low-wrap: anywhere; } .appsElementsLinkPreviewBaseDescriptionText.appsElementsLinkPreviewBaseDesc= riptionLink { text-decoration: underline; } .appsElementsLinkPreviewBaseActionButtonsRow { display: flex; align-self: s= tart; align-items: center; justify-content: end; gap: 4px; margin-inline-en= d: -6px; } .appsElementsLinkPreviewBaseActionButton { color: var(--gm3-sys-color-on-su= rface-variant,#444746); display: flex; transition: opacity 0.15s cubic-bezi= er(0.2, 0, 0, 1); --gm3-icon-button-standard-container-height: 32px; --gm3-= icon-button-standard-container-width: 32px; --gm3-icon-button-standard-icon= -size: 20px; } .appsElementsLinkPreviewBaseAttachmentChipTooltip, .appsElementsLinkPreview= BaseTooltip { pointer-events: none; --gm3-tooltip-plain-z-index: var(--ae-l= ink-preview-overlay-z-index,10002); --gm3-tooltip-plain-container-color: va= r(--ae-link-preview-tooltip-container-color,var(--gm3-sys-color-inverse-sur= face,#303030)); --gm3-tooltip-plain-supporting-text-color: var(--ae-link-pr= eview-tooltip-text-color,var(--gm3-sys-color-inverse-on-surface,#f2f2f2)); = } .appsElementsLinkPreviewBaseMoreActionsMenu { z-index: var(--ae-link-previe= w-overlay-z-index,10002); --gm3-list-container-shape: 20px; --gm3-list-list= -item-label-text-weight: 400; --gm3-list-list-item-control-selected-label-t= ext-weight: 400; --gm3-menu-container-color: var(--gm3-sys-color-surface-co= ntainer-lowest,#fff); --gm3-menu-container-shape: 20px; --gm3-menu-list-ite= m-container-height: 16px; --gm3-menu-list-item-label-text-weight: 400; --gm= 3-menu-list-item-control-selected-label-text-weight: 400; --gm3-menu-active= -container-shape: 20px; } .appsElementsLinkPreviewBaseButtonsWrapper { display: flex; align-items: ce= nter; gap: 4px; min-inline-size: 0px; max-inline-size: 100%; flex-wrap: wra= p; } .appsElementsLinkPreviewBaseBodyActionsWrapper { justify-content: flex-end;= } .appsElementsLinkPreviewBasePrimaryActionButton, .appsElementsLinkPreviewBa= seSecondaryActionButtonLabeled { --gm3-button-filled-tonal-container-height= : 32px; --gm3-button-filled-tonal-hover-state-layer-opacity: 0.12; --gm3-bu= tton-filled-tonal-leading-space: 12px; --gm3-button-filled-tonal-pressed-st= ate-layer-opacity: 0.16; --gm3-button-filled-tonal-trailing-space: 12px; di= splay: inline-flex; align-items: center; justify-content: center; min-inlin= e-size: unset; max-inline-size: 100%; } .appsElementsLinkPreviewBasePrimaryActionButton:not(:empty), .appsElementsL= inkPreviewBaseSecondaryActionButtonLabeled:not(:empty) { block-size: auto; = min-block-size: 32px; padding-block: 6px; border-radius: 9999px; } .appsElementsLinkPreviewBaseSecondaryActionButton { --gm3-icon-button-fille= d-tonal-container-width: 32px; --gm3-icon-button-filled-tonal-container-hei= ght: 32px; --gm3-icon-button-filled-tonal-icon-size: 20px; --gm3-icon-butto= n-filled-tonal-disabled-icon-opacity: 0.38; --gm3-icon-button-filled-tonal-= hover-state-layer-opacity: 0.12; --gm3-icon-button-filled-tonal-pressed-sta= te-layer-opacity: 0.16; min-inline-size: unset; } [data-is-tooltip-wrapper=3D"true"]:has(.appsElementsLinkPreviewBaseSecondar= yActionButton) { margin-inline-start: auto; } .appsElementsLinkPreviewBaseMapsDescriptionSection { display: flex; gap: 8p= x; justify-content: space-between; padding: 6px 0px; } .appsElementsLinkPreviewBaseMapsDescriptionSectionTextbox { min-inline-size= : 0px; flex-grow: 1; } .appsElementsLinkPreviewBaseMapsDescriptionSectionText { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; = letter-spacing: 0.00625rem; line-height: 1rem; text-overflow: ellipsis; ove= rflow: hidden; white-space: nowrap; } .appsElementsLinkPreviewBaseMapsDescriptionSectionText::after { content: ""= ; display: block; } .appsElementsLinkPreviewBaseMapsDescriptionSectionText { max-inline-size: f= it-content; color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsLinkPreviewBaseMapsDescriptionSectionTitle { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500;= letter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsLinkPreviewBaseMapsDescriptionSectionAddress { font-style: nor= mal; } .appsElementsLinkPreviewBaseMapsDescriptionSectionThumbnail { inline-size: = 48px; block-size: 48px; border-radius: 4px; object-fit: cover; } .appsElementsLinkPreviewBasePrivacyPromoText { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spa= cing: 0.00625rem; line-height: 1rem; font-variant-ligatures: no-contextual;= font-feature-settings: "liga" 0; } .appsElementsLinkPreviewBaseMultiLinkHeader { padding: 16px 16px 0px; font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-wei= ght: 500; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); } .appsElementsLinkPreviewBaseHeaderCount { color: var(--gm3-sys-color-outlin= e,#747775); } .appsElementsLinkPreviewBaseCarouselCard .appsElementsLinkPreviewBaseLinkLi= st, .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPrevi= ewBaseLinkList { display: flex; flex-direction: column; margin: 0px; max-bl= ock-size: var(--ae-link-preview-multi-max-block-size,232px); overflow-block= : auto; padding-block: 10px; padding-inline: 0px; } .appsElementsLinkPreviewBaseCarouselCard .appsElementsLinkPreviewBaseLinkLi= st { padding-block: 0px; } .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBa= seLinkListItem { list-style-type: none; padding-block: 6px; padding-inline:= 16px; } .appsElementsLinkPreviewBaseCarouselCard .appsElementsLinkPreviewBaseLinkLi= stItem { list-style-type: none; padding: 0px; } .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBa= seLinkListItem:first-child { padding-block-start: 0px; } .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBa= seLinkListItem:last-child { padding-block-end: 0px; } .appsElementsLinkPreviewBaseCarouselCard .appsElementsLinkPreviewBaseLinkLi= stItem:focus-within, .appsElementsLinkPreviewBaseCarouselCard .appsElements= LinkPreviewBaseLinkListItem:hover, .appsElementsLinkPreviewBaseMultiLinkPre= viewCard .appsElementsLinkPreviewBaseLinkListItem:focus-within, .appsElemen= tsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBaseLinkListI= tem:hover { background-color: rgb(from var(--gm3-sys-color-on-surface,#1f1f= 1f) r g b/.08); } .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBa= seMainContent { padding: 0px; } .appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBa= seAttachDocumentButton { display: none; } @supports (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseZeroHeight { block-size: 0px; } } @supports not (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseZeroHeight { max-block-size: 0px; } } @supports (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseOneHeight { block-size: 1px; } } @supports not (interpolate-size:allow-keywords) { .appsElementsLinkPreviewBaseOneHeight { max-block-size: 1px; } } .appsElementsLinkPreviewBaseOneHeight { opacity: 0; } .appsElementsLinkPreviewBaseCitationSourceSection { position: relative; col= or: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsLinkPreviewBaseCitationSourceSectionWithSnippet { border-radiu= s: 8px; cursor: pointer; margin: 0px -8px -8px; padding: 0px 8px; } .appsElementsLinkPreviewBaseCitationSourceSectionWithSnippet:hover { backgr= ound-color: var(--gm3-sys-color-surface-container-highest,#dde3ea); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsLinkPreviewBaseCitationSourceSectionWithSnippet:hover { forc= ed-color-adjust: none; color: highlighttext; text-decoration-color: highlig= httext; background-color: highlight; } } .appsElementsLinkPreviewBaseCitationSourceSectionWithSnippet:focus-visible = .appsElementsLinkPreviewBaseFocusRing { --H6apye: block; } .appsElementsLinkPreviewBaseFocusRing { --vTiv8c: 8px; --UtHrue: 8px; --uHe= cC: 8px; --C8LWjb: 8px; } .appsElementsLinkPreviewBaseTextOnlyDescriptionSection { display: grid; gri= d-template-columns: auto; gap: 8px 12px; } .appsElementsLinkPreviewBaseDescriptionRow + .appsElementsLinkPreviewBaseTe= xtOnlyDescriptionSection { margin-block-start: 10px; } .appsElementsLinkPreviewBaseCitationSourceSectionWithSnippet .appsElementsL= inkPreviewBaseTextOnlyDescriptionSection { margin: 8px 0px; } .appsElementsLinkPreviewBaseAttachmentChips { display: flex; flex-wrap: now= rap; gap: 8px; margin-block-start: 8px; max-inline-size: 100%; min-inline-s= ize: 0px; } .appsElementsLinkPreviewBaseAttachmentChipTooltipWrapper, .appsElementsLink= PreviewBaseAttachmentChipsInner { display: contents; } .appsElementsLinkPreviewBaseAttachmentOverflowChipContainer { flex-shrink: = 0; } .appsElementsLinkPreviewBaseAttachmentChip { box-sizing: border-box; flex: = 0 1 auto; min-inline-size: 0px; --ae-chip-container-color: var(--gm3-sys-co= lor-surface,#fff); --ae-chip-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --ae-chip-label-text-size: 0.75rem; --ae-chip-label-te= xt-weight: 500; --ae-chip-label-text-tracking: 0.00625rem; --ae-chip-icon-s= ize: 0.75rem; --ae-chip-container-height: 20px; --ae-chip-container-padding= -inline: 8px; } .appsElementsLinkPreviewBaseAttachmentChipNoLink { cursor: default; --ae-ch= ip-hover-state-layer-color: var(--gm3-sys-color-surface,#fff); } .appsElementsLinkPreviewBaseAttachmentChipLink { --ae-chip-hover-state-laye= r-color: color-mix(in srgb,var(--gm3-sys-color-on-surface-variant,#444746) = 8%,transparent); } .appsElementsLinkPreviewBaseAttachmentOverflowChip { --ae-chip-container-co= lor: transparent; --ae-chip-hover-state-layer-color: transparent; --ae-chip= -label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --ae-ch= ip-label-text-size: 0.75rem; --ae-chip-label-text-weight: 500; --ae-chip-la= bel-text-tracking: 0.00625rem; --ae-chip-container-height: 20px; --ae-chip-= container-padding-inline: 4px; border: 1px solid var(--gm3-sys-color-outlin= e-variant,#c4c7c5); border-radius: 4px; box-sizing: border-box; cursor: def= ault; } .appsElementsLinkPreviewBaseAttachmentChipTooltipAnchor { display: flex; fl= ex: 0 1 auto; min-inline-size: 0px; } .appsElementsLinkPreviewBaseAttachmentChipFirst { flex-grow: 0; flex-shrink= : 0; max-inline-size: 45%; } .appsElementsLinkPreviewBaseAttachmentChipSecond { flex-grow: 0; flex-shrin= k: 1; } .appsElementsLinkPreviewBaseTextOnlyDescriptionText { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; let= ter-spacing: 0.00625rem; line-height: 1rem; font-variant-ligatures: no-cont= extual; font-feature-settings: "liga" 0; display: -webkit-box; -webkit-box-= orient: vertical; -webkit-line-clamp: var(--ae-link-preview-description-lin= e-clamp,13); overflow: hidden; text-wrap: pretty; overflow-wrap: anywhere; = } .appsElementsLinkPreviewBaseTextOnlyDescriptionFooter { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1rem; display: -webkit-box; -webkit-box-or= ient: vertical; -webkit-line-clamp: 13; overflow: hidden; text-wrap: pretty= ; overflow-wrap: anywhere; } .appsElementsLinkPreviewBaseSenderTooltipWrapper { display: contents; } .appsElementsLinkPreviewBaseSenderTooltipAnchor { display: inline-block; ma= x-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; vertical-al= ign: bottom; white-space: nowrap; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailContainer { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 4= 00; letter-spacing: 0.00625rem; line-height: 1rem; display: flex; flex-dire= ction: column; gap: 12px; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailHeader { display: flex; al= ign-items: flex-start; inline-size: 100%; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailHeaderRight { display: fle= x; flex-direction: column; flex-grow: 1; overflow: hidden; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailSenderInfo { display: flex= ; align-items: baseline; gap: 8px; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailSenderAvatar { border-radi= us: 9999px; --ae-chip-icon-size: 32px; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailSenderAvatarContainer { ma= rgin-inline-end: 8px; flex-shrink: 0; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailSentTime { color: var(--gm= 3-sys-color-outline,#747775); flex-shrink: 0; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailRecipients, .appsElementsL= inkPreviewBaseGmailPreviewThumbnailSenderName { text-overflow: ellipsis; ov= erflow: hidden; white-space: nowrap; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailRecipients::after, .appsEl= ementsLinkPreviewBaseGmailPreviewThumbnailSenderName::after { content: ""; = display: block; } .appsElementsLinkPreviewBaseGmailPreviewThumbnailRecipients, .appsElementsL= inkPreviewBaseGmailPreviewThumbnailSenderName { font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-s= pacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1= f1f1f); } .appsElementsLinkPreviewBaseGmailPreviewThumbnailSnippet { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 40= 0; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on= -surface,#1f1f1f); text-overflow: ellipsis; overflow: hidden; } .appsElementsLinkPreviewBaseCollapsablePreviewThumbnailContainer.appsElemen= tsLinkPreviewBaseCollapsed .appsElementsLinkPreviewBaseGmailPreviewThumbnai= lSnippet { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line= -clamp: 5; overflow: hidden; text-wrap: pretty; overflow-wrap: anywhere; } .appsElementsLinkPreviewBaseGmailPreviewError, .appsElementsLinkPreviewBase= GmailPreviewLoading { align-items: center; display: flex; justify-content: = center; min-block-size: 150px; position: relative; } .appsElementsLinkPreviewBaseGmailPreviewLoading::before { animation: 3s cub= ic-bezier(0.2, 0, 0, 1) 0s infinite normal none running pulse-glow; backgro= und-color: var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 999= 9px; content: ""; height: 92px; left: 50%; opacity: 0; position: absolute; = top: 50%; transform: translate(-50%, -50%); width: 92px; z-index: 1; } @keyframes pulse-glow {=20 0%, 15% { height: 92px; opacity: 0; width: 92px; } 20% { opacity: 0.1; } 80% { height: 160px; opacity: 0; width: 160px; } 100% { opacity: 0; } } .appsElementsLinkPreviewBaseCollapsed { position: relative; } .appsElementsLinkPreviewBaseThumbnailCollapseButton, .appsElementsLinkPrevi= ewBaseThumbnailExpandButton { margin: 0px; --gm3-button-filled-container-co= lor: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-button-filled-co= ntainer-height: 20px; --gm3-button-filled-hover-container-elevation: 0; --g= m3-button-filled-focus-container-elevation: 0; --gm3-button-filled-pressed-= container-elevation: 0; --gm3-button-filled-label-text-size: 0.6875rem; --g= m3-button-filled-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f);= --gm3-button-filled-hover-label-text-color: var(--gm3-sys-color-on-surface= ,#1f1f1f); --gm3-button-filled-focus-label-text-color: var(--gm3-sys-color-= on-surface,#1f1f1f); --gm3-button-filled-pressed-label-text-color: var(--gm= 3-sys-color-on-surface,#1f1f1f); --gm3-button-filled-with-icon-icon-label-s= pace: 2px; --gm3-button-filled-with-trailing-icon-leading-space: 8px; --gm3= -button-filled-with-trailing-icon-trailing-space: 0; --gm3-button-filled-wi= th-icon-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-f= illed-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-button-filled-with-icon-hover-icon-color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); --gm3-button-filled-with-icon-pressed-icon-color: var(--gm3-s= ys-color-on-surface,#1f1f1f); --gm3-button-filled-hover-state-layer-color: = var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-filled-hover-state-la= yer-opacity: 0.08; --gm3-button-filled-pressed-state-layer-color: var(--gm3= -sys-color-on-surface,#1f1f1f); } .appsElementsLinkPreviewBaseThumbnailExpandButtonContainer { inset-block-en= d: 0px; position: absolute; inset-inline-end: 0px; display: flex; align-ite= ms: center; } .appsElementsLinkPreviewBaseThumbnailExpandButtonGradient { background: lin= ear-gradient(to right,transparent,var(--ae-link-preview-content-container-c= olor,var(--gm3-sys-color-surface,#fff)) 60px); block-size: 20px; pointer-ev= ents: none; inline-size: 120px; inset-inline-end: 0px; position: absolute; = } .appsElementsLinkPreviewBaseThumbnailCollapseButtonContainer { display: fle= x; justify-content: flex-end; padding-block-start: 8px; } [data-is-tooltip-wrapper=3D"true"]:has(> .appsElementsLinkPreviewBaseHidden= ) { display: none; } @keyframes appsElementsLinkPreviewBase-fade-0-100 {=20 0% { opacity: 0; } 100% { opacity: 1; } } @media not (prefers-reduced-motion) { .appsElementsLinkPreviewBaseFade_0_100 { animation-name: appsElementsLink= PreviewBase-fade-0-100; animation-duration: 0.15s; animation-delay: 0.1s; a= nimation-timing-function: cubic-bezier(0.31, 0.94, 0.34, 1); animation-fill= -mode: both; } } @keyframes appsElementsLinkPreviewBase-fade-50-100 {=20 0% { opacity: 0.5; } 100% { opacity: 1; } } @media not (prefers-reduced-motion) { .appsElementsLinkPreviewBaseFade_50_100 { animation-name: appsElementsLin= kPreviewBase-fade-50-100; animation-duration: 0.15s; animation-delay: 0.1s;= animation-timing-function: cubic-bezier(0.31, 0.94, 0.34, 1); animation-fi= ll-mode: both; } } @keyframes appsElementsLinkPreviewBase-fade-100-50 {=20 0% { opacity: 1; } 100% { opacity: 0.5; } } @media not (prefers-reduced-motion) { .appsElementsLinkPreviewBaseFade_100_50 { animation-name: appsElementsLin= kPreviewBase-fade-100-50; animation-duration: 0.15s; animation-delay: 0.1s;= animation-timing-function: cubic-bezier(0.31, 0.94, 0.34, 1); animation-fi= ll-mode: both; } } .appsElementsLinkPreviewBaseHidden { display: none; } .appsElementsLinkPreviewBaseCompactBodyRow { display: flex; gap: 12px; alig= n-items: center; } .appsElementsLinkPreviewBaseGmailCompactBody .appsElementsLinkPreviewBaseGm= ailCompactBodyContent { font-family: "Google Sans", Roboto, Arial, sans-ser= if; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; line-= height: 1rem; font-variant-ligatures: no-contextual; font-feature-settings:= "liga" 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line= -clamp: 1; overflow: hidden; text-wrap: pretty; overflow-wrap: anywhere; co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); padding-inline-start: 32px; } .appsElementsMediaPlaybackVideoHoverplayerIconButton { --gm3-icon-button-fi= lled-container-height: 40px; --gm3-icon-button-filled-container-width: 40px= ; --gm3-icon-button-filled-icon-size: 20px; --gm3-icon-button-filled-contai= ner-color: var(--gm3-sys-color-surface,#131314); --gm3-icon-button-filled-u= nselected-container-color: var(--gm3-sys-color-surface,#131314); --gm3-icon= -button-filled-selected-container-color: var(--gm3-sys-color-surface,#13131= 4); --gm3-icon-button-filled-disabled-container-color: var(--gm3-sys-color-= surface,#131314); --gm3-icon-button-filled-disabled-icon-color: var(--gm3-s= ys-color-on-surface,#e3e3e3); --gm3-icon-button-filled-toggle-unselected-ic= on-color: var(--gm3-sys-color-on-surface,#e3e3e3); --gm3-icon-button-filled= -toggle-selected-icon-color: var(--gm3-sys-color-on-surface,#e3e3e3); --gm3= -icon-button-filled-toggle-selected-hover-icon-color: var(--gm3-sys-color-o= n-surface,#e3e3e3); --gm3-icon-button-filled-toggle-unselected-hover-icon-c= olor: var(--gm3-sys-color-on-surface,#e3e3e3); --gm3-icon-button-filled-tog= gle-selected-focus-icon-color: var(--gm3-sys-color-on-surface,#e3e3e3); --g= m3-icon-button-filled-toggle-unselected-focus-icon-color: var(--gm3-sys-col= or-on-surface,#e3e3e3); --gm3-icon-button-filled-toggle-selected-pressed-ic= on-color: var(--gm3-sys-color-on-surface,#e3e3e3); --gm3-icon-button-filled= -toggle-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface,#e3e3= e3); --gm3-icon-button-filled-container-shape-start-start: 12px; --gm3-icon= -button-filled-container-shape-start-end: 12px; --gm3-icon-button-filled-co= ntainer-shape-end-end: 12px; --gm3-icon-button-filled-container-shape-end-s= tart: 12px; --gm3-icon-button-filled-pressed-container-shape-start-start: 1= 2px; --gm3-icon-button-filled-pressed-container-shape-start-end: 12px; --gm= 3-icon-button-filled-pressed-container-shape-end-end: 12px; --gm3-icon-butt= on-filled-pressed-container-shape-end-start: 12px; --gm3-icon-button-filled= -selected-container-shape-start-start: 12px; --gm3-icon-button-filled-selec= ted-container-shape-start-end: 12px; --gm3-icon-button-filled-selected-cont= ainer-shape-end-end: 12px; --gm3-icon-button-filled-selected-container-shap= e-end-start: 12px; } .appsElementsMediaPlaybackVideoHoverplayerClosedCaptionButton { --gm3-icon-= button-filled-disabled-icon-color: var(--gm3-sys-color-outline-variant,#444= 746); } .appsElementsMediaPlaybackVideoHoverplayerPlayButton { --gm3-icon-button-fi= lled-container-height: 48px; --gm3-icon-button-filled-container-width: 48px= ; } .appsElementsMediaPlaybackVideoHoverplayerPlayButtonContainer { display: fl= ex; position: absolute; align-items: center; justify-content: center; block= -size: 100%; inline-size: 100%; } .appsElementsMediaPlaybackVideoHoverplayerControlsContainer { display: flex= ; float: inline-end; gap: 8px; padding: 8px; } .appsElementsMediaPlaybackVideoHoverplayerTooltip { --gm3-tooltip-plain-z-i= ndex: 2500; } .appsElementsMediaPlaybackVideoHoverplayerContainer { position: absolute; b= lock-size: 100%; inline-size: 100%; inset-block-start: 0px; } .appsElementsMediaPlaybackVideoHoverplayerPlayer::before { position: absolu= te; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px;= border: 1px solid transparent; border-radius: inherit; content: ""; pointe= r-events: none; } @media screen and (forced-colors: active) { .appsElementsMediaPlaybackVideoHoverplayerPlayer::before { border-color: = canvastext; } } .appsElementsMediaPlaybackVideoHoverplayerPlayer { --gm3-sys-color-backgrou= nd: #131314; --gm3-sys-color-background-rgb: 19,19,20; --gm3-sys-color-erro= r: #f2b8b5; --gm3-sys-color-error-rgb: 242,184,181; --gm3-sys-color-error-c= ontainer: #8c1d18; --gm3-sys-color-error-container-rgb: 140,29,24; --gm3-sy= s-color-inverse-on-surface: #303030; --gm3-sys-color-inverse-on-surface-rgb= : 48,48,48; --gm3-sys-color-inverse-primary: #0b57d0; --gm3-sys-color-inver= se-primary-rgb: 11,87,208; --gm3-sys-color-inverse-surface: #e3e3e3; --gm3-= sys-color-inverse-surface-rgb: 227,227,227; --gm3-sys-color-on-background: = #e3e3e3; --gm3-sys-color-on-background-rgb: 227,227,227; --gm3-sys-color-on= -error: #601410; --gm3-sys-color-on-error-rgb: 96,20,16; --gm3-sys-color-on= -error-container: #f9dedc; --gm3-sys-color-on-error-container-rgb: 249,222,= 220; --gm3-sys-color-on-primary: #062e6f; --gm3-sys-color-on-primary-rgb: 6= ,46,111; --gm3-sys-color-on-primary-container: #d3e3fd; --gm3-sys-color-on-= primary-container-rgb: 211,227,253; --gm3-sys-color-on-primary-fixed: #041e= 49; --gm3-sys-color-on-primary-fixed-rgb: 4,30,73; --gm3-sys-color-on-prima= ry-fixed-variant: #0842a0; --gm3-sys-color-on-primary-fixed-variant-rgb: 8,= 66,160; --gm3-sys-color-on-secondary: #035; --gm3-sys-color-on-secondary-rg= b: 0,51,85; --gm3-sys-color-on-secondary-container: #c2e7ff; --gm3-sys-colo= r-on-secondary-container-rgb: 194,231,255; --gm3-sys-color-on-secondary-fix= ed: #001d35; --gm3-sys-color-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-col= or-on-secondary-fixed-variant: #004a77; --gm3-sys-color-on-secondary-fixed-= variant-rgb: 0,74,119; --gm3-sys-color-on-surface: #e3e3e3; --gm3-sys-color= -on-surface-rgb: 227,227,227; --gm3-sys-color-on-surface-variant: #c4c7c5; = --gm3-sys-color-on-surface-variant-rgb: 196,199,197; --gm3-sys-color-on-ter= tiary: #0a3818; --gm3-sys-color-on-tertiary-rgb: 10,56,24; --gm3-sys-color-= on-tertiary-container: #c4eed0; --gm3-sys-color-on-tertiary-container-rgb: = 196,238,208; --gm3-sys-color-on-tertiary-fixed: #072711; --gm3-sys-color-on= -tertiary-fixed-rgb: 7,39,17; --gm3-sys-color-on-tertiary-fixed-variant: #0= f5223; --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15,82,35; --gm3-sys-c= olor-outline: #8e918f; --gm3-sys-color-outline-rgb: 142,145,143; --gm3-sys-= color-outline-variant: #444746; --gm3-sys-color-outline-variant-rgb: 68,71,= 70; --gm3-sys-color-primary: #a8c7fa; --gm3-sys-color-primary-rgb: 168,199,= 250; --gm3-sys-color-primary-container: #0842a0; --gm3-sys-color-primary-co= ntainer-rgb: 8,66,160; --gm3-sys-color-primary-fixed: #d3e3fd; --gm3-sys-co= lor-primary-fixed-rgb: 211,227,253; --gm3-sys-color-primary-fixed-dim: #a8c= 7fa; --gm3-sys-color-primary-fixed-dim-rgb: 168,199,250; --gm3-sys-color-sc= rim: #000; --gm3-sys-color-scrim-rgb: 0,0,0; --gm3-sys-color-secondary: #7f= cfff; --gm3-sys-color-secondary-rgb: 127,207,255; --gm3-sys-color-secondary= -container: #004a77; --gm3-sys-color-secondary-container-rgb: 0,74,119; --g= m3-sys-color-secondary-fixed: #c2e7ff; --gm3-sys-color-secondary-fixed-rgb:= 194,231,255; --gm3-sys-color-secondary-fixed-dim: #7fcfff; --gm3-sys-color= -secondary-fixed-dim-rgb: 127,207,255; --gm3-sys-color-shadow: #000; --gm3-= sys-color-shadow-rgb: 0,0,0; --gm3-sys-color-surface: #131314; --gm3-sys-co= lor-surface-rgb: 19,19,20; --gm3-sys-color-surface-bright: #37393b; --gm3-s= ys-color-surface-bright-rgb: 55,57,59; --gm3-sys-color-surface-container: #= 1e1f20; --gm3-sys-color-surface-container-rgb: 30,31,32; --gm3-sys-color-su= rface-container-high: #282a2c; --gm3-sys-color-surface-container-high-rgb: = 40,42,44; --gm3-sys-color-surface-container-highest: #333537; --gm3-sys-col= or-surface-container-highest-rgb: 51,53,55; --gm3-sys-color-surface-contain= er-low: #1b1b1b; --gm3-sys-color-surface-container-low-rgb: 27,27,27; --gm3= -sys-color-surface-container-lowest: #0e0e0e; --gm3-sys-color-surface-conta= iner-lowest-rgb: 14,14,14; --gm3-sys-color-surface-dim: #131314; --gm3-sys-= color-surface-dim-rgb: 19,19,20; --gm3-sys-color-surface-variant: #444746; = --gm3-sys-color-surface-variant-rgb: 68,71,70; --gm3-sys-color-tertiary: #6= dd58c; --gm3-sys-color-tertiary-rgb: 109,213,140; --gm3-sys-color-tertiary-= container: #0f5223; --gm3-sys-color-tertiary-container-rgb: 15,82,35; --gm3= -sys-color-tertiary-fixed: #c4eed0; --gm3-sys-color-tertiary-fixed-rgb: 196= ,238,208; --gm3-sys-color-tertiary-fixed-dim: #6dd58c; --gm3-sys-color-tert= iary-fixed-dim-rgb: 109,213,140; background: var(--gm3-sys-color-surface,#1= 31314); box-sizing: border-box; position: relative; } .appsElementsMediaPlaybackVideoHoverplayerRawVideo { block-size: 100%; inli= ne-size: 100%; } .appsElementsMediaPlaybackVideoHoverplayerPlayerNotReady { display: none; } .appsElementsMediaPlaybackVideoHoverplayerHoverControls { height: 100%; wid= th: 100%; } .appsElementsMediaPlaybackVideoHoverplayerHidden { opacity: 0; } .appsElementsMediaPlaybackVideoHoverplayerControlsContainer:not(.appsElemen= tsMediaPlaybackVideoHoverplayerHidden), .appsElementsMediaPlaybackVideoHove= rplayerPlayButton:not(.appsElementsMediaPlaybackVideoHoverplayerHidden), .a= ppsElementsMediaPlaybackVideoHoverplayerTimestamp:not(.appsElementsMediaPla= ybackVideoHoverplayerHidden) { visibility: visible; opacity: 1; transition:= opacity 0.15s linear; } .appsElementsMediaPlaybackVideoHoverplayerTimestamp { display: flex; align-= items: center; justify-content: center; position: absolute; height: 20px; b= ackground: var(--gm3-sys-color-surface,#131314); border-radius: 4px; bottom= : 18px; left: 12px; min-width: 36px; } .appsElementsMediaPlaybackVideoHoverplayerDurationTimestamp { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: = 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-co= lor-on-surface,#e3e3e3); } .appsElementsMultiPanelEl { max-width: 560px; min-width: 300px; width: 100%= ; } @media (max-width: 560px) { .appsElementsMultiPanelEl { max-width: 100vw; } } .appsElementsMultiPanelContentContainer { display: grid; } .appsElementsMultiPanelLoading { display: none; } .appsElementsMultiPanelPanelWrapper { background-color: var(--ae-multi-pane= l-container-color,var(--gm3-sys-color-surface-container-low,#f8fafd)); bord= er-radius: 28px; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: f= lex; flex-direction: column; grid-area: 1 / 1; overflow: hidden; visibility= : hidden; } .appsElementsMultiPanelPanelWrapperIsActive { visibility: visible; } .appsElementsMultiPanelPanelContainer, .appsElementsMultiPanelPanelImage, .= appsElementsMultiPanelPanelWrapper, .appsElementsMultiPanelVideoPlayer { wi= dth: 100%; } .appsElementsMultiPanelPanelContainer { display: flex; flex-direction: colu= mn; flex-grow: 1; } .appsElementsMultiPanelBadgeContainer { container-type: inline-size; displa= y: flex; margin-bottom: 8px; --ae-badge-max-inline-size: 100cqi; } .appsElementsMultiPanelPanelContentContainer, .appsElementsMultiPanelPanelC= ontentInnerContainer, .appsElementsMultiPanelVideoPlayer { background-color= : var(--gm3-sys-color-surface,#fff); } .appsElementsMultiPanelVideoPlayer::-webkit-media-controls-fullscreen-butto= n { display: none; } .appsElementsMultiPanelPanelContentContainer { aspect-ratio: 16 / 10; borde= r-radius: 24px; margin-block-start: 12px; margin-inline: 12px; overflow: hi= dden; position: relative; z-index: 0; } .appsElementsMultiPanelPanelContentInnerContainer, .appsElementsMultiPanelP= anelImageContainer { height: 100%; left: 0px; overflow: hidden; position: a= bsolute; top: 0px; width: 100%; } .appsElementsMultiPanelPanelImageContainer { align-items: center; display: = flex; } .appsElementsMultiPanelPanelDescription { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.25rem; margin-top: 16px; } .appsElementsMultiPanelPanelDescription > a:hover { text-decoration: underl= ine; } .appsElementsMultiPanelPanelDescription > img { vertical-align: text-bottom= ; } .appsElementsMultiPanelPanelDescriptionContainer { flex-grow: 1; padding: 2= 4px 24px 0px; } .appsElementsMultiPanelPanelDescriptionContainerCenterAligned { text-align:= center; } .appsElementsMultiPanelPanelDescriptionContainerCenterAligned .appsElements= MultiPanelBadgeContainer { justify-content: center; } .appsElementsMultiPanelPanelDescriptionContainerLeftAligned { text-align: l= eft; } .appsElementsMultiPanelPanelDisclaimerContainer { margin-top: 24px; padding= : 12px; text-align: center; color: var(--gm3-sys-color-on-surface-variant,#= 444746); background-color: var(--gm3-sys-color-surface-container,#f0f4f9); = border-radius: 8px; } .appsElementsMultiPanelPanelDisclaimer { font-family: "Google Sans", Roboto= , Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: = 0.00625rem; line-height: 1rem; } .appsElementsMultiPanelPanelDisclaimer > a { color: inherit; text-decoratio= n: underline; } .appsElementsMultiPanelPanelTitle { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 1.75rem; font-weight: 400; letter-spacing: 0px; = line-height: 2.25rem; margin: 0px; } .appsElementsMultiPanelPanelFooterContainer { padding: 24px; } .appsElementsMultiPanelFooterContainer, .appsElementsMultiPanelTrailingCont= entContainer { display: flex; gap: 24px; } .appsElementsMultiPanelActionsContainer { align-items: center; display: fle= x; gap: 8px; max-height: 36px; } .appsElementsMultiPanelFooterContainer { align-items: center; display: flex= ; justify-content: space-between; } .appsElementsMultiPanelActionsContainer { flex-direction: row-reverse; flex= -grow: 1; } .appsElementsMultiPanelTrailingContentContainer { justify-content: center; = } .appsElementsMultiPanelTrailingContentContainer:empty { display: none; } .appsElementsMultiPanelPanelWrapper:not(.appsElementsMultiPanelPanelWrapper= IsActive) .appsElementsMultiPanelTrailingContentContainer { display: none; = } .appsElementsWorkspaceRecommendationBadgeFeatureBadge { --ae-badge-containe= r-shape: 8px; --VvGUcf: 8px; --wBNXub: 8px; --Fpgz9e: 8px; --UwFqdb: 8px; } .appsElementsWorkspaceRecommendationBadgePrimaryTheme { --ae-badge-containe= r-color: var(--gm3-sys-color-primary-container,#d3e3fd); --ae-badge-text-co= lor: var(--gm3-sys-color-on-primary-container,#0842a0); --M4R9Bb: var(--gm3= -sys-color-primary-container,#d3e3fd); --xTmMle: var(--gm3-sys-color-on-pri= mary-container,#0842a0); } .appsElementsWorkspaceRecommendationBadgeSecondaryTheme { --ae-badge-contai= ner-color: var(--gm3-sys-color-secondary-container,#c2e7ff); --ae-badge-tex= t-color: var(--gm3-sys-color-on-secondary-container,#004a77); --M4R9Bb: var= (--gm3-sys-color-secondary-container,#c2e7ff); --xTmMle: var(--gm3-sys-colo= r-on-secondary-container,#004a77); } .appsElementsWorkspaceRecommendationBadgeWarningTheme { --ae-badge-containe= r-color: var(--gm3-sys-color-error,#b3261e); --ae-badge-text-color: var(--g= m3-sys-color-on-error,#fff); --M4R9Bb: var(--gm3-sys-color-error,#b3261e); = --xTmMle: var(--gm3-sys-color-on-error,#fff); } .appsElementsWorkspaceRecommendationBadgeRedTheme { --ae-badge-container-co= lor: var(--ws-sys-color-extended-red-tonal,#ffdadc); --ae-badge-text-color:= var(--ws-sys-color-extended-on-red-tonal,#b3251e); --M4R9Bb: var(--ws-sys-= color-extended-red-tonal,#ffdadc); --xTmMle: var(--ws-sys-color-extended-on= -red-tonal,#b3251e); } .appsElementsWorkspaceRecommendationBadgeYellowTheme { --ae-badge-container= -color: var(--ws-sys-color-extended-yellow-tonal,#fff2b4); --ae-badge-text-= color: var(--ws-sys-color-extended-on-yellow-tonal,#6d3a01); --M4R9Bb: var(= --ws-sys-color-extended-yellow-tonal,#fff2b4); --xTmMle: var(--ws-sys-color= -extended-on-yellow-tonal,#6d3a01); } .appsElementsWorkspaceRecommendationBadgePurpleTheme { --ae-badge-container= -color: var(--ws-sys-color-extended-purple-tonal,#eedcfe); --ae-badge-text-= color: var(--ws-sys-color-extended-on-purple-tonal,#7438d2); --M4R9Bb: var(= --ws-sys-color-extended-purple-tonal,#eedcfe); --xTmMle: var(--ws-sys-color= -extended-on-purple-tonal,#7438d2); } .appsElementsWorkspaceRecommendationBadgeBlueTheme { --ae-badge-container-c= olor: var(--ws-sys-color-extended-blue-tonal,#d0e4ff); --ae-badge-text-colo= r: var(--ws-sys-color-extended-on-blue-tonal,#1157ce); --M4R9Bb: var(--ws-s= ys-color-extended-blue-tonal,#d0e4ff); --xTmMle: var(--ws-sys-color-extende= d-on-blue-tonal,#1157ce); } .appsElementsWorkspaceRecommendationBadgeGreenTheme { --ae-badge-container-= color: var(--ws-sys-color-extended-green-tonal,#beefbb); --ae-badge-text-co= lor: var(--ws-sys-color-extended-on-green-tonal,#006c35); --M4R9Bb: var(--w= s-sys-color-extended-green-tonal,#beefbb); --xTmMle: var(--ws-sys-color-ext= ended-on-green-tonal,#006c35); } .appsElementsWorkspaceRecommendationBadgeCyanTheme { --ae-badge-container-c= olor: var(--ws-sys-color-extended-cyan-tonal,#d8f6ff); --ae-badge-text-colo= r: var(--ws-sys-color-extended-on-cyan-tonal,#00687c); --M4R9Bb: var(--ws-s= ys-color-extended-cyan-tonal,#d8f6ff); --xTmMle: var(--ws-sys-color-extende= d-on-cyan-tonal,#00687c); } .appsElementsWorkspaceRecommendationBadgeOrangeTheme { --ae-badge-container= -color: var(--ws-sys-color-extended-orange-tonal,#ffdcc3); --ae-badge-text-= color: var(--ws-sys-color-extended-on-orange-tonal,#522302); --M4R9Bb: var(= --ws-sys-color-extended-orange-tonal,#ffdcc3); --xTmMle: var(--ws-sys-color= -extended-on-orange-tonal,#522302); } .appsElementsWorkspaceRecommendationBadgeGeminiShimmerFilledTheme { --ae-ba= dge-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-badge-text-= color: var(--gm3-sys-color-on-primary,#fff); --M4R9Bb: var(--gm3-sys-color-= primary,#0b57d0); --xTmMle: var(--gm3-sys-color-on-primary,#fff); --gm3-but= ton-text-label-text-color: var(--gm3-sys-color-on-primary,#fff); --gm3-butt= on-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-primary,#fff); -= -gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-primary= ,#fff); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-prim= ary,#fff); --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-co= lor-on-primary,#fff); } .appsElementsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme { --= ae-badge-container-color: var(--ws-sys-color-extended-blue-tonal,#d0e4ff); = --ae-badge-text-color: var(--ws-sys-color-extended-on-blue-tonal,#1157ce); = --M4R9Bb: var(--ws-sys-color-extended-blue-tonal,#d0e4ff); --xTmMle: var(--= ws-sys-color-extended-on-blue-tonal,#1157ce); --gm3-button-text-label-text-= color: var(--ws-sys-color-extended-on-blue-tonal,#1157ce); --gm3-button-tex= t-with-icon-focus-icon-color: var(--ws-sys-color-extended-on-blue-tonal,#11= 57ce); --gm3-button-text-with-icon-hover-icon-color: var(--ws-sys-color-ext= ended-on-blue-tonal,#1157ce); --gm3-button-text-with-icon-icon-color: var(-= -ws-sys-color-extended-on-blue-tonal,#1157ce); --gm3-button-text-with-icon-= pressed-icon-color: var(--ws-sys-color-extended-on-blue-tonal,#1157ce); } .appsElementsWorkspaceRecommendationBadgeGeminiShimmerFilledTheme, .appsEle= mentsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme { position: = relative; display: inline-flex; } @media not (prefers-reduced-motion) { .appsElementsWorkspaceRecommendationBadgeGeminiShimmerFilledTheme::after,= .appsElementsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme::af= ter { background-image: linear-gradient(90deg, rgb(33, 123, 254), rgb(7, 14= 2, 251) 12.3%, rgb(172, 135, 235) 23.3%, rgb(33, 123, 254) 33.3%, rgb(7, 14= 2, 251) 45.7%, rgb(172, 135, 235) 56.7%, rgb(33, 123, 254) 66.7%, rgb(7, 14= 2, 251) 79%, rgb(172, 135, 235) 90%, rgb(33, 123, 254)); background-size: 3= 00% auto; } } @media not (prefers-reduced-motion) { .appsElementsWorkspaceRecommendationBadgeGeminiShimmerFilledTheme::after,= .appsElementsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme::af= ter { animation: 4s linear 0s 1 normal none running feature-badge-shimmer, = 0.5s cubic-bezier(0.3, 0, 1, 1) 3.8s 1 normal forwards running feature-badg= e-shimmer-fade-out; } } .appsElementsWorkspaceRecommendationBadgeGeminiShimmerFilledTheme::after, .= appsElementsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme::afte= r { border-radius: var(--ae-badge-container-shape,4px); content: ""; inset:= 0px; position: absolute; z-index: 0; } @media not (prefers-reduced-motion) { .appsElementsWorkspaceRecommendationBadgeGeminiShimmerMutedFilledTheme::a= fter { background-image: linear-gradient(90deg,var(--ws-sys-color-genai-mut= ed-gradient01,#e9eef6) 0,var(--ws-sys-color-genai-muted-gradient02,#bbe2ff)= 12.3%,var(--ws-sys-color-genai-muted-gradient03,#d0d9ff) 23.3%,var(--ws-sy= s-color-genai-muted-gradient01,#e9eef6) 33.3%,var(--ws-sys-color-genai-mute= d-gradient02,#bbe2ff) 45.7%,var(--ws-sys-color-genai-muted-gradient03,#d0d9= ff) 56.7%,var(--ws-sys-color-genai-muted-gradient01,#e9eef6) 66.7%,var(--ws= -sys-color-genai-muted-gradient02,#bbe2ff) 79%,var(--ws-sys-color-genai-mut= ed-gradient03,#d0d9ff) 90%,var(--ws-sys-color-genai-muted-gradient01,#e9eef= 6) 100%); background-size: 300% auto; } @keyframes feature-badge-shimmer {=20 0% { background-position-x: 100%; } 100% { background-position-x: 0px; } } @keyframes feature-badge-shimmer-fade-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme, .appsElementsWorkspaceRecommendationBadgePremiumFeatureFille= dTheme, .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme { --ae= -badge-container-padding-inline: 8px; --ae-badge-container-shape: 9999px; -= -ae-badge-text-background: linear-gradient(357deg,var(--ws-sys-color-premiu= m-text-gradient02,#6286ff) 22%,var(--ws-sys-color-premium-text-gradient01,v= ar(--ws-sys-color-on-surface,#1f1f1f)) 54%); --ae-badge-text-background-cli= p: text; --ae-badge-text-color: transparent; --ae-badge-text-tracking: -0.0= 2em; --xTmMle: transparent; --amGeY: "Google Sans"; --VnVvie: -0.02em; --Vv= GUcf: 9999px; --wBNXub: 9999px; --Fpgz9e: 9999px; --UwFqdb: 9999px; --gm3-b= utton-text-label-text-color: transparent; --gm3-button-text-label-text-font= : "Google Sans"; --gm3-button-text-label-text-tracking: -0.02em; --gm3-butt= on-text-leading-space: 8px; --gm3-button-text-trailing-space: 8px; --gm3-bu= tton-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1f1= f); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-su= rface,#1f1f1f); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color= -on-surface,#1f1f1f); --gm3-button-text-with-icon-pressed-icon-color: var(-= -gm3-sys-color-on-surface,#1f1f1f); --gm3-button-text-with-leading-icon-lea= ding-space: 8px; --gm3-button-text-with-leading-icon-trailing-space: 8px; -= -gm3-button-text-container-shape-start-start: 9999px; --gm3-button-text-con= tainer-shape-start-end: 9999px; --gm3-button-text-container-shape-end-end: = 9999px; --gm3-button-text-container-shape-end-start: 9999px; --gm3-button-t= ext-pressed-container-shape-start-start: 9999px; --gm3-button-text-pressed-= container-shape-start-end: 9999px; --gm3-button-text-pressed-container-shap= e-end-end: 9999px; --gm3-button-text-pressed-container-shape-end-start: 999= 9px; font-optical-sizing: none; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme > span, .appsElementsWorkspaceRecommendationBadgePremiumFeatu= reFilledTheme > span, .appsElementsWorkspaceRecommendationBadgePremiumFeatu= reTheme > span { background-image: ; background-position-x: ; background-po= sition-y: ; background-size: ; background-repeat: ; background-attachment: = ; background-origin: ; background-color: ; background-clip: var(--ae-badge-= text-background-clip); } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel), .= appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledTheme button:ha= s(.appsElementsWorkspaceRecommendationBadgeLabel), .appsElementsWorkspaceRe= commendationBadgePremiumFeatureTheme button:has(.appsElementsWorkspaceRecom= mendationBadgeLabel) { padding-inline: 8px; --sbadab: var(--gm3-sys-color-o= n-surface,#1f1f1f); --hSHBee: 0.08; --F1tVH: var(--gm3-sys-color-on-surface= ,#1f1f1f); --kDWEsd: 0.1; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel), .= appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContaine= rLowestTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel):not= (:disabled):active, .appsElementsWorkspaceRecommendationBadgePremiumFeature= FilledTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel), .ap= psElementsWorkspaceRecommendationBadgePremiumFeatureFilledTheme button:has(= .appsElementsWorkspaceRecommendationBadgeLabel):not(:disabled):active, .app= sElementsWorkspaceRecommendationBadgePremiumFeatureTheme button:has(.appsEl= ementsWorkspaceRecommendationBadgeLabel), .appsElementsWorkspaceRecommendat= ionBadgePremiumFeatureTheme button:has(.appsElementsWorkspaceRecommendation= BadgeLabel):not(:disabled):active { border-radius: var(--ae-badge-container= -shape); --vTiv8c: var(--ae-badge-container-shape); --UtHrue: var(--ae-badg= e-container-shape); --uHecC: var(--ae-badge-container-shape); --C8LWjb: var= (--ae-badge-container-shape); } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel):ho= ver, .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledTheme but= ton:has(.appsElementsWorkspaceRecommendationBadgeLabel):hover, .appsElement= sWorkspaceRecommendationBadgePremiumFeatureTheme button:has(.appsElementsWo= rkspaceRecommendationBadgeLabel):hover { text-decoration: none; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme button:has(.appsElementsWorkspaceRecommendationBadgeLabel) .a= ppsElementsWorkspaceRecommendationBadgeLabel, .appsElementsWorkspaceRecomme= ndationBadgePremiumFeatureFilledTheme button:has(.appsElementsWorkspaceReco= mmendationBadgeLabel) .appsElementsWorkspaceRecommendationBadgeLabel, .apps= ElementsWorkspaceRecommendationBadgePremiumFeatureTheme button:has(.appsEle= mentsWorkspaceRecommendationBadgeLabel) .appsElementsWorkspaceRecommendatio= nBadgeLabel { font-family: "Google Sans"; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme .appsElementsWorkspaceRecommendationBadgeLabel:has(:is(b, str= ong)), .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurface= ContainerLowestTheme:not(:has(.appsElementsWorkspaceRecommendationBadgeLabe= l)):has(:is(b, strong)), .appsElementsWorkspaceRecommendationBadgePremiumFe= atureFilledTheme .appsElementsWorkspaceRecommendationBadgeLabel:has(:is(b, = strong)), .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledThem= e:not(:has(.appsElementsWorkspaceRecommendationBadgeLabel)):has(:is(b, stro= ng)), .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme .appsEle= mentsWorkspaceRecommendationBadgeLabel:has(:is(b, strong)), .appsElementsWo= rkspaceRecommendationBadgePremiumFeatureTheme:not(:has(.appsElementsWorkspa= ceRecommendationBadgeLabel)):has(:is(b, strong)) { --ae-badge-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); color: var(--gm3-sys-color-= on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme .appsElementsWorkspaceRecommendationBadgeLabel:has(:is(b, str= ong)) :is(b, strong), .appsElementsWorkspaceRecommendationBadgePremiumFeatu= reFilledSurfaceContainerLowestTheme:not(:has(.appsElementsWorkspaceRecommen= dationBadgeLabel)):has(:is(b, strong)) :is(b, strong), .appsElementsWorkspa= ceRecommendationBadgePremiumFeatureFilledTheme .appsElementsWorkspaceRecomm= endationBadgeLabel:has(:is(b, strong)) :is(b, strong), .appsElementsWorkspa= ceRecommendationBadgePremiumFeatureFilledTheme:not(:has(.appsElementsWorksp= aceRecommendationBadgeLabel)):has(:is(b, strong)) :is(b, strong), .appsElem= entsWorkspaceRecommendationBadgePremiumFeatureTheme .appsElementsWorkspaceR= ecommendationBadgeLabel:has(:is(b, strong)) :is(b, strong), .appsElementsWo= rkspaceRecommendationBadgePremiumFeatureTheme:not(:has(.appsElementsWorkspa= ceRecommendationBadgeLabel)):has(:is(b, strong)) :is(b, strong) { backgroun= d-image: ; background-position-x: ; background-position-y: ; background-siz= e: ; background-repeat: ; background-attachment: ; background-origin: ; bac= kground-color: ; background-clip: text; color: transparent; letter-spacing:= normal; -webkit-text-fill-color: transparent; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme { --ae-badge-c= ontainer-color: transparent; --ae-badge-container-padding-inline: 0; --M4R9= Bb: transparent; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme button:has(.ap= psElementsWorkspaceRecommendationBadgeLabel) { margin-inline: -8px; } @media (forced-colors: active) { .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme { --ae-badge= -container-padding-inline: 8px; } .appsElementsWorkspaceRecommendationBadgePremiumFeatureTheme button:has(.= appsElementsWorkspaceRecommendationBadgeLabel) { margin-inline: 0px; } } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledTheme { --ae-b= adge-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --M4R= 9Bb: var(--gm3-sys-color-surface-container,#f0f4f9); } .appsElementsWorkspaceRecommendationBadgePremiumFeatureFilledSurfaceContain= erLowestTheme { --ae-badge-container-color: var(--gm3-sys-color-surface-bri= ght,#fff); --M4R9Bb: var(--gm3-sys-color-surface-bright,#fff); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltip { --gm3-tooltip-= rich-action-label-text-font: "Google Sans"; --gm3-tooltip-rich-container-ma= x-block-size: 80vh; --gm3-tooltip-rich-container-max-inline-size: 410px; --= gm3-tooltip-rich-content-overflow-y: auto; --gm3-tooltip-rich-subhead-font:= "Google Sans"; --gm3-tooltip-rich-supporting-text-font: "Google Sans"; whi= te-space: normal; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground { --gm3-tooltip-rich-action-label-text-font: "Google Sans"; --gm3-= tooltip-rich-caret-size: 24px; --gm3-tooltip-rich-container-color: var(--gm= 3-sys-color-surface,#fff); --gm3-tooltip-rich-container-elevation: 2; --gm3= -tooltip-rich-container-margin-block: 0px; --gm3-tooltip-rich-container-max= -block-size: none; --gm3-tooltip-rich-container-max-inline-size: 410px; --g= m3-tooltip-rich-container-padding-block: 0; --gm3-tooltip-rich-container-sh= adow-color: var(--gm3-sys-color-shadow,#000); --gm3-tooltip-rich-container-= shape: 28px; --gm3-tooltip-rich-content-overflow-y: visible; --gm3-tooltip-= rich-subhead-font: "Google Sans"; --gm3-tooltip-rich-supporting-text-font: = "Google Sans"; box-sizing: border-box; inline-size: 410px; max-inline-size:= 410px; white-space: normal; width: 410px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascri= ptMaterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWorkspaceR= ecommendationRichTooltipRichTooltipPremiumGradientBackground .javascriptMat= erialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWorkspaceRecomm= endationRichTooltipRichTooltipPremiumGradientBackground.javascriptMateriald= esignGm3WizTooltipRich-tooltip .javascriptMaterialdesignGm3WizTooltipRich-t= ooltip__surface { border-radius: 28px; box-sizing: border-box; inline-size:= 100%; max-block-size: none; max-inline-size: 100%; overflow: hidden; paddi= ng-block: 0px; padding-inline: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { box-= sizing: border-box; inline-size: 100%; margin: 0px; max-inline-size: 100%; = padding: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomIm= ageContainer { padding: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomIm= ageContainer .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omHeaderImage, .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPr= emiumGradientBackground .appsElementsWorkspaceRecommendationRichTooltipRich= TooltipCustomImageContainer img, .appsElementsWorkspaceRecommendationRichTo= oltipRichTooltipPremiumGradientBackground .appsElementsWorkspaceRecommendat= ionRichTooltipRichTooltipCustomImageContainer svg { border-radius: 16px; ma= rgin-block-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBo= dyContent { padding-block: 16px 24px; padding-inline: 24px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBo= dyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomH= eaderBadge { margin-block-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBo= dyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomT= itle { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 2r= em; letter-spacing: 0px; line-height: 2.5rem; font-weight: 500; margin-bloc= k-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface { back= ground: radial-gradient(110% 110% at 50% 20%,color-mix(in srgb,var(--ws-sys= -color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 0,color-= mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) = 0%,transparent) 47%,color-mix(in srgb,var(--ws-sys-color-premium-surface-co= ntainer-accent01,#8cd1ff) 37%,transparent) 74%,color-mix(in srgb,var(--ws-s= ys-color-premium-surface-container-accent01,#8cd1ff) 76%,transparent) 88%,c= olor-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd= 1ff) 100%,transparent) 100%),var(--gm3-sys-color-surface,#fff); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground { --ae-rich-tooltip-caret-bottom-center-bg: linear-gradient(to bot= tom right,transparent 50%,color-mix(in srgb,var(--ws-sys-color-premium-surf= ace-container-accent01,#8cd1ff) 35%,var(--gm3-sys-color-surface,#fff)) 50%)= ; --ae-rich-tooltip-caret-bottom-left-bg: linear-gradient(to bottom right,t= ransparent 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-contain= er-accent01,#8cd1ff) 59%,var(--gm3-sys-color-surface,#fff)) 50%); --ae-rich= -tooltip-caret-bottom-right-bg: linear-gradient(to bottom left,transparent = 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01= ,#8cd1ff) 59%,var(--gm3-sys-color-surface,#fff)) 50%); --ae-rich-tooltip-ca= ret-left-center-bg: linear-gradient(to bottom left,transparent 50%,color-mi= x(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 8%= ,var(--gm3-sys-color-surface,#fff)) 50%); --ae-rich-tooltip-caret-right-cen= ter-bg: linear-gradient(to bottom right,transparent 50%,color-mix(in srgb,v= ar(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 8%,var(--gm3-= sys-color-surface,#fff)) 50%); --ae-rich-tooltip-caret-top-center-bg: linea= r-gradient(to top right,transparent 50%,var(--gm3-sys-color-surface,#fff) 5= 0%); --ae-rich-tooltip-caret-top-left-bg: linear-gradient(to top right,tran= sparent 50%,var(--gm3-sys-color-surface,#fff) 50%); --ae-rich-tooltip-caret= -top-right-bg: linear-gradient(to top left,transparent 50%,var(--gm3-sys-co= lor-surface,#fff) 50%); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top { background-color: transparent; background-image: linear-gradient(var(= --gm3-sys-color-surface,#fff),var(--gm3-sys-color-surface,#fff)); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"top: 0"][style*=3D"left: calc"] { background-image: var(--ae-= rich-tooltip-caret-top-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"bottom: 0"][style*=3D"left: calc"] { background-image: var(--= ae-rich-tooltip-caret-bottom-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"bottom: 0"][style*=3D"left: 24px"] { background-image: var(--= ae-rich-tooltip-caret-bottom-left-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"bottom: 0"][style*=3D"right: 24px"] { background-image: var(-= -ae-rich-tooltip-caret-bottom-right-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"top: calc"][style*=3D"left: 0"] { background-image: var(--ae-= rich-tooltip-caret-left-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"top: calc"][style*=3D"right: 0"] { background-image: var(--ae= -rich-tooltip-caret-right-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"top: 0"][style*=3D"left: 24px"] { background-image: var(--ae-= rich-tooltip-caret-top-left-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckground .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-= top[style*=3D"top: 0"][style*=3D"right: 24px"] { background-image: var(--ae= -rich-tooltip-caret-top-right-bg); } @media (forced-colors: active) { .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradient= Background .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surfac= e-top { background-color: var(--gm3-sys-color-surface,#fff); background-ima= ge: none; } } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round { --gm3-tooltip-rich-action-label-text-font: "Google Sans"; --gm3-too= ltip-rich-caret-size: 24px; --gm3-tooltip-rich-container-color: var(--gm3-s= ys-color-surface,#fff); --gm3-tooltip-rich-container-elevation: 2; --gm3-to= oltip-rich-container-margin-block: 0px; --gm3-tooltip-rich-container-max-bl= ock-size: none; --gm3-tooltip-rich-container-max-inline-size: 410px; --gm3-= tooltip-rich-container-padding-block: 0; --gm3-tooltip-rich-container-shado= w-color: var(--gm3-sys-color-shadow,#000); --gm3-tooltip-rich-container-sha= pe: 28px; --gm3-tooltip-rich-content-overflow-y: visible; --gm3-tooltip-ric= h-subhead-font: "Google Sans"; --gm3-tooltip-rich-supporting-text-font: "Go= ogle Sans"; box-sizing: border-box; inline-size: 410px; max-inline-size: 41= 0px; white-space: normal; width: 410px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascriptM= aterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWorkspaceReco= mmendationRichTooltipRichTooltipPremiumWhiteBackground .javascriptMateriald= esignGm3WizTooltipRich-tooltip__surface, .appsElementsWorkspaceRecommendati= onRichTooltipRichTooltipPremiumWhiteBackground.javascriptMaterialdesignGm3W= izTooltipRich-tooltip .javascriptMaterialdesignGm3WizTooltipRich-tooltip__s= urface { border-radius: 28px; box-sizing: border-box; inline-size: 100%; ma= x-block-size: none; max-inline-size: 100%; overflow: hidden; padding-block:= 0px; padding-inline: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { box-siz= ing: border-box; inline-size: 100%; margin: 0px; max-inline-size: 100%; pad= ding: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomImage= Container { padding: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomImage= Container .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomH= eaderImage, .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremi= umWhiteBackground .appsElementsWorkspaceRecommendationRichTooltipRichToolti= pCustomImageContainer img, .appsElementsWorkspaceRecommendationRichTooltipR= ichTooltipPremiumWhiteBackground .appsElementsWorkspaceRecommendationRichTo= oltipRichTooltipCustomImageContainer svg { border-radius: 16px; margin-bloc= k-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBodyC= ontent { padding-block: 16px 24px; padding-inline: 24px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBodyC= ontent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomHead= erBadge { margin-block-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= round .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBodyC= ontent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomTitl= e { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 2rem;= letter-spacing: 0px; line-height: 2.5rem; font-weight: 500; margin-block-e= nd: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact { --gm3-tooltip-rich-action-label-text-font: "Google Sans";= --gm3-tooltip-rich-caret-size: 24px; --gm3-tooltip-rich-container-color: v= ar(--gm3-sys-color-surface,#fff); --gm3-tooltip-rich-container-elevation: 2= ; --gm3-tooltip-rich-container-margin-block: 0px; --gm3-tooltip-rich-contai= ner-max-block-size: none; --gm3-tooltip-rich-container-max-inline-size: 284= px; --gm3-tooltip-rich-container-padding-block: 0; --gm3-tooltip-rich-conta= iner-shadow-color: var(--gm3-sys-color-shadow,#000); --gm3-tooltip-rich-con= tainer-shape: 12px; --gm3-tooltip-rich-content-overflow-y: visible; --gm3-t= ooltip-rich-subhead-font: "Google Sans"; --gm3-tooltip-rich-supporting-text= -font: "Google Sans"; box-sizing: border-box; inline-size: 284px; max-inlin= e-size: 284px; white-space: normal; width: 284px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .j= avascriptMaterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWor= kspaceRecommendationRichTooltipRichTooltipPremiumGradientBackgroundCompact = .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsW= orkspaceRecommendationRichTooltipRichTooltipPremiumGradientBackgroundCompac= t.javascriptMaterialdesignGm3WizTooltipRich-tooltip .javascriptMaterialdesi= gnGm3WizTooltipRich-tooltip__surface { border-radius: 12px; box-sizing: bor= der-box; inline-size: 100%; max-block-size: none; max-inline-size: 100%; ov= erflow: hidden; padding-block: 0px; padding-inline: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content= { box-sizing: border-box; inline-size: 100%; margin: 0px; max-inline-size:= 100%; padding: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomImageContainer { padding: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomImageContainer .appsElementsWorkspaceRecommendationRichTooltipRichTool= tipCustomHeaderImage, .appsElementsWorkspaceRecommendationRichTooltipRichTo= oltipPremiumGradientBackgroundCompact .appsElementsWorkspaceRecommendationR= ichTooltipRichTooltipCustomImageContainer img, .appsElementsWorkspaceRecomm= endationRichTooltipRichTooltipPremiumGradientBackgroundCompact .appsElement= sWorkspaceRecommendationRichTooltipRichTooltipCustomImageContainer svg { bo= rder-radius: 16px; margin-block-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomBodyContent { padding-block: 16px; padding-inline: 16px 12px; gap: 0px= ; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomBodyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltip= CustomHeaderBadge { margin-block-end: 12px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomBodyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltip= CustomTitle { font-family: "Google Sans", Roboto, Arial, sans-serif; font-s= ize: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem;= margin-block-end: 4px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipC= ustomBodyContent .appsElementsWorkspaceRecommendationRichTooltipTooltipActi= onsContainer { margin-block-start: 12px; margin-inline-end: 4px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface= { background: radial-gradient(110% 110% at 50% 20%,color-mix(in srgb,var(-= -ws-sys-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 0= ,color-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8= cd1ff) 0%,transparent) 47%,color-mix(in srgb,var(--ws-sys-color-premium-sur= face-container-accent01,#8cd1ff) 37%,transparent) 74%,color-mix(in srgb,var= (--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 76%,transparent= ) 88%,color-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent= 01,#8cd1ff) 100%,transparent) 100%),var(--gm3-sys-color-surface,#fff); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact { --ae-rich-tooltip-caret-bottom-center-bg: linear-gradient= (to bottom right,transparent 50%,color-mix(in srgb,var(--ws-sys-color-premi= um-surface-container-accent01,#8cd1ff) 35%,var(--gm3-sys-color-surface,#fff= )) 50%); --ae-rich-tooltip-caret-bottom-left-bg: linear-gradient(to bottom = right,transparent 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-= container-accent01,#8cd1ff) 54%,var(--gm3-sys-color-surface,#fff)) 50%); --= ae-rich-tooltip-caret-bottom-right-bg: linear-gradient(to bottom left,trans= parent 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-container-a= ccent01,#8cd1ff) 54%,var(--gm3-sys-color-surface,#fff)) 50%); --ae-rich-too= ltip-caret-left-center-bg: linear-gradient(to bottom left,transparent 50%,c= olor-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd= 1ff) 8%,var(--gm3-sys-color-surface,#fff)) 50%); --ae-rich-tooltip-caret-ri= ght-center-bg: linear-gradient(to bottom right,transparent 50%,color-mix(in= srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 8%,var= (--gm3-sys-color-surface,#fff)) 50%); --ae-rich-tooltip-caret-top-center-bg= : linear-gradient(to top right,transparent 50%,var(--gm3-sys-color-surface,= #fff) 50%); --ae-rich-tooltip-caret-top-left-bg: linear-gradient(to top rig= ht,transparent 50%,var(--gm3-sys-color-surface,#fff) 50%); --ae-rich-toolti= p-caret-top-right-bg: linear-gradient(to top left,transparent 50%,var(--gm3= -sys-color-surface,#fff) 50%); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top { background-color: transparent; background-image: linear-gradie= nt(var(--gm3-sys-color-surface,#fff),var(--gm3-sys-color-surface,#fff)); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"top: 0"][style*=3D"left: calc"] { background-image: va= r(--ae-rich-tooltip-caret-top-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"bottom: 0"][style*=3D"left: calc"] { background-image:= var(--ae-rich-tooltip-caret-bottom-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"bottom: 0"][style*=3D"left: 24px"] { background-image:= var(--ae-rich-tooltip-caret-bottom-left-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"bottom: 0"][style*=3D"right: 24px"] { background-image= : var(--ae-rich-tooltip-caret-bottom-right-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"top: calc"][style*=3D"left: 0"] { background-image: va= r(--ae-rich-tooltip-caret-left-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"top: calc"][style*=3D"right: 0"] { background-image: v= ar(--ae-rich-tooltip-caret-right-center-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"top: 0"][style*=3D"left: 24px"] { background-image: va= r(--ae-rich-tooltip-caret-top-left-bg); } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradientBa= ckgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-s= urface-top[style*=3D"top: 0"][style*=3D"right: 24px"] { background-image: v= ar(--ae-rich-tooltip-caret-top-right-bg); } @media (forced-colors: active) { .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumGradient= BackgroundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret= -surface-top { background-color: var(--gm3-sys-color-surface,#fff); backgro= und-image: none; } } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact { --gm3-tooltip-rich-action-label-text-font: "Google Sans"; --= gm3-tooltip-rich-caret-size: 24px; --gm3-tooltip-rich-container-color: var(= --gm3-sys-color-surface,#fff); --gm3-tooltip-rich-container-elevation: 2; -= -gm3-tooltip-rich-container-margin-block: 0px; --gm3-tooltip-rich-container= -max-block-size: none; --gm3-tooltip-rich-container-max-inline-size: 284px;= --gm3-tooltip-rich-container-padding-block: 0; --gm3-tooltip-rich-containe= r-shadow-color: var(--gm3-sys-color-shadow,#000); --gm3-tooltip-rich-contai= ner-shape: 12px; --gm3-tooltip-rich-content-overflow-y: visible; --gm3-tool= tip-rich-subhead-font: "Google Sans"; --gm3-tooltip-rich-supporting-text-fo= nt: "Google Sans"; box-sizing: border-box; inline-size: 284px; max-inline-s= ize: 284px; white-space: normal; width: 284px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .java= scriptMaterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWorksp= aceRecommendationRichTooltipRichTooltipPremiumWhiteBackgroundCompact .javas= criptMaterialdesignGm3WizTooltipRich-tooltip__surface, .appsElementsWorkspa= ceRecommendationRichTooltipRichTooltipPremiumWhiteBackgroundCompact.javascr= iptMaterialdesignGm3WizTooltipRich-tooltip .javascriptMaterialdesignGm3WizT= ooltipRich-tooltip__surface { border-radius: 12px; box-sizing: border-box; = inline-size: 100%; max-block-size: none; max-inline-size: 100%; overflow: h= idden; padding-block: 0px; padding-inline: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content { = box-sizing: border-box; inline-size: 100%; margin: 0px; max-inline-size: 10= 0%; padding: 0px; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omImageContainer { padding: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omImageContainer .appsElementsWorkspaceRecommendationRichTooltipRichTooltip= CustomHeaderImage, .appsElementsWorkspaceRecommendationRichTooltipRichToolt= ipPremiumWhiteBackgroundCompact .appsElementsWorkspaceRecommendationRichToo= ltipRichTooltipCustomImageContainer img, .appsElementsWorkspaceRecommendati= onRichTooltipRichTooltipPremiumWhiteBackgroundCompact .appsElementsWorkspac= eRecommendationRichTooltipRichTooltipCustomImageContainer svg { border-radi= us: 16px; margin-block-end: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omBodyContent { padding-block: 16px; padding-inline: 16px 12px; gap: 0px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omBodyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCus= tomHeaderBadge { margin-block-end: 12px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omBodyContent .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCus= tomTitle { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size= : 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; ma= rgin-block-end: 4px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipPremiumWhiteBackg= roundCompact .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCust= omBodyContent .appsElementsWorkspaceRecommendationRichTooltipTooltipActions= Container { margin-block-start: 12px; margin-inline-end: 4px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomImageContai= ner { box-sizing: border-box; display: block; max-inline-size: 100%; width:= 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomHeaderImage= { border-radius: 16px; box-sizing: border-box; display: block; height: aut= o; margin-block-end: 8px; max-inline-size: 100%; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomBodyContent= { box-sizing: border-box; display: flex; flex-direction: column; gap: 12px= ; max-inline-size: 100%; width: 100%; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomHeaderBadge= { flex-shrink: 0; margin-block-end: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomTitle { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-w= eight: 500; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-= color-on-surface-variant,#444746); margin-block-end: 8px; } .appsElementsWorkspaceRecommendationRichTooltipRichTooltipCustomTextContent= { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875r= em; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var= (--gm3-sys-color-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationRichTooltipTooltipActionsContainer { al= ign-items: center; display: flex; gap: 12px; justify-content: flex-end; mar= gin-block-start: 4px; } .appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner { --E= l9Bhf: 0; --KEZEkb: 48px; --rgEnKb: 4px; --lKBblb: 4px; } .appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner :is(.= appsElementsWorkspaceRecommendationBannerContentTitleV2, .appsElementsWorks= paceRecommendationBannerContentRibbonV2, .appsElementsWorkspaceRecommendati= onBannerContentOverlineV2) { font-family: "Google Sans", Roboto, Arial, san= s-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 0px; line-he= ight: 1rem; } .appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner :is(.= appsElementsWorkspaceRecommendationBannerContentDescriptionV2, .appsElement= sWorkspaceRecommendationBannerContentBodyContent, .appsElementsWorkspaceRec= ommendationBannerContentBodyContentActionLink) { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-s= pacing: 0.00625rem; line-height: 1rem; } .appsElementsWorkspaceRecommendationBannerContentCloseButtonExtraSmall, .ap= psElementsWorkspaceRecommendationBannerContentOverflowMenuExtraSmall { --gm= 3-icon-button-standard-container-width: 24px; --gm3-icon-button-standard-co= ntainer-height: 24px; --gm3-icon-button-standard-icon-size: 16px; --gm3-ico= n-button-standard-touch-target-size: 24px; margin-inline-end: 6px; } .appsElementsWorkspaceRecommendationBannerContentActions { align-items: cen= ter; display: flex; flex-shrink: 0; gap: 12px; padding: 16px 0px; } .appsElementsWorkspaceRecommendationBannerContentActionsExtraSmallLayout { = --gm3-button-filled-container-height: 36px; } .appsElementsWorkspaceRecommendationBannerContentActionsSmall { padding: 12= px 0px 4px; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentActions { padding: 12px = 0px 4px; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentActions { gap: 0px; flex= -direction: row; justify-content: flex-end; padding: 8px 0px 4px; } } .appsElementsWorkspaceRecommendationBannerContentBanner { border-width: med= ium; border-style: none; border-color: currentcolor; border-image: none; bo= x-sizing: border-box; } .appsElementsWorkspaceRecommendationBannerContentBanner:has(.appsElementsWo= rkspaceRecommendationBannerContentRibbon) { padding: 10px 0px; } .appsElementsWorkspaceRecommendationBannerContentBannerContent { color: var= (--gm3-sys-color-on-surface,#1f1f1f); display: flex; flex-direction: row; g= ap: 0px 8px; position: relative; } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentBannerContent { flex-dir= ection: column-reverse; } } .appsElementsWorkspaceRecommendationBannerContentBannerContentExtraSmallLay= out { box-sizing: border-box; max-height: 80px; } .appsElementsWorkspaceRecommendationBannerContentBannerIcon { color: var(--= gm3-sys-color-on-surface-variant,#444746); inset-inline-start: -40px; posit= ion: absolute; } .appsElementsWorkspaceRecommendationBannerContentBannerImage { align-self: = center; flex: 0 0 auto; inline-size: 320px; } .appsElementsWorkspaceRecommendationBannerContentBannerImageExtraSmall { in= line-size: 65px; } .appsElementsWorkspaceRecommendationBannerContentBannerImageSmall { inline-= size: 220px; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentBannerImage { max-inline= -size: 220px; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentBannerImage { display: n= one; } } .appsElementsWorkspaceRecommendationBannerContentBodyContent { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 40= 0; letter-spacing: 0px; line-height: 1.5rem; position: relative; } .appsElementsWorkspaceRecommendationBannerContentBodyContentSmall { font-fa= mily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 400; letter-spacing: 0px; line-height: 1.25rem; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentBodyContent { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 400; letter-spacing: 0px; line-height: 1.25rem; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentBodyContent { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 400; letter-spacing: 0px; line-height: 1.25rem; } } .appsElementsWorkspaceRecommendationBannerContentBodyContentActionLink { te= xt-decoration: underline; } .appsElementsWorkspaceRecommendationBannerContentContentWrapper { border: 1= px solid transparent; border-radius: 28px; overflow: hidden; } .appsElementsWorkspaceRecommendationBannerContentContentWrapperExtraSmallLa= yout { border-radius: 20px; } .appsElementsWorkspaceRecommendationBannerContentHeading { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 2.25rem; font-weight: 400= ; letter-spacing: 0px; line-height: 2.75rem; position: relative; } .appsElementsWorkspaceRecommendationBannerContentHeadingSmall { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight= : 400; letter-spacing: 0px; line-height: 2.25rem; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentHeading { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 2.25rem; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentHeading { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 2.25rem; } } .appsElementsWorkspaceRecommendationBannerContentHeadingSmall .appsElements= WorkspaceRecommendationBannerContentBannerIcon { padding-block-start: 4px; = } .appsElementsWorkspaceRecommendationBannerContentMessage { display: flex; f= lex-direction: column; flex-grow: 1; gap: 16px; justify-content: center; } .appsElementsWorkspaceRecommendationBannerContentMessageSmall { gap: 8px; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentMessage { gap: 8px; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentMessage { gap: 8px; } } .appsElementsWorkspaceRecommendationBannerContentMessageExtraSmallLayout { = gap: 2px; } .appsElementsWorkspaceRecommendationBannerContentOverline { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 5= 00; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationBannerContentOverlineSmall { font-size:= 13px; } .appsElementsWorkspaceRecommendationBannerContentRibbon { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.25rem; align-items: center; backgroun= d-color: var(--gm3-sys-color-inverse-surface,#303030); border-radius: 0px 0= px 4px 4px; color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); display= : flex; gap: 6px; justify-content: center; margin-block-end: 4px; min-block= -size: 40px; padding: 0px 24px; text-align: center; } .appsElementsWorkspaceRecommendationBannerContentRibbonSmall { padding: 0px= 24px; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentRibbon { padding: 0px 24= px; } } .appsElementsWorkspaceRecommendationBannerContentTextActionContainer { disp= lay: flex; flex: 1 1 auto; flex-direction: column; padding: 24px 24px 24px = 32px; position: relative; } .appsElementsWorkspaceRecommendationBannerContentTextActionContainerSmall {= padding: 16px 24px; } @media only screen and (min-width: 33.75rem) and (max-width: 63.9375rem) { .appsElementsWorkspaceRecommendationBannerContentTextActionContainer { pa= dding: 16px 24px; } } @media only screen and (max-width: 33.6875rem) { .appsElementsWorkspaceRecommendationBannerContentTextActionContainer { pa= dding: 16px 24px; } } .appsElementsWorkspaceRecommendationBannerContentTextActionContainerRowLayo= ut { align-items: center; flex-direction: row; justify-content: start; padd= ing: 8px 24px; } .appsElementsWorkspaceRecommendationBannerContentTextActionContainerWithIco= n { padding-left: 64px; } .appsElementsWorkspaceRecommendationBannerContentTextActionContainerWithClo= seAction { padding-right: 10px; } .appsElementsWorkspaceRecommendationBannerContentBannerV2 { container-type:= inline-size; } .appsElementsWorkspaceRecommendationBannerContentBannerFullBleed { --WsPOW:= 0; } .appsElementsWorkspaceRecommendationBannerContentBannerInset { --WsPOW: 16p= x; } .appsElementsWorkspaceRecommendationBannerContentDisableOpenAnimation { --B= uHuMe: 0ms; } .appsElementsWorkspaceRecommendationBannerContentDisableCloseAnimation { --= vfVFhd: 0ms; } .appsElementsWorkspaceRecommendationBannerContentContentWrapperStacked { di= splay: flex; flex-direction: row; margin-block-end: 4px; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentGraphicWrapper { align-sel= f: center; display: flex; margin-inline-start: -20px; } .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { --leFxr= b: var(--ae-banner-container-color,var(--gm3-sys-color-surface-container,#f= 0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-colo= r: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banne= r-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-b= utton-standard-unselected-pressed-icon-color: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-= banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-tex= t-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pre= ssed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-press= ed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-banner-button-= filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= filled-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3= -sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-focus-label-text-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pr= essed-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-pressed-state-layer-color: var(--ae-banner-button-f= illed-text-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2:link { co= lor: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0));= text-decoration: underline; } .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { --WsPOW= : 16px; display: flex; flex-direction: column; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentWithoutInteractiveElements= .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { paddin= g-inline-end: 16px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline:not(.app= sElementsWorkspaceRecommendationBannerContentWithBannerImage) .appsElements= WorkspaceRecommendationBannerContentContentWrapperV2 { margin-inline-start:= -4px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIcon { justif= y-self: center; height: 24px; margin-block: auto; margin-inline: 12px; widt= h: 24px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicPr= imary:not(.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIco= nContainer) { color: var(--gm3-sys-color-on-primary-container,#0842a0); fil= l: var(--gm3-sys-color-on-primary-container,#0842a0); } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicPr= imary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCont= ainer { background-color: transparent; border-radius: 12px; color: var(--gm= 3-sys-color-on-primary-container,#0842a0); fill: var(--gm3-sys-color-on-pri= mary-container,#0842a0); height: 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicPr= imary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCont= ainer .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconSym= bol { align-items: center; display: flex; height: 100%; justify-content: ce= nter; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicSe= condary:not(.appsElementsWorkspaceRecommendationBannerContentBannerGraphicI= conContainer) { color: var(--gm3-sys-color-on-secondary-container,#004a77);= fill: var(--gm3-sys-color-on-secondary-container,#004a77); } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicSe= condary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCo= ntainer { background-color: transparent; border-radius: 12px; color: var(--= gm3-sys-color-on-secondary-container,#004a77); fill: var(--gm3-sys-color-on= -secondary-container,#004a77); height: 40px; overflow: hidden; width: 40px;= } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicSe= condary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCo= ntainer .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconS= ymbol { align-items: center; display: flex; height: 100%; justify-content: = center; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicTe= rtiary:not(.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIc= onContainer) { color: var(--gm3-sys-color-on-tertiary-container,#0f5223); f= ill: var(--gm3-sys-color-on-tertiary-container,#0f5223); } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicTe= rtiary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCon= tainer { background-color: transparent; border-radius: 12px; color: var(--g= m3-sys-color-on-tertiary-container,#0f5223); fill: var(--gm3-sys-color-on-t= ertiary-container,#0f5223); height: 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconDynamicTe= rtiary.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconCon= tainer .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconSy= mbol { align-items: center; display: flex; height: 100%; justify-content: c= enter; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconPrimary:n= ot(.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconContai= ner) { color: var(--gm3-sys-color-primary,#0b57d0); fill: var(--gm3-sys-col= or-primary,#0b57d0); } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconPrimary.a= ppsElementsWorkspaceRecommendationBannerContentBannerGraphicIconContainer {= background-color: transparent; border-radius: 12px; color: var(--gm3-sys-c= olor-primary,#0b57d0); fill: var(--gm3-sys-color-primary,#0b57d0); height: = 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconPrimary.a= ppsElementsWorkspaceRecommendationBannerContentBannerGraphicIconContainer .= appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconSymbol { a= lign-items: center; display: flex; height: 100%; justify-content: center; w= idth: 100%; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconError:not= (.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconContaine= r) { color: var(--gm3-sys-color-on-error-container,#8c1d18); fill: var(--gm= 3-sys-color-on-error-container,#8c1d18); } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconError.app= sElementsWorkspaceRecommendationBannerContentBannerGraphicIconContainer { b= ackground-color: transparent; border-radius: 12px; color: var(--gm3-sys-col= or-on-error-container,#8c1d18); fill: var(--gm3-sys-color-on-error-containe= r,#8c1d18); height: 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIconError.app= sElementsWorkspaceRecommendationBannerContentBannerGraphicIconContainer .ap= psElementsWorkspaceRecommendationBannerContentBannerGraphicIconSymbol { ali= gn-items: center; display: flex; height: 100%; justify-content: center; wid= th: 100%; } .appsElementsWorkspaceRecommendationBannerContentActionsContainer { display= : flex; } .appsElementsWorkspaceRecommendationBannerContentWithOverflowMenu .appsElem= entsWorkspaceRecommendationBannerContentActionsContainer { align-items: cen= ter; } .appsElementsWorkspaceRecommendationBannerContentActionsContainerStacked { = align-self: flex-end; display: flex; flex-shrink: 0; padding-bottom: 6px; } .appsElementsWorkspaceRecommendationBannerContentWithCloseAction .appsEleme= ntsWorkspaceRecommendationBannerContentActionsContainerStacked { margin-inl= ine-end: -48px; } .appsElementsWorkspaceRecommendationBannerContentWithCloseAction .appsEleme= ntsWorkspaceRecommendationBannerContentActionsContainerStacked .appsElement= sWorkspaceRecommendationBannerContentExtraSmallBanner { margin-inline-end: = -20px; } .appsElementsWorkspaceRecommendationBannerContentPrimary { --leFxrb: var(--= ae-banner-container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); = --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-= color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-i= con-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varian= t,#444746)); --gm3-icon-button-standard-unselected-hover-icon-color: var(--= ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm= 3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-co= lor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-sta= ndard-unselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-s= ys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselecte= d-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-o= n-surface-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-= state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-ac= tion-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-l= abel-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#= 0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banner-action-= color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-labe= l-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b5= 7d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-co= lor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-= layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57= d0)); --gm3-button-filled-container-color: var(--ae-banner-button-filled-co= ntainer-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-la= bel-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-colo= r-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-b= anner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3= -button-filled-focus-label-text-color: var(--ae-banner-button-filled-text-c= olor,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-lab= el-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color= -on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-b= anner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3= -button-filled-pressed-state-layer-color: var(--ae-banner-button-filled-tex= t-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentPrimary:link { color: var(= --ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-dec= oration: underline; } .appsElementsWorkspaceRecommendationBannerContentPrimary { --ae-banner-acti= on-color: var(--gm3-sys-color-on-primary-container,#0842a0); --ae-banner-bu= tton-filled-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-ban= ner-button-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-ba= nner-container-color: var(--gm3-sys-color-primary-container,#d3e3fd); --ae-= banner-text-color: var(--gm3-sys-color-on-primary-container,#0842a0); --ae-= banner-text-link-color: var(--gm3-sys-color-on-primary-container,#0842a0); = } .appsElementsWorkspaceRecommendationBannerContentSecondary { --leFxrb: var(= --ae-banner-container-color,var(--gm3-sys-color-surface-container,#f0f4f9))= ; --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-s= urface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-color: var(= --ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --= gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-= color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-s= tandard-unselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3= -sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselec= ted-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-presse= d-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surf= ace-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover= -label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary= ,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banner-actio= n-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-la= bel-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0= b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-= color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-stat= e-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b= 57d0)); --gm3-button-filled-container-color: var(--ae-banner-button-filled-= container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-= label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-co= lor-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae= -banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --g= m3-button-filled-focus-label-text-color: var(--ae-banner-button-filled-text= -color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-l= abel-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-col= or-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae= -banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --g= m3-button-filled-pressed-state-layer-color: var(--ae-banner-button-filled-t= ext-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentSecondary:link { color: va= r(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-d= ecoration: underline; } .appsElementsWorkspaceRecommendationBannerContentSecondary { --ae-banner-ac= tion-color: var(--gm3-sys-color-on-secondary-container,#004a77); --ae-banne= r-button-filled-container-color: var(--gm3-sys-color-secondary,#00639b); --= ae-banner-button-filled-text-color: var(--gm3-sys-color-on-secondary,#fff);= --ae-banner-container-color: var(--gm3-sys-color-secondary-container,#c2e7= ff); --ae-banner-text-color: var(--gm3-sys-color-on-secondary-container,#00= 4a77); --ae-banner-text-link-color: var(--gm3-sys-color-on-secondary-contai= ner,#004a77); } .appsElementsWorkspaceRecommendationBannerContentTertiary { --leFxrb: var(-= -ae-banner-container-color,var(--gm3-sys-color-surface-container,#f0f4f9));= --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varian= t,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-su= rface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-= icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); --gm3-icon-button-standard-unselected-hover-icon-color: var(-= -ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --g= m3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-st= andard-unselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-= sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselect= ed-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-pressed= -state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-a= ction-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-= label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,= #0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banner-action= -color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-lab= el-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b= 57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-c= olor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state= -layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b5= 7d0)); --gm3-button-filled-container-color: var(--ae-banner-button-filled-c= ontainer-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-l= abel-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-col= or-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-= banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm= 3-button-filled-focus-label-text-color: var(--ae-banner-button-filled-text-= color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-la= bel-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-colo= r-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-= banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm= 3-button-filled-pressed-state-layer-color: var(--ae-banner-button-filled-te= xt-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentTertiary:link { color: var= (--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-de= coration: underline; } .appsElementsWorkspaceRecommendationBannerContentTertiary { --ae-banner-act= ion-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); --ae-banner-= button-filled-container-color: var(--gm3-sys-color-tertiary,#146c2e); --ae-= banner-button-filled-text-color: var(--gm3-sys-color-on-tertiary,#fff); --a= e-banner-container-color: var(--gm3-sys-color-tertiary-container,#c4eed0); = --ae-banner-text-color: var(--gm3-sys-color-on-tertiary-container,#0f5223);= --ae-banner-text-link-color: var(--gm3-sys-color-on-tertiary-container,#0f= 5223); } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainer { --leFxr= b: var(--ae-banner-container-color,var(--gm3-sys-color-surface-container,#f= 0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-colo= r: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banne= r-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-b= utton-standard-unselected-pressed-icon-color: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-= banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-tex= t-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pre= ssed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-press= ed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-banner-button-= filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= filled-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3= -sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-focus-label-text-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pr= essed-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-pressed-state-layer-color: var(--ae-banner-button-f= illed-text-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainer:link { co= lor: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0));= text-decoration: underline; } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainer { --ae-ba= nner-action-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button= -filled-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-= button-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner= -container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --ae-bann= er-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --ae-banner= -text-link-color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainerLow { --le= Fxrb: var(--ae-banner-container-color,var(--gm3-sys-color-surface-container= ,#f0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-= color-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-su= rface-variant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-c= olor: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-ba= nner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-ico= n-button-standard-unselected-pressed-icon-color: var(--ae-banner-text-color= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standa= rd-unselected-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3= -sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselec= ted-pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --gm3-button-text-label-text-color: var(--= ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= text-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-col= or-primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-ba= nner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-= pressed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-bann= er-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pr= essed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-p= rimary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-banner-butt= on-filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butt= on-filled-label-text-color: var(--ae-banner-button-filled-text-color,var(--= gm3-sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-text-color= : var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#= fff)); --gm3-button-filled-focus-label-text-color: var(--ae-banner-button-f= illed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled= -pressed-label-text-color: var(--ae-banner-button-filled-text-color,var(--g= m3-sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color= : var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#= fff)); --gm3-button-filled-pressed-state-layer-color: var(--ae-banner-butto= n-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainerLow:link {= color: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0= )); text-decoration: underline; } .appsElementsWorkspaceRecommendationBannerContentSurfaceContainerLow { --ae= -banner-action-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-but= ton-filled-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-bann= er-button-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-ban= ner-container-color: var(--gm3-sys-color-surface-container-low,#f8fafd); --= ae-banner-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --ae= -banner-text-link-color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsWorkspaceRecommendationBannerContentNeutralOnSurface { --leFxr= b: var(--ae-banner-container-color,var(--gm3-sys-color-surface-container,#f= 0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-colo= r: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banne= r-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-b= utton-standard-unselected-pressed-icon-color: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-= banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-tex= t-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pre= ssed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-press= ed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-banner-button-= filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= filled-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3= -sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-focus-label-text-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pr= essed-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-pressed-state-layer-color: var(--ae-banner-button-f= illed-text-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentNeutralOnSurface:link { co= lor: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0));= text-decoration: underline; } .appsElementsWorkspaceRecommendationBannerContentNeutralOnSurface { --ae-ba= nner-action-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button= -filled-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-= button-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner= -container-color: var(--gm3-sys-color-surface,#fff); --ae-banner-text-color= : var(--gm3-sys-color-on-surface-variant,#444746); --ae-banner-text-link-co= lor: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsWorkspaceRecommendationBannerContentError { --leFxrb: var(--ae= -banner-container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --= BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#= 444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-co= lor-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-ico= n-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae= -banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-= icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-colo= r,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-stand= ard-unselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-= hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-= surface-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-st= ate-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-= variant,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-acti= on-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-lab= el-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b= 57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banner-action-co= lor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-= text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d= 0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-colo= r,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-la= yer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0= )); --gm3-button-filled-container-color: var(--ae-banner-button-filled-cont= ainer-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-labe= l-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-= on-primary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-ban= ner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-b= utton-filled-focus-label-text-color: var(--ae-banner-button-filled-text-col= or,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-label= -text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-o= n-primary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-ban= ner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-b= utton-filled-pressed-state-layer-color: var(--ae-banner-button-filled-text-= color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerContentError:link { color: var(--= ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decor= ation: underline; } .appsElementsWorkspaceRecommendationBannerContentError { --ae-banner-action= -color: var(--gm3-sys-color-on-error-container,#8c1d18); --ae-banner-button= -filled-container-color: var(--gm3-sys-color-error,#b3261e); --ae-banner-bu= tton-filled-text-color: var(--gm3-sys-color-on-error,#fff); --ae-banner-con= tainer-color: var(--gm3-sys-color-error-container,#f9dedc); --ae-banner-tex= t-color: var(--gm3-sys-color-on-error-container,#8c1d18); --ae-banner-text-= link-color: var(--gm3-sys-color-on-error-container,#8c1d18); } .appsElementsWorkspaceRecommendationBannerContentOnSurfaceBackground { bord= er: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsWorkspaceRecommendationBannerContentG1Background { --gm3-icon-= button-standard-focus-indicator-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-icon-button-standard-selected-focus-icon-color: var(--gm= 3-sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-selecte= d-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-icon-button-standard-selected-pressed-icon-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-un= selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-s= ys-color-on-surface-variant,#444746); --gm3-icon-button-standard-unselected= -icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-bu= tton-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-icon-button-standard-unselected-focus-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationBannerContentG1BackgroundWarning { back= ground: var(--gm3-sys-color-surface,#fff); border: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); } .appsElementsWorkspaceRecommendationBannerContentBackgroundAlertEscalation = { --ae-banner-action-color: var(--gm3-sys-color-on-error-container,#8c1d18)= ; --ae-banner-button-filled-container-color: var(--gm3-sys-color-error,#b32= 61e); --ae-banner-button-filled-text-color: var(--gm3-sys-color-on-error,#f= ff); --ae-banner-container-color: var(--gm3-sys-color-error-container,#f9de= dc); --ae-banner-text-color: var(--gm3-sys-color-on-error-container,#8c1d18= ); --ae-banner-text-link-color: var(--gm3-sys-color-on-error-container,#8c1= d18); background: var(--ae-recommendation-banner-container-color,var(--gm3-= sys-color-error-container,#f9dedc)); } .appsElementsWorkspaceRecommendationBannerContentPremiumFeature { backgroun= d: radial-gradient(ellipse 75% 130% at 50% 170%,color-mix(in srgb,var(--ws-= sys-color-premium-surface-container-accent01,#8cd1ff) 60%,transparent) 0,co= lor-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1= ff) 40%,transparent) 50%,color-mix(in srgb,var(--ws-sys-color-premium-surfa= ce-container-accent01,#8cd1ff) 10%,transparent) 80%,color-mix(in srgb,var(-= -ws-sys-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 1= 00%),radial-gradient(ellipse 75% 110% at 90% 150%,color-mix(in srgb,var(--w= s-sys-color-premium-surface-container-accent01,#8cd1ff) 60%,transparent) 0,= color-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8c= d1ff) 40%,transparent) 50%,color-mix(in srgb,var(--ws-sys-color-premium-sur= face-container-accent01,#8cd1ff) 10%,transparent) 80%,color-mix(in srgb,var= (--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent)= 100%),var(--gm3-sys-color-surface-container-low,#f8fafd); } .appsElementsWorkspaceRecommendationBannerContentBannerImageV2Small { block= -size: 24px; inline-size: 24px; margin-top: 0px; } .appsElementsWorkspaceRecommendationBannerContentBannerV2.appsElementsWorks= paceRecommendationBannerContentBannerFullBleed .appsElementsWorkspaceRecomm= endationBannerContentBannerImageV2, .appsElementsWorkspaceRecommendationBan= nerContentBannerV2.appsElementsWorkspaceRecommendationBannerContentBannerIn= set .appsElementsWorkspaceRecommendationBannerContentBannerImageV2 { margin= -block: auto; } .appsElementsWorkspaceRecommendationBannerContentOverlineV2 { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color= -on-surface-variant,#444746); align-items: center; display: flex; gap: 8px;= } .appsElementsWorkspaceRecommendationBannerContentOverlineV2:has([class*=3D"= Badge"]) { margin-bottom: 6px; } .appsElementsWorkspaceRecommendationBannerContentOverlineV2ExtraSmall { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; fon= t-weight: 500; letter-spacing: 0px; line-height: 1rem; } .appsElementsWorkspaceRecommendationBannerContentOverlineV2AlertEscalation = { color: var(--gm3-sys-color-on-error-container,#8c1d18); } .appsElementsWorkspaceRecommendationBannerContentOverlineIcon { padding-blo= ck-start: 4px; } .appsElementsWorkspaceRecommendationBannerContentRibbonV2 { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationBannerContentRibbonV2ExtraSmall { font-= family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-= weight: 500; letter-spacing: 0px; line-height: 1rem; } .appsElementsWorkspaceRecommendationBannerContentTitleV2 { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); } .appsElementsWorkspaceRecommendationBannerContentTitleV2ExtraSmall, .appsEl= ementsWorkspaceRecommendationBannerContentTitleV2Small { display: inline; m= argin-inline-end: 4px; } .appsElementsWorkspaceRecommendationBannerContentTitleV2Small { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weigh= t: 700; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationBannerContentTitleV2ExtraSmall { font-f= amily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-w= eight: 500; letter-spacing: 0px; line-height: 1rem; } .appsElementsWorkspaceRecommendationBannerContentTitleWithBadge { align-ite= ms: center; display: inline-flex; gap: 10px; } .appsElementsWorkspaceRecommendationBannerContentDescriptionV2 { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-co= lor-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationBannerContentDescriptionV2Small { displ= ay: inline; } .appsElementsWorkspaceRecommendationBannerContentDescriptionV2ExtraSmall { = font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; = font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; display: i= nline; } :is(.appsElementsWorkspaceRecommendationBannerContentPrimary, .appsElements= WorkspaceRecommendationBannerContentPremiumFeature, .appsElementsWorkspaceR= ecommendationBannerContentSecondary, .appsElementsWorkspaceRecommendationBa= nnerContentTertiary) :is(.appsElementsWorkspaceRecommendationBannerContentT= itleV2, .appsElementsWorkspaceRecommendationBannerContentDescriptionV2, .ap= psElementsWorkspaceRecommendationBannerContentBodyContentActionLink) { colo= r: inherit; } .appsElementsWorkspaceRecommendationBannerContentButton { margin-inline: 4p= x; margin-block: 4px; min-height: fit-content; } .appsElementsWorkspaceRecommendationBannerContentButtonSmall { --gm3-button= -text-container-height: 32px; --gm3-button-filled-container-height: 32px; -= -gm3-button-outlined-container-height: 32px; } .appsElementsWorkspaceRecommendationBannerContentButtonExtraSmall { --gm3-b= utton-text-container-height: 32px; --gm3-button-filled-container-height: 32= px; --gm3-button-outlined-container-height: 32px; padding: 0px 24px; } .appsElementsWorkspaceRecommendationBannerContentNonTextEndButton { margin-= inline-end: 12px; } .appsElementsWorkspaceRecommendationBannerContentButtonAlert { --gm3-button= -text-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-button-te= xt-hover-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-button= -text-pressed-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-b= utton-outlined-label-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-= button-outlined-hover-label-text-color: var(--gm3-sys-color-error,#b3261e);= --gm3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-error,= #b3261e); --gm3-button-outlined-outline-color: var(--gm3-sys-color-outline-= variant,#c4c7c5); } .appsElementsWorkspaceRecommendationBannerContentButtonAlertEscalation { --= gm3-button-text-label-text-color: var(--gm3-sys-color-on-error-container,#8= c1d18); --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-er= ror-container,#8c1d18); --gm3-button-text-pressed-label-text-color: var(--g= m3-sys-color-on-error-container,#8c1d18); --gm3-button-outlined-label-text-= color: var(--gm3-sys-color-on-error-container,#8c1d18); --gm3-button-outlin= ed-hover-label-text-color: var(--gm3-sys-color-on-error-container,#8c1d18);= --gm3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-err= or-container,#8c1d18); --gm3-button-outlined-outline-color: var(--gm3-sys-c= olor-on-error-container,#8c1d18); } .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline { --a= e-genai-generation-gradient: linear-gradient(135deg,#217bfe,#078efb,#ac87eb= ,#217bfe); position: relative; } .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline::befo= re { background: var(--ae-genai-generation-gradient,linear-gradient(135deg,= var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai= -muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9f= f),var(--ws-sys-color-genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline::be= fore { background: var(--ae-genai-generation-gradient,linear-gradient(135de= g,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-gen= ai-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d= 9ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6))); animation: 2.1s = linear 0s infinite normal none running generation-shimmer; } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline::be= fore { background-position: 50% center; background-size: 800% 800%; } } .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline::befo= re { border: 2px solid transparent; border-radius: inherit; content: ""; ma= sk-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size= : ; mask-repeat: ; mask-clip: ; mask-mode: ; inset: 0px; mask-origin: paddi= ng-box; mask-composite: exclude; position: absolute; } .appsElementsWorkspaceRecommendationBannerContentGeminiShimmerOutline { bac= kground-color: var(--gm3-sys-color-surface,#fff); } .appsElementsWorkspaceRecommendationBannerContentDynamicContent { padding-t= op: 12px; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentCopyWrapperSmall { display= : block; } .appsElementsWorkspaceRecommendationBannerContentCopyWrapperExtraSmall { fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; fo= nt-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; display: blo= ck; } .appsElementsWorkspaceRecommendationBannerContentExtraSmallBanner { display= : flex; width: 100%; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions:not(.appsElementsWor= kspaceRecommendationBannerListBannerListItem) .appsElementsWorkspaceRecomme= ndationBannerContentBannerGraphicIconSymbol, .appsElementsWorkspaceRecommen= dationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendationBanner= ContentDoTopAlign:not(.appsElementsWorkspaceRecommendationBannerListBannerL= istItem) .appsElementsWorkspaceRecommendationBannerContentBannerGraphicIcon= Symbol { position: absolute; top: 12px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions .appsElementsWorkspa= ceRecommendationBannerContentOverflowMenu, .appsElementsWorkspaceRecommenda= tionBannerContentBannerInsetInline.appsElementsWorkspaceRecommendationBanne= rContentDoStackActions [data-banner-close-button], .appsElementsWorkspaceRe= commendationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendation= BannerContentDoTopAlign .appsElementsWorkspaceRecommendationBannerContentOv= erflowMenu, .appsElementsWorkspaceRecommendationBannerContentBannerTopAlign= .appsElementsWorkspaceRecommendationBannerContentDoTopAlign [data-banner-cl= ose-button] { --gm3-icon-button-standard-focus-indicator-outline-offset: -2= px; inset-block: 4px auto; inset-inline: auto 4px; position: absolute; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction .appsElementsWorkspaceRecommend= ationBannerContentOverflowMenu, .appsElementsWorkspaceRecommendationBannerC= ontentBannerTopAlign.appsElementsWorkspaceRecommendationBannerContentDoTopA= lign.appsElementsWorkspaceRecommendationBannerContentWithCloseAction .appsE= lementsWorkspaceRecommendationBannerContentOverflowMenu { inset-inline-end:= 56px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationB= annerContentOverflowMenu, .appsElementsWorkspaceRecommendationBannerContent= BannerTopAlign.appsElementsWorkspaceRecommendationBannerContentDoTopAlign.a= ppsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElements= WorkspaceRecommendationBannerContentWithExtraSmallBanner .appsElementsWorks= paceRecommendationBannerContentOverflowMenu { inset-inline-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions [role=3D"region"], .= appsElementsWorkspaceRecommendationBannerContentBannerTopAlign.appsElements= WorkspaceRecommendationBannerContentDoTopAlign [role=3D"region"] { align-it= ems: flex-start; flex-direction: column; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions [role=3D"region"] > = :has(.appsElementsWorkspaceRecommendationBannerContentActionsContainer), .a= ppsElementsWorkspaceRecommendationBannerContentBannerTopAlign.appsElementsW= orkspaceRecommendationBannerContentDoTopAlign [role=3D"region"] > :has(.app= sElementsWorkspaceRecommendationBannerContentActionsContainer) { align-self= : flex-end; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions .appsElementsWorkspa= ceRecommendationBannerContentButton, .appsElementsWorkspaceRecommendationBa= nnerContentBannerTopAlign.appsElementsWorkspaceRecommendationBannerContentD= oTopAlign .appsElementsWorkspaceRecommendationBannerContentButton { margin-= block-end: 12px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions .appsElementsWorkspa= ceRecommendationBannerContentButtonExtraSmall, .appsElementsWorkspaceRecomm= endationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendationBann= erContentDoTopAlign .appsElementsWorkspaceRecommendationBannerContentButton= ExtraSmall { margin-inline: 4px; margin-block: 4px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceReco= mmendationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendati= onBannerContentBannerTopAlign.appsElementsWorkspaceRecommendationBannerCont= entDoTopAlign.appsElementsWorkspaceRecommendationBannerContentWithExtraSmal= lBanner .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 {= margin: 4px 0px; min-height: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions .appsElementsWorkspa= ceRecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRecomm= endationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendationBann= erContentDoTopAlign .appsElementsWorkspaceRecommendationBannerContentConten= tWrapperV2 { padding-inline-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithBannerImage .appsElementsWorkspaceRecommend= ationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendationBan= nerContentBannerTopAlign.appsElementsWorkspaceRecommendationBannerContentDo= TopAlign.appsElementsWorkspaceRecommendationBannerContentWithBannerImage .a= ppsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-i= nline-end: 16px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction .appsElementsWorkspaceRecommend= ationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendationBan= nerContentBannerInsetInline.appsElementsWorkspaceRecommendationBannerConten= tDoStackActions.appsElementsWorkspaceRecommendationBannerContentWithOverflo= wMenu .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2, .a= ppsElementsWorkspaceRecommendationBannerContentBannerTopAlign.appsElementsW= orkspaceRecommendationBannerContentDoTopAlign.appsElementsWorkspaceRecommen= dationBannerContentWithCloseAction .appsElementsWorkspaceRecommendationBann= erContentContentWrapperV2, .appsElementsWorkspaceRecommendationBannerConten= tBannerTopAlign.appsElementsWorkspaceRecommendationBannerContentDoTopAlign.= appsElementsWorkspaceRecommendationBannerContentWithOverflowMenu .appsEleme= ntsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-inline-en= d: 56px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationB= annerContentContentWrapperV2, .appsElementsWorkspaceRecommendationBannerCon= tentBannerInsetInline.appsElementsWorkspaceRecommendationBannerContentDoSta= ckActions.appsElementsWorkspaceRecommendationBannerContentWithOverflowMenu.= appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsE= lementsWorkspaceRecommendationBannerContentContentWrapperV2, .appsElementsW= orkspaceRecommendationBannerContentBannerTopAlign.appsElementsWorkspaceReco= mmendationBannerContentDoTopAlign.appsElementsWorkspaceRecommendationBanner= ContentWithCloseAction.appsElementsWorkspaceRecommendationBannerContentWith= ExtraSmallBanner .appsElementsWorkspaceRecommendationBannerContentContentWr= apperV2, .appsElementsWorkspaceRecommendationBannerContentBannerTopAlign.ap= psElementsWorkspaceRecommendationBannerContentDoTopAlign.appsElementsWorksp= aceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecomme= ndationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendati= onBannerContentContentWrapperV2 { padding-inline-end: 50px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithBannerImage .appsElementsWorkspaceRecommendationBanner= ContentContentWrapperV2, .appsElementsWorkspaceRecommendationBannerContentB= annerInsetInline.appsElementsWorkspaceRecommendationBannerContentDoStackAct= ions.appsElementsWorkspaceRecommendationBannerContentWithOverflowMenu.appsE= lementsWorkspaceRecommendationBannerContentWithBannerImage .appsElementsWor= kspaceRecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRe= commendationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendation= BannerContentDoTopAlign.appsElementsWorkspaceRecommendationBannerContentWit= hCloseAction.appsElementsWorkspaceRecommendationBannerContentWithBannerImag= e .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2, .appsE= lementsWorkspaceRecommendationBannerContentBannerTopAlign.appsElementsWorks= paceRecommendationBannerContentDoTopAlign.appsElementsWorkspaceRecommendati= onBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBannerCo= ntentWithBannerImage .appsElementsWorkspaceRecommendationBannerContentConte= ntWrapperV2 { padding-inline-end: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithBannerImage.appsElementsWorkspaceRecommendationBannerC= ontentWithExtraSmallBanner .appsElementsWorkspaceRecommendationBannerConten= tContentWrapperV2, .appsElementsWorkspaceRecommendationBannerContentBannerI= nsetInline.appsElementsWorkspaceRecommendationBannerContentDoStackActions.a= ppsElementsWorkspaceRecommendationBannerContentWithOverflowMenu.appsElement= sWorkspaceRecommendationBannerContentWithBannerImage.appsElementsWorkspaceR= ecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecomm= endationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendation= BannerContentBannerTopAlign.appsElementsWorkspaceRecommendationBannerConten= tDoTopAlign.appsElementsWorkspaceRecommendationBannerContentWithCloseAction= .appsElementsWorkspaceRecommendationBannerContentWithBannerImage.appsElemen= tsWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsElementsWor= kspaceRecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRe= commendationBannerContentBannerTopAlign.appsElementsWorkspaceRecommendation= BannerContentDoTopAlign.appsElementsWorkspaceRecommendationBannerContentWit= hOverflowMenu.appsElementsWorkspaceRecommendationBannerContentWithBannerIma= ge.appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner .ap= psElementsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-in= line-end: 34px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithOverflowMenu .appsElementsWorkspaceRecommendationBanne= rContentContentWrapperV2, .appsElementsWorkspaceRecommendationBannerContent= BannerTopAlign.appsElementsWorkspaceRecommendationBannerContentDoTopAlign.a= ppsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElements= WorkspaceRecommendationBannerContentWithOverflowMenu .appsElementsWorkspace= RecommendationBannerContentContentWrapperV2 { padding-inline-end: 108px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBanner= ContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationBannerConte= ntContentWrapperV2, .appsElementsWorkspaceRecommendationBannerContentBanner= TopAlign.appsElementsWorkspaceRecommendationBannerContentDoTopAlign.appsEle= mentsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorksp= aceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecomme= ndationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendati= onBannerContentContentWrapperV2 { padding-inline-end: 78px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBanner= ContentWithBannerImage .appsElementsWorkspaceRecommendationBannerContentCon= tentWrapperV2, .appsElementsWorkspaceRecommendationBannerContentBannerTopAl= ign.appsElementsWorkspaceRecommendationBannerContentDoTopAlign.appsElements= WorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRe= commendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendati= onBannerContentWithBannerImage .appsElementsWorkspaceRecommendationBannerCo= ntentContentWrapperV2 { padding-inline-end: 92px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsElem= entsWorkspaceRecommendationBannerContentDoStackActions.appsElementsWorkspac= eRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommenda= tionBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBanner= ContentWithBannerImage.appsElementsWorkspaceRecommendationBannerContentWith= ExtraSmallBanner .appsElementsWorkspaceRecommendationBannerContentContentWr= apperV2, .appsElementsWorkspaceRecommendationBannerContentBannerTopAlign.ap= psElementsWorkspaceRecommendationBannerContentDoTopAlign.appsElementsWorksp= aceRecommendationBannerContentWithCloseAction.appsElementsWorkspaceRecommen= dationBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBann= erContentWithBannerImage.appsElementsWorkspaceRecommendationBannerContentWi= thExtraSmallBanner .appsElementsWorkspaceRecommendationBannerContentContent= WrapperV2 { padding-inline-end: 62px; } .appsElementsWorkspaceRecommendationBannerContentBannerV2 { white-space: no= rmal; } .appsElementsWorkspaceRecommendationBannerContentBannerV2 .appsElementsWork= spaceRecommendationBannerContentCloseButton::before { left: 0px; top: 0px; = } .appsElementsWorkspaceRecommendationBannerContentBannerV2 .appsElementsWork= spaceRecommendationBannerContentCloseButton .materialdesignWizIconSvgsSvgIc= on { margin: auto; padding: initial; } :is(.appsElementsWorkspaceRecommendationBannerContentBanner, .appsElementsW= orkspaceRecommendationBannerContentBannerV2) .appsElementsWorkspaceRecommen= dationBannerContentButtonExtraSmall, :is(.appsElementsWorkspaceRecommendati= onBannerContentBanner, .appsElementsWorkspaceRecommendationBannerContentBan= nerV2) .appsElementsWorkspaceRecommendationBannerContentButtonSmall { margi= n-inline: 4px; margin-block: 4px; } @container (width < 640px) { .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline:not(.a= ppsElementsWorkspaceRecommendationBannerListBannerListItem) .appsElementsWo= rkspaceRecommendationBannerContentBannerGraphicIconSymbol { position: absol= ute; top: 12px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline .appsE= lementsWorkspaceRecommendationBannerContentOverflowMenu, .appsElementsWorks= paceRecommendationBannerContentBannerInsetInline [data-banner-close-button]= { --gm3-icon-button-standard-focus-indicator-outline-offset: -2px; inset-b= lock: 4px auto; inset-inline: auto 4px; position: absolute; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction .appsElementsWork= spaceRecommendationBannerContentOverflowMenu { inset-inline-end: 56px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceR= ecommendationBannerContentOverflowMenu { inset-inline-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline [role= =3D"region"] { align-items: flex-start; flex-direction: column; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline [role= =3D"region"] > :has(.appsElementsWorkspaceRecommendationBannerContentAction= sContainer) { align-self: flex-end; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline .appsE= lementsWorkspaceRecommendationBannerContentButton { margin-block-end: 12px;= } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline .appsE= lementsWorkspaceRecommendationBannerContentButtonExtraSmall { margin-inline= : 4px; margin-block: 4px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsElement= sWorkspaceRecommendationBannerContentContentWrapperV2 { margin: 4px 0px; mi= n-height: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline .appsE= lementsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-inlin= e-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithBannerImage .appsElementsWork= spaceRecommendationBannerContentContentWrapperV2 { padding-inline-end: 16px= ; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction .appsElementsWork= spaceRecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRec= ommendationBannerContentBannerInsetInline.appsElementsWorkspaceRecommendati= onBannerContentWithOverflowMenu .appsElementsWorkspaceRecommendationBannerC= ontentContentWrapperV2 { padding-inline-end: 56px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceR= ecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommend= ationBannerContentBannerInsetInline.appsElementsWorkspaceRecommendationBann= erContentWithOverflowMenu.appsElementsWorkspaceRecommendationBannerContentW= ithExtraSmallBanner .appsElementsWorkspaceRecommendationBannerContentConten= tWrapperV2 { padding-inline-end: 50px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithBannerImage .appsElementsWorkspaceRecomm= endationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendation= BannerContentBannerInsetInline.appsElementsWorkspaceRecommendationBannerCon= tentWithOverflowMenu.appsElementsWorkspaceRecommendationBannerContentWithBa= nnerImage .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2= { padding-inline-end: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithBannerImage.appsElementsWorkspaceRecomme= ndationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendati= onBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendationBanner= ContentBannerInsetInline.appsElementsWorkspaceRecommendationBannerContentWi= thOverflowMenu.appsElementsWorkspaceRecommendationBannerContentWithBannerIm= age.appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner .a= ppsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-i= nline-end: 34px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithOverflowMenu .appsElementsWorkspaceRecom= mendationBannerContentContentWrapperV2 { padding-inline-end: 108px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecomm= endationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendat= ionBannerContentContentWrapperV2 { padding-inline-end: 78px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecomm= endationBannerContentWithBannerImage .appsElementsWorkspaceRecommendationBa= nnerContentContentWrapperV2 { padding-inline-end: 92px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInline.appsEl= ementsWorkspaceRecommendationBannerContentWithCloseAction.appsElementsWorks= paceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspaceRecomm= endationBannerContentWithBannerImage.appsElementsWorkspaceRecommendationBan= nerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationBannerCo= ntentContentWrapperV2 { padding-inline-end: 62px; } } @container (width < 480px) { .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow:= not(.appsElementsWorkspaceRecommendationBannerListBannerListItem) .appsElem= entsWorkspaceRecommendationBannerContentBannerGraphicIconSymbol { position:= absolute; top: 12px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = .appsElementsWorkspaceRecommendationBannerContentOverflowMenu, .appsElement= sWorkspaceRecommendationBannerContentBannerInsetInlineNarrow [data-banner-c= lose-button] { --gm3-icon-button-standard-focus-indicator-outline-offset: -= 2px; inset-block: 4px auto; inset-inline: auto 4px; position: absolute; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction .appsElemen= tsWorkspaceRecommendationBannerContentOverflowMenu { inset-inline-end: 56px= ; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsElementsWork= spaceRecommendationBannerContentOverflowMenu { inset-inline-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = [role=3D"region"] { align-items: flex-start; flex-direction: column; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = [role=3D"region"] > :has(.appsElementsWorkspaceRecommendationBannerContentA= ctionsContainer) { align-self: flex-end; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = .appsElementsWorkspaceRecommendationBannerContentButton { margin-block-end:= 12px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = .appsElementsWorkspaceRecommendationBannerContentButtonExtraSmall { margin-= inline: 4px; margin-block: 4px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsE= lementsWorkspaceRecommendationBannerContentContentWrapperV2 { margin: 4px 0= px; min-height: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow = .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 { padding= -inline-end: 32px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithBannerImage .appsElemen= tsWorkspaceRecommendationBannerContentContentWrapperV2 { padding-inline-end= : 16px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction .appsElemen= tsWorkspaceRecommendationBannerContentContentWrapperV2, .appsElementsWorksp= aceRecommendationBannerContentBannerInsetInlineNarrow.appsElementsWorkspace= RecommendationBannerContentWithOverflowMenu .appsElementsWorkspaceRecommend= ationBannerContentContentWrapperV2 { padding-inline-end: 56px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithExtraSmallBanner .appsElementsWork= spaceRecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRec= ommendationBannerContentBannerInsetInlineNarrow.appsElementsWorkspaceRecomm= endationBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBa= nnerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationBannerC= ontentContentWrapperV2 { padding-inline-end: 50px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithBannerImage .appsElementsWorkspace= RecommendationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommen= dationBannerContentBannerInsetInlineNarrow.appsElementsWorkspaceRecommendat= ionBannerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBannerC= ontentWithBannerImage .appsElementsWorkspaceRecommendationBannerContentCont= entWrapperV2 { padding-inline-end: 40px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithBannerImage.appsElementsWorkspaceR= ecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecomm= endationBannerContentContentWrapperV2, .appsElementsWorkspaceRecommendation= BannerContentBannerInsetInlineNarrow.appsElementsWorkspaceRecommendationBan= nerContentWithOverflowMenu.appsElementsWorkspaceRecommendationBannerContent= WithBannerImage.appsElementsWorkspaceRecommendationBannerContentWithExtraSm= allBanner .appsElementsWorkspaceRecommendationBannerContentContentWrapperV2= { padding-inline-end: 34px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithOverflowMenu .appsElementsWorkspac= eRecommendationBannerContentContentWrapperV2 { padding-inline-end: 108px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspace= RecommendationBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecom= mendationBannerContentContentWrapperV2 { padding-inline-end: 78px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspace= RecommendationBannerContentWithBannerImage .appsElementsWorkspaceRecommenda= tionBannerContentContentWrapperV2 { padding-inline-end: 92px; } .appsElementsWorkspaceRecommendationBannerContentBannerInsetInlineNarrow.= appsElementsWorkspaceRecommendationBannerContentWithCloseAction.appsElement= sWorkspaceRecommendationBannerContentWithOverflowMenu.appsElementsWorkspace= RecommendationBannerContentWithBannerImage.appsElementsWorkspaceRecommendat= ionBannerContentWithExtraSmallBanner .appsElementsWorkspaceRecommendationBa= nnerContentContentWrapperV2 { padding-inline-end: 62px; } } .appsElementsWorkspaceRecommendationBannerListBannerListNeutral .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElements= WorkspaceRecommendationBannerListBannerListNeutral .appsElementsWorkspaceRe= commendationBannerListBannerListHeaderContainer { --leFxrb: var(--ae-banner= -container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb:= var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)= ); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-= surface-variant,#444746)); --gm3-icon-button-standard-unselected-icon-color= : var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner= -text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-bu= tton-standard-unselected-focus-icon-color: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hover-s= tate-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --gm3-icon-button-standard-unselected-pressed-state-lay= er-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-action-colo= r,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text= -color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0));= --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color,var= (--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-co= lor: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --= gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color,var(-= -gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-col= or: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --g= m3-button-filled-container-color: var(--ae-banner-button-filled-container-c= olor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-= color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-prim= ary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-banner-but= ton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-f= illed-focus-label-text-color: var(--ae-banner-button-filled-text-color,var(= --gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-c= olor: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-prima= ry,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-banner-but= ton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-f= illed-pressed-state-layer-color: var(--ae-banner-button-filled-text-color,v= ar(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerListBannerListNeutral .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer:link, .appsEle= mentsWorkspaceRecommendationBannerListBannerListNeutral .appsElementsWorksp= aceRecommendationBannerListBannerListHeaderContainer:link { color: var(--ae= -banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decorat= ion: underline; } .appsElementsWorkspaceRecommendationBannerListBannerListNeutral .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElements= WorkspaceRecommendationBannerListBannerListNeutral .appsElementsWorkspaceRe= commendationBannerListBannerListHeaderContainer { --ae-banner-action-color:= var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-container-= color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-text= -color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-container-color: = var(--gm3-sys-color-surface,#fff); --ae-banner-text-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --ae-banner-text-link-color: var(--gm3-sys= -color-primary,#0b57d0); --gm3-button-text-label-text-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-button-text-with-icon-icon-color: = var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-text-with-ico= n-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); backgr= ound-color: var(--gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-o= n-surface-variant,#444746); } .appsElementsWorkspaceRecommendationBannerListBannerListNeutral .appsElemen= tsWorkspaceRecommendationBannerListBannerIconWithBackground { background-co= lor: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 16%,transparent= ); border-radius: 12px; color: var(--gm3-sys-color-on-surface-variant,#4447= 46); fill: var(--gm3-sys-color-on-surface-variant,#444746); height: 40px; o= verflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerListBannerListNeutral .appsElemen= tsWorkspaceRecommendationBannerListBannerIconWithBackground .appsElementsWo= rkspaceRecommendationBannerContentBannerGraphicIconSymbol { align-items: ce= nter; display: flex; height: 100%; justify-content: center; width: 100%; } .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .a= ppsElementsWorkspaceRecommendationBannerListBannerListFooterContainer, .app= sElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .appsE= lementsWorkspaceRecommendationBannerListBannerListHeaderContainer { --leFxr= b: var(--ae-banner-container-color,var(--gm3-sys-color-surface-container,#f= 0f4f9)); --BK3ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-col= or-on-surface-variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-hover-icon-colo= r: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banne= r-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-b= utton-standard-unselected-pressed-icon-color: var(--ae-banner-text-color,va= r(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-= unselected-hover-state-layer-color: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -pressed-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-button-text-label-text-color: var(--ae-= banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-tex= t-hover-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-= primary,#0b57d0)); --gm3-button-text-focus-label-text-color: var(--ae-banne= r-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pre= ssed-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-hover-state-layer-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-press= ed-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-prim= ary,#0b57d0)); --gm3-button-filled-container-color: var(--ae-banner-button-= filled-container-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-= filled-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3= -sys-color-on-primary,#fff)); --gm3-button-filled-hover-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-focus-label-text-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pr= essed-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); --gm3-button-filled-hover-state-layer-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-pressed-state-layer-color: var(--ae-banner-button-f= illed-text-color,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .a= ppsElementsWorkspaceRecommendationBannerListBannerListFooterContainer:link,= .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .= appsElementsWorkspaceRecommendationBannerListBannerListHeaderContainer:link= { color: var(--ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57= d0)); text-decoration: underline; } .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .a= ppsElementsWorkspaceRecommendationBannerListBannerListFooterContainer, .app= sElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .appsE= lementsWorkspaceRecommendationBannerListBannerListHeaderContainer { --ae-ba= nner-action-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button= -filled-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-= button-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner= -container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --ae-bann= er-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --ae-banner= -text-link-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-text-l= abel-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-but= ton-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); background-color: var(--gm3-sys-color-surface-cont= ainer,#f0f4f9); color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .a= ppsElementsWorkspaceRecommendationBannerListBannerIconWithBackground { back= ground-color: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 16%,tr= ansparent); border-radius: 12px; color: var(--gm3-sys-color-on-surface-vari= ant,#444746); fill: var(--gm3-sys-color-on-surface-variant,#444746); height= : 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerListBannerListSurfaceContainer .a= ppsElementsWorkspaceRecommendationBannerListBannerIconWithBackground .appsE= lementsWorkspaceRecommendationBannerContentBannerGraphicIconSymbol { align-= items: center; display: flex; height: 100%; justify-content: center; width:= 100%; } .appsElementsWorkspaceRecommendationBannerListBannerListPrimary .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElements= WorkspaceRecommendationBannerListBannerListPrimary .appsElementsWorkspaceRe= commendationBannerListBannerListHeaderContainer { --leFxrb: var(--ae-banner= -container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb:= var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)= ); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-vari= ant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-= surface-variant,#444746)); --gm3-icon-button-standard-unselected-icon-color= : var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner= -text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-bu= tton-standard-unselected-focus-icon-color: var(--ae-banner-text-color,var(-= -gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-uns= elected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hover-s= tate-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --gm3-icon-button-standard-unselected-pressed-state-lay= er-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-action-colo= r,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text= -color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0));= --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color,var= (--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-co= lor: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --= gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color,var(-= -gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-col= or: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --g= m3-button-filled-container-color: var(--ae-banner-button-filled-container-c= olor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-= color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-prim= ary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-banner-but= ton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-f= illed-focus-label-text-color: var(--ae-banner-button-filled-text-color,var(= --gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-c= olor: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-prima= ry,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-banner-but= ton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-f= illed-pressed-state-layer-color: var(--ae-banner-button-filled-text-color,v= ar(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerListBannerListPrimary .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer:link, .appsEle= mentsWorkspaceRecommendationBannerListBannerListPrimary .appsElementsWorksp= aceRecommendationBannerListBannerListHeaderContainer:link { color: var(--ae= -banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decorat= ion: underline; } .appsElementsWorkspaceRecommendationBannerListBannerListPrimary .appsElemen= tsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElements= WorkspaceRecommendationBannerListBannerListPrimary .appsElementsWorkspaceRe= commendationBannerListBannerListHeaderContainer { --ae-banner-action-color:= var(--gm3-sys-color-on-primary-container,#0842a0); --ae-banner-button-fill= ed-container-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-butto= n-filled-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-cont= ainer-color: var(--gm3-sys-color-primary-container,#d3e3fd); --ae-banner-te= xt-color: var(--gm3-sys-color-on-primary-container,#0842a0); --ae-banner-te= xt-link-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-but= ton-text-label-text-color: var(--gm3-sys-color-on-primary-container,#0842a0= ); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-primary-c= ontainer,#0842a0); --gm3-button-text-with-icon-hover-icon-color: var(--gm3-= sys-color-on-primary-container,#0842a0); background-color: var(--gm3-sys-co= lor-primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-conta= iner,#0842a0); } .appsElementsWorkspaceRecommendationBannerListBannerListPrimary .appsElemen= tsWorkspaceRecommendationBannerListBannerIconWithBackground { background-co= lor: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 16%,transparent= ); border-radius: 12px; color: var(--gm3-sys-color-on-primary-container,#08= 42a0); fill: var(--gm3-sys-color-on-primary-container,#0842a0); height: 40p= x; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerListBannerListPrimary .appsElemen= tsWorkspaceRecommendationBannerListBannerIconWithBackground .appsElementsWo= rkspaceRecommendationBannerContentBannerGraphicIconSymbol { align-items: ce= nter; display: flex; height: 100%; justify-content: center; width: 100%; } .appsElementsWorkspaceRecommendationBannerListBannerListSecondary .appsElem= entsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElemen= tsWorkspaceRecommendationBannerListBannerListSecondary .appsElementsWorkspa= ceRecommendationBannerListBannerListHeaderContainer { --leFxrb: var(--ae-ba= nner-container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3= ddb: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444= 746)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-= variant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color= -on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-icon-c= olor: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-ba= nner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-ico= n-button-standard-unselected-focus-icon-color: var(--ae-banner-text-color,v= ar(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard= -unselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-co= lor-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hov= er-state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-sur= face-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-state= -layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-var= iant,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-action-= color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-= text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d= 0)); --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color= ,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-tex= t-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0))= ; --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color,v= ar(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer= -color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0));= --gm3-button-filled-container-color: var(--ae-banner-button-filled-contain= er-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-t= ext-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-= primary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-banner= -button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-butt= on-filled-focus-label-text-color: var(--ae-banner-button-filled-text-color,= var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-label-te= xt-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-p= rimary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-banner= -button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-butt= on-filled-pressed-state-layer-color: var(--ae-banner-button-filled-text-col= or,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerListBannerListSecondary .appsElem= entsWorkspaceRecommendationBannerListBannerListFooterContainer:link, .appsE= lementsWorkspaceRecommendationBannerListBannerListSecondary .appsElementsWo= rkspaceRecommendationBannerListBannerListHeaderContainer:link { color: var(= --ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-dec= oration: underline; } .appsElementsWorkspaceRecommendationBannerListBannerListSecondary .appsElem= entsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElemen= tsWorkspaceRecommendationBannerListBannerListSecondary .appsElementsWorkspa= ceRecommendationBannerListBannerListHeaderContainer { --ae-banner-action-co= lor: var(--gm3-sys-color-on-secondary-container,#004a77); --ae-banner-butto= n-filled-container-color: var(--gm3-sys-color-secondary,#00639b); --ae-bann= er-button-filled-text-color: var(--gm3-sys-color-on-secondary,#fff); --ae-b= anner-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff); --= ae-banner-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); = --ae-banner-text-link-color: var(--gm3-sys-color-on-secondary-container,#00= 4a77); --gm3-button-text-label-text-color: var(--gm3-sys-color-on-secondary= -container,#004a77); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-= color-on-secondary-container,#004a77); --gm3-button-text-with-icon-hover-ic= on-color: var(--gm3-sys-color-on-secondary-container,#004a77); background-c= olor: var(--gm3-sys-color-secondary-container,#c2e7ff); color: var(--gm3-sy= s-color-on-secondary-container,#004a77); } .appsElementsWorkspaceRecommendationBannerListBannerListSecondary .appsElem= entsWorkspaceRecommendationBannerListBannerIconWithBackground { background-= color: color-mix(in srgb,var(--gm3-sys-color-secondary,#00639b) 16%,transpa= rent); border-radius: 12px; color: var(--gm3-sys-color-on-secondary-contain= er,#004a77); fill: var(--gm3-sys-color-on-secondary-container,#004a77); hei= ght: 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerListBannerListSecondary .appsElem= entsWorkspaceRecommendationBannerListBannerIconWithBackground .appsElements= WorkspaceRecommendationBannerContentBannerGraphicIconSymbol { align-items: = center; display: flex; height: 100%; justify-content: center; width: 100%; = } .appsElementsWorkspaceRecommendationBannerListBannerListTertiary .appsEleme= ntsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElement= sWorkspaceRecommendationBannerListBannerListTertiary .appsElementsWorkspace= RecommendationBannerListBannerListHeaderContainer { --leFxrb: var(--ae-bann= er-container-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3dd= b: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --nHWRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-va= riant,#444746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-o= n-surface-variant,#444746)); --gm3-icon-button-standard-unselected-icon-col= or: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#4447= 46)); --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-bann= er-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-= button-standard-unselected-focus-icon-color: var(--ae-banner-text-color,var= (--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-u= nselected-pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-colo= r-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-hover= -state-layer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-state-l= ayer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varia= nt,#444746)); --gm3-button-text-label-text-color: var(--ae-banner-action-co= lor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-te= xt-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)= ); --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color,v= ar(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-= color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); = --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color,var= (--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-c= olor: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); -= -gm3-button-filled-container-color: var(--ae-banner-button-filled-container= -color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-tex= t-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-pr= imary,#fff)); --gm3-button-filled-hover-label-text-color: var(--ae-banner-b= utton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button= -filled-focus-label-text-color: var(--ae-banner-button-filled-text-color,va= r(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-label-text= -color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-pri= mary,#fff)); --gm3-button-filled-hover-state-layer-color: var(--ae-banner-b= utton-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button= -filled-pressed-state-layer-color: var(--ae-banner-button-filled-text-color= ,var(--gm3-sys-color-on-primary,#fff)); } .appsElementsWorkspaceRecommendationBannerListBannerListTertiary .appsEleme= ntsWorkspaceRecommendationBannerListBannerListFooterContainer:link, .appsEl= ementsWorkspaceRecommendationBannerListBannerListTertiary .appsElementsWork= spaceRecommendationBannerListBannerListHeaderContainer:link { color: var(--= ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decor= ation: underline; } .appsElementsWorkspaceRecommendationBannerListBannerListTertiary .appsEleme= ntsWorkspaceRecommendationBannerListBannerListFooterContainer, .appsElement= sWorkspaceRecommendationBannerListBannerListTertiary .appsElementsWorkspace= RecommendationBannerListBannerListHeaderContainer { --ae-banner-action-colo= r: var(--gm3-sys-color-on-tertiary-container,#0f5223); --ae-banner-button-f= illed-container-color: var(--gm3-sys-color-tertiary,#146c2e); --ae-banner-b= utton-filled-text-color: var(--gm3-sys-color-on-tertiary,#fff); --ae-banner= -container-color: var(--gm3-sys-color-tertiary-container,#c4eed0); --ae-ban= ner-text-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); --ae-ba= nner-text-link-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); -= -gm3-button-text-label-text-color: var(--gm3-sys-color-on-tertiary-containe= r,#0f5223); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-= tertiary-container,#0f5223); --gm3-button-text-with-icon-hover-icon-color: = var(--gm3-sys-color-on-tertiary-container,#0f5223); background-color: var(-= -gm3-sys-color-tertiary-container,#c4eed0); color: var(--gm3-sys-color-on-t= ertiary-container,#0f5223); } .appsElementsWorkspaceRecommendationBannerListBannerListTertiary .appsEleme= ntsWorkspaceRecommendationBannerListBannerIconWithBackground { background-c= olor: color-mix(in srgb,var(--gm3-sys-color-tertiary,#146c2e) 16%,transpare= nt); border-radius: 12px; color: var(--gm3-sys-color-on-tertiary-container,= #0f5223); fill: var(--gm3-sys-color-on-tertiary-container,#0f5223); height:= 40px; overflow: hidden; width: 40px; } .appsElementsWorkspaceRecommendationBannerListBannerListTertiary .appsEleme= ntsWorkspaceRecommendationBannerListBannerIconWithBackground .appsElementsW= orkspaceRecommendationBannerContentBannerGraphicIconSymbol { align-items: c= enter; display: flex; height: 100%; justify-content: center; width: 100%; } .appsElementsWorkspaceRecommendationBannerListBannerListCollapse, .appsElem= entsWorkspaceRecommendationBannerListBannerListExpand, .appsElementsWorkspa= ceRecommendationBannerListBannerListPrimaryActionButton { --gm3-button-text= -container-height: 32px; } .appsElementsWorkspaceRecommendationBannerListBannerListPrimaryActionButton= { margin: -4px; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer { display= : flex; flex-direction: column; gap: 2px; overflow: hidden; transition: hei= ght 0.5s ease-in-out; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer .appsElem= entsWorkspaceRecommendationBannerListBannerListItem { border-width: medium;= border-style: none; border-color: currentcolor; border-image: none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"] .appsElementsWorkspaceRecommendationBannerListBannerListCol= lapse, .appsElementsWorkspaceRecommendationBannerListBannerListContainer[ar= ia-expanded=3D"true"] .appsElementsWorkspaceRecommendationBannerListBannerL= istExpand { display: none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"1"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+2) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"2"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+3) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"3"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+4) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"4"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+5) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"5"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+6) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"6"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+7) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"7"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+8) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListContainer[aria-expa= nded=3D"false"][data-shown-collapsed-banners=3D"8"] .appsElementsWorkspaceR= ecommendationBannerListBannerListItemContainer > :nth-child(n+9) { display:= none; } .appsElementsWorkspaceRecommendationBannerListBannerListFooterContainer { p= adding: 0px 8px; } .appsElementsWorkspaceRecommendationBannerListBannerListHeader { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weig= ht: 500; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationBannerListBannerListHeaderContainer { a= lign-items: center; border-top-left-radius: 16px; border-top-right-radius: = 16px; display: flex; gap: 8px; justify-content: start; padding: 12px 16px; = } .appsElementsWorkspaceRecommendationBannerListBannerListHeaderIconContainer= { margin-block-end: -4px; } .appsElementsWorkspaceRecommendationBannerListBannerListHeaderTextContainer= { display: flex; flex-direction: column; flex-grow: 1; } .appsElementsWorkspaceRecommendationBannerListBannerListItem { border-radiu= s: 4px; } .appsElementsWorkspaceRecommendationBannerListBannerListItem .appsElementsW= orkspaceRecommendationBannerContentTitleV2 { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spac= ing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationBannerListBannerListItemContainer { dis= play: flex; flex-direction: column; gap: 2px; max-height: 50vh; overflow-y:= auto; } .appsElementsWorkspaceRecommendationBannerListBannerListFooterContainer, .a= ppsElementsWorkspaceRecommendationBannerListBannerListItemContainer > :nth-= child(-n+2):last-child .appsElementsWorkspaceRecommendationBannerListBanner= ListItem { border-bottom-left-radius: 16px; border-bottom-right-radius: 16p= x; } .appsElementsWorkspaceRecommendationBannerListBannerListProgress { --EkrYwf= : 24px; --yPTsAb: var(--gm3-sys-color-tertiary,#146c2e); --XJrZW: 1px; --Se= wh0e: var(--gm3-sys-color-surface-container-highest,#dde3ea); height: 1.5re= m; transform: scale(0.833333); } .appsElementsWorkspaceRecommendationBannerListBannerListSubtitle { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 400; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceButtonActionRecommendationButtonActionContainer .apps= ElementsWorkspaceButtonActionBaseline { line-height: 1.25rem; } .appsElementsWorkspaceButtonActionBadgeButtonContainer { position: relative= ; display: inline-flex; align-items: center; } .appsElementsWorkspaceButtonActionBadgeButtonContainer .appsElementsWorkspa= ceButtonActionChip + .appsElementsWorkspaceButtonActionButtonBadge { inset-= inline-end: 8px; } .appsElementsWorkspaceButtonActionBadgeButtonContainerFullWidth { display: = flex; inline-size: 100%; } .appsElementsWorkspaceButtonActionBadgeButtonContainerFullWidth .appsElemen= tsWorkspaceButtonActionTooltipWrapper { display: flex; flex: 1 1 0%; min-in= line-size: 0px; inline-size: 100%; } .appsElementsWorkspaceButtonActionBadgeButtonContainerPill { max-inline-siz= e: 100%; } .appsElementsWorkspaceButtonActionBadgeButtonContainerPill > :not(.appsElem= entsWorkspaceButtonActionButtonBadge) { min-inline-size: 0px; } .appsElementsWorkspaceButtonActionBadgeButtonContainerPill .appsElementsWor= kspaceButtonActionPillButton { max-inline-size: 100%; } .appsElementsWorkspaceButtonActionButtonBadge { position: absolute; inset-i= nline-end: 12px; top: 50%; transform: translateY(-50%); pointer-events: non= e; display: flex; align-items: center; justify-content: flex-end; inline-si= ze: auto; z-index: 1; } .appsElementsWorkspaceButtonActionWithTrailingBadge { padding-inline-end: v= ar(--ae-recommendation-button-action-trailing-space,80px); } .appsElementsWorkspaceButtonActionPepGlobalButton { --gm3-button-filled-ton= al-container-color: var(--gm3-sys-color-primary-container,#d3e3fd); --gm3-b= utton-filled-tonal-container-min-width: 108px; --gm3-button-filled-tonal-la= bel-text-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-bu= tton-filled-tonal-label-text-weight: 500; --gm3-button-filled-tonal-label-t= ext-font: "Google Sans"; --gm3-button-filled-tonal-label-text-size: 0.875re= m; --gm3-button-filled-tonal-label-text-tracking: 0rem; --gm3-button-filled= -tonal-with-icon-icon-label-space: 4px; --gm3-button-filled-tonal-with-icon= -icon-size: 24px; --gm3-button-filled-tonal-container-shape-start-start: 28= px; --gm3-button-filled-tonal-container-shape-start-end: 28px; --gm3-button= -filled-tonal-container-shape-end-end: 28px; --gm3-button-filled-tonal-cont= ainer-shape-end-start: 28px; --gm3-button-filled-tonal-pressed-container-sh= ape-start-start: 28px; --gm3-button-filled-tonal-pressed-container-shape-st= art-end: 28px; --gm3-button-filled-tonal-pressed-container-shape-end-end: 2= 8px; --gm3-button-filled-tonal-pressed-container-shape-end-start: 28px; dis= play: flex; inline-size: 100%; justify-content: center; font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; = letter-spacing: 0px; line-height: 1.25rem; margin: 0px; } .appsElementsWorkspaceButtonActionLeftNavButton { --gm3-button-filled-tonal= -container-color: transparent; --gm3-button-filled-tonal-container-elevatio= n: 0; --gm3-button-filled-tonal-container-height: 32px; --gm3-button-filled= -tonal-container-justify-content: flex-start; --gm3-button-filled-tonal-foc= us-container-elevation: 0; --gm3-button-filled-tonal-hover-container-elevat= ion: 0; --gm3-button-filled-tonal-hover-label-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-button-filled-tonal-label-text-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-button-filled-tonal= -label-text-font: "Google Sans"; --gm3-button-filled-tonal-label-text-size:= 0.875rem; --gm3-button-filled-tonal-label-text-weight: 500; --gm3-button-f= illed-tonal-leading-space: 16px; --gm3-button-filled-tonal-pressed-containe= r-elevation: 0; --gm3-button-filled-tonal-trailing-space: 12px; --gm3-butto= n-filled-tonal-hover-state-layer-color: var(--gm3-sys-color-on-surface-vari= ant,#444746); --gm3-button-filled-tonal-with-icon-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-button-filled-tonal-with-icon-hov= er-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-butto= n-filled-tonal-with-icon-icon-label-space: 18px; --gm3-button-filled-tonal-= with-leading-icon-leading-space: 16px; --gm3-button-filled-tonal-with-leadi= ng-icon-trailing-space: 12px; --gm3-button-filled-tonal-container-shape-sta= rt-start: 9999px; --gm3-button-filled-tonal-container-shape-start-end: 9999= px; --gm3-button-filled-tonal-container-shape-end-end: 9999px; --gm3-button= -filled-tonal-container-shape-end-start: 9999px; --gm3-button-filled-tonal-= pressed-container-shape-start-start: 9999px; --gm3-button-filled-tonal-pres= sed-container-shape-start-end: 9999px; --gm3-button-filled-tonal-pressed-co= ntainer-shape-end-end: 9999px; --gm3-button-filled-tonal-pressed-container-= shape-end-start: 9999px; align-items: center; background: transparent; bord= er-width: medium; border-style: none; border-color: currentcolor; border-im= age: none; color: var(--gm3-sys-color-on-surface-variant,#444746); cursor: = pointer; display: flex; flex: 1 1 0%; min-inline-size: 0px; flex-direction:= row; height: 32px; inline-size: 100%; justify-content: flex-start; margin:= 2px 0px; outline: none; white-space: nowrap; } .appsElementsWorkspaceButtonActionLeftNavButton.appsElementsWorkspaceButton= ActionWithTrailingBadge { --gm3-button-filled-tonal-with-icon-icon-label-sp= ace: 12px; --gm3-button-filled-tonal-with-icon-icon-size: 18px; padding-inl= ine-end: var(--ae-recommendation-button-action-trailing-space,80px) !import= ant; } .appsElementsWorkspaceButtonActionPillButton { --gm3-button-filled-tonal-co= ntainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-button= -filled-tonal-container-elevation: 0; --gm3-button-filled-tonal-container-h= eight: 38px; --gm3-button-filled-tonal-focus-container-elevation: 0; --gm3-= button-filled-tonal-hover-container-elevation: 0; --gm3-button-filled-tonal= -label-text-color: var(--gm3-sys-color-inverse-surface,#303030); --gm3-butt= on-filled-tonal-label-text-font: "Google Sans"; --gm3-button-filled-tonal-l= abel-text-size: 0.875rem; --gm3-button-filled-tonal-label-text-weight: 500;= --gm3-button-filled-tonal-leading-space: 16px; --gm3-button-filled-tonal-p= ressed-container-elevation: 0; --gm3-button-filled-tonal-trailing-space: 8p= x; --gm3-button-filled-tonal-with-icon-icon-label-space: 6px; --gm3-button-= filled-tonal-hover-state-layer-color: var(--gm3-sys-color-inverse-surface,#= 303030); --gm3-button-filled-tonal-with-icon-icon-color: var(--gm3-sys-colo= r-inverse-surface,#303030); --gm3-button-filled-tonal-with-icon-hover-icon-= color: var(--gm3-sys-color-inverse-surface,#303030); --gm3-button-filled-to= nal-container-shape-start-start: 16px; --gm3-button-filled-tonal-container-= shape-start-end: 16px; --gm3-button-filled-tonal-container-shape-end-end: 1= 6px; --gm3-button-filled-tonal-container-shape-end-start: 16px; --gm3-butto= n-filled-tonal-pressed-container-shape-start-start: 16px; --gm3-button-fill= ed-tonal-pressed-container-shape-start-end: 16px; --gm3-button-filled-tonal= -pressed-container-shape-end-end: 16px; --gm3-button-filled-tonal-pressed-c= ontainer-shape-end-start: 16px; display: flex; justify-content: center; mar= gin: 2px 0px; } .appsElementsWorkspaceButtonActionPillButton.appsElementsWorkspaceButtonAct= ionWithTrailingBadge { --gm3-button-filled-tonal-with-icon-icon-size: 18px;= padding-inline-end: var(--ae-recommendation-button-action-trailing-space,8= 0px) !important; } .appsElementsWorkspaceButtonActionChip { --gm3-chip-shared-container-height= : 32px; --gm3-chip-shared-label-text-font: "Google Sans",Roboto,Arial,sans-= serif; --gm3-chip-shared-label-text-line-height: 1.25rem; --gm3-chip-shared= -label-text-size: 0.875rem; --gm3-chip-shared-label-text-tracking: 0rem; --= gm3-chip-shared-label-text-weight: 500; --gm3-chip-shared-leading-space: 16= px; --gm3-chip-shared-trailing-space: 16px; --gm3-chip-shared-with-icon-ico= n-label-space: 8px; --gm3-chip-shared-with-icon-icon-size: 20px; --gm3-chip= -shared-with-leading-icon-leading-space: 16px; --gm3-chip-shared-container-= shape-start-start: 9999px; --gm3-chip-shared-container-shape-start-end: 999= 9px; --gm3-chip-shared-container-shape-end-end: 9999px; --gm3-chip-shared-c= ontainer-shape-end-start: 9999px; --gm3-chip-assist-flat-focus-label-text-c= olor: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-assist-= flat-hover-label-text-color: var(--gm3-sys-color-on-primary-container,#0842= a0); --gm3-chip-assist-flat-hover-state-layer-color: transparent; --gm3-chi= p-assist-flat-hover-state-layer-opacity: 0; --gm3-chip-assist-flat-label-te= xt-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-ass= ist-flat-outline-width: 0; --gm3-chip-assist-flat-pressed-label-text-color:= var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-assist-flat-= with-icon-disabled-icon-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-chip-assist-flat-with-icon-focus-icon-color: var(--gm3-sys-color= -on-primary-container,#0842a0); --gm3-chip-assist-flat-with-icon-hover-icon= -color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-assis= t-flat-with-icon-icon-color: var(--gm3-sys-color-on-primary-container,#0842= a0); --gm3-chip-assist-flat-with-icon-pressed-icon-color: var(--gm3-sys-col= or-on-primary-container,#0842a0); align-self: center; background-color: var= (--gm3-sys-color-primary-container,#d3e3fd); min-block-size: var(--gm3-chip= -shared-container-height,32px); text-wrap: nowrap; } .appsElementsWorkspaceButtonActionBadgeButtonContainer:focus .appsElementsW= orkspaceButtonActionChip, .appsElementsWorkspaceButtonActionBadgeButtonCont= ainer:focus-within .appsElementsWorkspaceButtonActionChip, .appsElementsWor= kspaceButtonActionBadgeButtonContainer:hover .appsElementsWorkspaceButtonAc= tionChip, .appsElementsWorkspaceButtonActionChip:focus, .appsElementsWorksp= aceButtonActionChip:focus-within, .appsElementsWorkspaceButtonActionChip:ho= ver { background: var(--ae-genai-generation-gradient,linear-gradient(135deg= ,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-gena= i-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9= ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceButtonActionBadgeButtonContainer:focus .appsElement= sWorkspaceButtonActionChip, .appsElementsWorkspaceButtonActionBadgeButtonCo= ntainer:focus-within .appsElementsWorkspaceButtonActionChip, .appsElementsW= orkspaceButtonActionBadgeButtonContainer:hover .appsElementsWorkspaceButton= ActionChip, .appsElementsWorkspaceButtonActionChip:focus, .appsElementsWork= spaceButtonActionChip:focus-within, .appsElementsWorkspaceButtonActionChip:= hover { background-position: 50% center; background-size: 800% 800%; } } .appsElementsWorkspaceButtonActionBadgeButtonContainer:focus .appsElementsW= orkspaceButtonActionChip, .appsElementsWorkspaceButtonActionBadgeButtonCont= ainer:focus-within .appsElementsWorkspaceButtonActionChip, .appsElementsWor= kspaceButtonActionBadgeButtonContainer:hover .appsElementsWorkspaceButtonAc= tionChip, .appsElementsWorkspaceButtonActionChip:focus, .appsElementsWorksp= aceButtonActionChip:focus-within, .appsElementsWorkspaceButtonActionChip:ho= ver { animation: 2.1s linear 0s infinite normal none running generation-shi= mmer; } .appsElementsWorkspaceButtonActionCardTooltip { --gm3-tooltip-plain-contain= er-color: var(--gm3-sys-color-surface-container-lowest,#fff); --gm3-tooltip= -plain-container-shape: 12px; --gm3-tooltip-plain-supporting-text-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-tooltip-plain-supporti= ng-text-line-height: 1.25rem; --gm3-tooltip-plain-supporting-text-size: 0.8= 75rem; } .appsElementsWorkspaceButtonActionCardTooltip .javascriptMaterialdesignGm3W= izTooltipPlain-tooltip__surface { border-width: 0px; box-shadow: rgba(60, 6= 4, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .appsElementsWorkspaceButtonActionCardTooltip .javascriptMaterialdesignGm3W= izTooltipPlain-tooltip__surface .mdc-elevation-overlay { opacity: 0; } .appsElementsWorkspaceButtonActionCardTooltip .javascriptMaterialdesignGm3W= izTooltipPlain-tooltip__surface { max-inline-size: 280px; padding-inline: 1= 6px; padding-block: 12px; text-align: start; } .appsElementsWorkspaceButtonActionChip.appsElementsWorkspaceButtonActionWit= hTrailingBadge { padding-inline-end: 0px; --gm3-chip-shared-trailing-space:= var(--ae-recommendation-button-action-trailing-space,80px); } .appsElementsWorkspaceButtonActionGeminiShimmerIconButton { --gm3-icon-butt= on-standard-container-height: 28px; --gm3-icon-button-standard-container-wi= dth: 28px; --gm3-icon-button-standard-touch-target-size: 28px; --gm3-icon-b= utton-standard-icon-size: 20px; --gm3-icon-button-standard-unselected-icon-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-s= tandard-selected-icon-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); background: var(--ae-genai-generation-grad= ient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradient01,#e9ee= f6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-g= enai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e= 9eef6))); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceButtonActionGeminiShimmerIconButton { background-po= sition: 50% center; background-size: 800% 800%; } } .appsElementsWorkspaceButtonActionGeminiShimmerIconButton { animation: 2.1s= linear 0s infinite normal none running generation-shimmer, 1ms linear 7.5s= 1 normal forwards running stop-shimmer; } .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton { margin: 0px; = position: relative; } .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton:active, .appsEl= ementsWorkspaceButtonActionGeminiShimmerFilledButton:hover { background: li= near-gradient(135deg, rgb(33, 123, 254), rgb(7, 142, 251), rgb(172, 135, 23= 5), rgb(33, 123, 254)); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton:active, .apps= ElementsWorkspaceButtonActionGeminiShimmerFilledButton:hover { background-p= osition: 50% center; background-size: 800% auto; } } .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton:active, .appsEl= ementsWorkspaceButtonActionGeminiShimmerFilledButton:hover { animation: 2.1= s linear 0s infinite normal none running feature-shimmer; } .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton::before { backg= round: linear-gradient(90deg,transparent 12.5%,var(--ws-sys-color-genai-bol= d-gradient01,#346bf1) 27.5%,var(--ws-sys-color-genai-bold-gradient02,#3186f= f) 42.5%,var(--ws-sys-color-genai-bold-gradient03,#a9a8ff) 57.5%,var(--ws-s= ys-color-genai-bold-gradient01,#346bf1) 72.5%,transparent 87.5%); } @media not (prefers-reduced-motion) { @keyframes button-entrance-shimmer {=20 0% { background-position: 100% center; } 100% { background-position: 0px center; } } } .appsElementsWorkspaceButtonActionGeminiShimmerFilledButton::before { backg= round-size: 800% auto; animation: 1.6s linear 0s 1 normal forwards running = button-entrance-shimmer; content: ""; position: absolute; inset-block-start= : 0px; inset-inline-start: 0px; inline-size: 100%; block-size: 100%; border= -radius: 9999px; } .appsElementsWorkspaceButtonActionGeminiShimmerOutlinedButton { --ae-genai-= generation-gradient: linear-gradient(135deg,#217bfe,#078efb,#ac87eb,#217bfe= ); position: relative; } .appsElementsWorkspaceButtonActionGeminiShimmerOutlinedButton::before { bac= kground: var(--ae-genai-generation-gradient,linear-gradient(135deg,var(--ws= -sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-g= radient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(-= -ws-sys-color-genai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceButtonActionGeminiShimmerOutlinedButton::before { b= ackground: var(--ae-genai-generation-gradient,linear-gradient(135deg,var(--= ws-sys-color-genai-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted= -gradient02,#bbe2ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var= (--ws-sys-color-genai-muted-gradient01,#e9eef6))); animation: 2.1s linear 0= s infinite normal none running generation-shimmer; } } @media (not (prefers-reduced-motion)) and (not (prefers-reduced-motion)) { .appsElementsWorkspaceButtonActionGeminiShimmerOutlinedButton::before { b= ackground-position: 50% center; background-size: 800% 800%; } @keyframes generation-shimmer {=20 0% { background-position: 100% 100%; } 100% { background-position: 0px 0px; } } } .appsElementsWorkspaceButtonActionGeminiShimmerOutlinedButton::before { bor= der: 2px solid transparent; border-radius: inherit; content: ""; mask-image= : ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask= -repeat: ; mask-clip: ; mask-mode: ; inset: 0px; mask-origin: padding-box; = mask-composite: exclude; position: absolute; } .appsElementsWorkspaceButtonActionMenuItem { display: flex; inline-size: 10= 0%; } .appsElementsWorkspaceButtonActionBorderlessTransparentText { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter-spaci= ng: 0px; line-height: 1.25rem; align-items: center; align-self: stretch; ba= ckground: transparent; border-radius: 0px; border-width: medium; border-sty= le: none; border-color: currentcolor; border-image: none; cursor: pointer; = display: flex; flex-direction: row; font-weight: 500; gap: 8px; justify-con= tent: flex-start; min-width: 0px; outline: none; padding: 0px; width: 100%;= } .appsElementsWorkspaceButtonActionBorderlessTransparentText:focus-visible {= outline: 2px solid var(--gm3-sys-color-primary,#0b57d0); outline-offset: 2= px; } .appsElementsWorkspaceButtonActionBadgeContainer, .appsElementsWorkspaceBut= tonActionIconContainer, .appsElementsWorkspaceButtonActionLabelContainer { = align-items: center; display: flex; } .appsElementsWorkspaceButtonActionLabelContainer { color: var(--gm3-sys-col= or-on-surface,#1f1f1f); margin: 0px; } .appsElementsWorkspaceButtonActionIconContainer { color: var(--gm3-sys-colo= r-primary,#0b57d0); margin: 0px; } .appsElementsWorkspaceButtonActionHasBadge { gap: 8px; } .appsElementsWorkspaceButtonActionTooltipActionsContainer { align-items: ce= nter; display: flex; gap: 12px; justify-content: flex-end; } @keyframes stop-shimmer {=20 100% { background-image: none; } } .appsElementsWorkspaceRecommendationContentActionBehaviorLink, .appsElement= sWorkspaceRecommendationContentRecommendationActionLink { cursor: pointer; = } .appsElementsWorkspaceRecommendationContentActionImage { align-items: cente= r; display: flex; block-size: 20px; margin-inline-start: -32px; position: r= elative; pointer-events: none; } .appsElementsWorkspaceRecommendationContentButtonFull { align-items: center= ; display: grid; grid-template-columns: 100% 1fr; } .appsElementsWorkspaceRecommendationContentButtonIcon { display: none; } @container (max-width: 90px) { .appsElementsWorkspaceRecommendationContentButtonFull { display: none; } .appsElementsWorkspaceRecommendationContentButtonIcon { display: block; } } .appsElementsWorkspaceRecommendationContentDialogContainer { --eNKeTe: var(= --gm3-sys-color-surface-container-low,#f8fafd); --W1aG0b: 0; --Tlqqfc: 1200= px; --urucif: 0; --Cv3aid: 0; --xkSh4b: 0; --tukwab: 0; } .appsElementsWorkspaceRecommendationContentDialogContainerFilledCloseButton= [data-dialog-close-button] { --gm3-icon-button-standard-container-width: 3= 2px; --gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-s= tandard-icon-size: 20px; background: var(--gm3-sys-color-surface-container-= low,#f8fafd); } .appsElementsWorkspaceRecommendationContentDialogContainerFullScreen { --Wh= NlI: 100dvh; --Tlqqfc: 100dvw; --pjsEwc: 100dvw; --QtLBTb: 0; } .appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsEleme= ntsWorkspaceRecommendationContentDialogContainerShimmer [role=3D"dialog"] {= background-color: var(--gm3-sys-color-surface-container-low,#f8fafd); back= ground-clip: padding-box; border: 1px solid transparent; } .appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsEleme= ntsWorkspaceRecommendationContentDialogContainerShimmer [role=3D"dialog"]::= before { content: ""; position: absolute; inset: 0px; z-index: -1; margin: = -1px; border-radius: inherit; background: linear-gradient(to right,var(--ws= -sys-color-genai-bold-gradient01,#346bf1),var(--ws-sys-color-genai-bold-gra= dient02,#3186ff),var(--ws-sys-color-genai-bold-gradient03,#a9a8ff),var(--ws= -sys-color-genai-bold-gradient01,#346bf1)); } .appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsEleme= ntsWorkspaceRecommendationContentDialogContainerShimmer [role=3D"dialog"] {= position: relative; } .appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsEleme= ntsWorkspaceRecommendationContentDialogContainerShimmer [role=3D"dialog"]::= after { content: ""; position: absolute; z-index: -1; background: linear-gr= adient(53deg,var(--ws-sys-color-genai-bold-gradient02,#3186ff),var(--ws-sys= -color-genai-bold-gradient01,#346bf1),var(--ws-sys-color-genai-bold-gradien= t03,#a9a8ff)); opacity: 0.25; filter: blur(25px); border-radius: inherit; i= nset-block-start: -24px; inset-inline-start: -24px; inline-size: calc(100% = + 48px); block-size: calc(100% + 48px); } .appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsEleme= ntsWorkspaceRecommendationContentDialogContainerShimmer [role=3D"dialog"] {= overflow: unset; } .appsElementsWorkspaceRecommendationContentDialogContainerThemePremiumFeatu= re { --ae-multi-panel-container-color: transparent; } .appsElementsWorkspaceRecommendationContentDialogContainerThemePremiumFeatu= re [role=3D"dialog"] { background: radial-gradient(110% 110% at 50% 20%,col= or-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1f= f) 0%,transparent) 0,color-mix(in srgb,var(--ws-sys-color-premium-surface-c= ontainer-accent01,#8cd1ff) 0%,transparent) 47%,color-mix(in srgb,var(--ws-s= ys-color-premium-surface-container-accent01,#8cd1ff) 37%,transparent) 74%,c= olor-mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd= 1ff) 76%,transparent) 88%,color-mix(in srgb,var(--ws-sys-color-premium-surf= ace-container-accent01,#8cd1ff) 100%,transparent) 100%),var(--gm3-sys-color= -surface,#fff); } .appsElementsWorkspaceRecommendationContentDialogContentFullScreen { align-= items: safe center; box-sizing: border-box; display: flex; block-size: calc= (-64px + 100vh); justify-content: safe center; overflow: auto; padding: 24p= x 16px; } .appsElementsWorkspaceRecommendationContentDialogContainerSurvey .appsEleme= ntsWorkspaceRecommendationContentDialogContentFullScreen { overflow: hidden= ; padding: 0px; } .appsElementsWorkspaceRecommendationContentDialogFooter { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; align-items: center; backgroun= d-color: var(--gm3-sys-color-surface-container-low,#f8fafd); border-block-s= tart: 1px solid var(--gm3-sys-color-primary-container,#d3e3fd); bottom: 0px= ; color: var(--gm3-sys-color-on-surface,#1f1f1f); display: flex; flex-shrin= k: 0; justify-content: space-between; max-inline-size: 552px; padding: 24px= ; position: sticky; width: calc(100% - 48px); } .appsElementsWorkspaceRecommendationContentDialogFooterButtons { display: f= lex; gap: 8px; margin-inline-start: auto; } .appsElementsWorkspaceRecommendationContentDialogHeaderContainer { align-it= ems: center; background-color: var(--gm3-sys-color-surface-container-low,#f= 8fafd); border-block-end: 1px solid var(--gm3-sys-color-primary-container,#= d3e3fd); box-sizing: border-box; display: flex; height: 64px; padding-inlin= e-start: 24px; position: sticky; top: 0px; } @media screen and (max-width: 600px) { .appsElementsWorkspaceRecommendationContentDialogHeaderContainer { paddin= g-inline-start: 16px; } } .appsElementsWorkspaceRecommendationContentDialogHeaderTitle { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.75rem; display: -webkit-box; max= -block-size: 3.5rem; max-inline-size: calc(50% - 116px); overflow: hidden; = text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: = 2; } @media screen and (max-width: 480px) { .appsElementsWorkspaceRecommendationContentDialogHeaderTitle { display: n= one; } } .appsElementsWorkspaceRecommendationContentDialogTitle { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight: 400; = letter-spacing: 0px; line-height: 2.25rem; text-align: center; padding-inli= ne: 24px; margin: 0px; } .appsElementsWorkspaceRecommendationContentDialogRoot { box-sizing: border-= box; color: var(--gm3-sys-color-on-surface,#1f1f1f); background-color: var(= --gm3-sys-color-surface-container-low,#f8fafd); display: flex; flex-directi= on: column; max-inline-size: 600px; padding: 24px 0px 0px; width: 100%; } .appsElementsWorkspaceRecommendationContentDialogWorkspaceLogo { inset-inli= ne-start: 50%; position: absolute; transform: translateX(-50%); } .appsElementsWorkspaceRecommendationContentIframeDialogContainer { --WhNlI:= calc(100vh - 16px); --pjsEwc: min(1300px,100vw - 56px); --u0nYGe: center; = } .appsElementsWorkspaceRecommendationContentIframeDialogContainerSmall { --W= hNlI: 540px; --pjsEwc: 532px; --u0nYGe: center; } .appsElementsWorkspaceRecommendationContentIframeDialogContentContainer { f= lex: 1 1 0%; display: flex; } .appsElementsWorkspaceRecommendationContentIframeDialogContent { width: 100= %; min-height: calc(-16px + 100vh); border-width: medium; border-style: non= e; border-color: currentcolor; border-image: none; } .appsElementsWorkspaceRecommendationContentIframeDialogContentSmall { width= : 100%; min-height: 540px; border-width: medium; border-style: none; border= -color: currentcolor; border-image: none; } .appsElementsWorkspaceRecommendationContentFilledIcon { color: var(--gm3-sy= s-color-on-primary,#fff); } .appsElementsWorkspaceRecommendationContentHidden { display: none; } .appsElementsWorkspaceRecommendationContentIframeContainer { block-size: 10= 0%; inline-size: 100%; inset: 0px; position: fixed; z-index: 10; } .appsElementsWorkspaceRecommendationContentRichMessageRoot { align-items: c= enter; display: flex; gap: 12px; } .appsElementsWorkspaceRecommendationContentRichMessageImage { block-size: 2= 4px; } .appsElementsWorkspaceRecommendationContentTableBody { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; l= etter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-sur= face,#1f1f1f); } .appsElementsWorkspaceRecommendationContentTableBody .appsElementsWorkspace= RecommendationContentTableCellLong { text-align: left; white-space: normal;= } .appsElementsWorkspaceRecommendationContentTableCell { padding: 10px 16px; = white-space: nowrap; } .appsElementsWorkspaceRecommendationContentTableCell:has(.appsElementsWorks= paceRecommendationContentTableCellImage) { padding: 10px 0px; } .appsElementsWorkspaceRecommendationContentTableCell:last-of-type { font-fa= mily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 700; letter-spacing: 0px; line-height: 1.25rem; background-color: va= r(--gm3-sys-color-surface-container-high,#e9eef6); color: var(--gm3-sys-col= or-primary,#0b57d0); outline: transparent solid 1px; } .appsElementsWorkspaceRecommendationContentTableCell:last-of-type .appsElem= entsWorkspaceRecommendationContentTableCellBool { color: var(--gm3-sys-colo= r-primary,#0b57d0); } .appsElementsWorkspaceRecommendationContentTableCellUnavailableFeature { wi= dth: 1px; height: 1px; } .appsElementsWorkspaceRecommendationContentTableCellImage { block-size: 24p= x; vertical-align: sub; } .appsElementsWorkspaceRecommendationContentTableHead { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-sur= face,#1f1f1f); } .appsElementsWorkspaceRecommendationContentTableHead .appsElementsWorkspace= RecommendationContentTableCell { border-radius: 16px 16px 0px 0px; padding-= block-start: 16px; } .appsElementsWorkspaceRecommendationContentTableRoot { border-collapse: col= lapse; margin: 16px 24px; text-align: center; width: calc(100% - 48px); } .appsElementsWorkspaceRecommendationContentTableRow + .appsElementsWorkspac= eRecommendationContentTableRow { border-block-start: 1px solid var(--gm3-sy= s-color-outline-variant,#c4c7c5); } .appsElementsWorkspaceRecommendationContentTableRow:last-of-type .appsEleme= ntsWorkspaceRecommendationContentTableCell { border-radius: 0px 0px 16px 16= px; } .appsElementsWorkspaceRecommendationDynamicStatisticContainer { display: fl= ex; align-items: center; width: fit-content; border-radius: 9999px; backgro= und-color: var(--gm3-sys-color-surface-container,#f0f4f9); padding: 8px 16p= x 8px 4px; gap: 6px; margin-block-end: 6px; } .appsElementsWorkspaceRecommendationDynamicStatisticIconContainer { margin-= bottom: -5.5px; } .appsElementsWorkspaceRecommendationDynamicStatisticLeadingStatistic { font= -family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-we= ight: 700; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); } .appsElementsWorkspaceRecommendationDynamicStatisticDescription { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-c= olor-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationMeterContentContainer { display: flex; = flex-direction: column; text-decoration: none; margin-top: 4px; } .appsElementsWorkspaceRecommendationMeterContentOuterBar { background: var(= --gm3-sys-color-surface-container-high,#e9e8e8); border-radius: 8px; height= : 4px; margin: 4px 32px 4px 0px; } .appsElementsWorkspaceRecommendationMeterContentInnerBar { background-color= : rgb(145, 145, 145); border-radius: 8px; height: 100%; } .appsElementsWorkspaceRecommendationMeterContentInnerBarAlert { background-= color: var(--gm3-sys-color-error,#b3261e); } .appsElementsWorkspaceRecommendationMeterContentInnerBarAlertEscalation { b= ackground-color: var(--gm3-sys-color-on-error-container,#8c1d18); } .appsElementsWorkspaceRecommendationMeterContentInnerBarWarning { backgroun= d-color: rgb(252, 189, 0); } .appsElementsWorkspaceRecommendationMeterContentTextRow { align-items: cent= er; display: flex; margin-top: 4px; } .appsElementsWorkspaceRecommendationMeterContentDescription { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: = 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-co= lor-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationMeterContentDescriptionAlert { color: v= ar(--gm3-sys-color-error,#b3261e); } .appsElementsWorkspaceRecommendationMeterContentDescriptionAlertEscalation = { color: var(--gm3-sys-color-on-error-container,#8c1d18); } @media (forced-colors: active) { .appsElementsWorkspaceRecommendationMeterContentOuterBar { border-color: = canvastext; border-style: solid; border-width: 1px; } .appsElementsWorkspaceRecommendationMeterContentInnerBar { background-col= or: canvastext; } } .appsElementsWorkspaceRecommendationMenuListMenuButton { padding: 6px; } .appsElementsWorkspaceRecommendationMenuListHelpMenu { max-width: 360px; mi= n-width: 320px; --gm3-list-container-shape: 28px; --gm3-list-focus-indicato= r-color: var(--gm3-sys-color-secondary,#00639b); --gm3-list-focus-indicator= -outline-offset: 1px; --gm3-list-focus-indicator-thickness: 3px; --gm3-list= -list-item-container-shape: 4px; --gm3-list-list-item-disabled-trailing-ico= n-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-disa= bled-trailing-icon-opacity: 0.38; --gm3-list-list-item-hover-trailing-icon-= icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-lis= t-item-leading-space: 12px; --gm3-list-list-item-one-line-container-height:= 44px; --gm3-list-list-item-selected-focus-label-text-color: var(--gm3-sys-= color-on-tertiary-container,#0f5223); --gm3-list-list-item-selected-hover-l= abel-text-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); --gm3-= list-list-item-selected-hover-leading-icon-color: var(--gm3-sys-color-on-te= rtiary-container,#0f5223); --gm3-list-list-item-selected-hover-state-layer-= color: var(--gm3-sys-color-on-tertiary-container,#0f5223); --gm3-list-list-= item-selected-hover-state-layer-opacity: 0.08; --gm3-list-list-item-selecte= d-hover-trailing-icon-color: var(--gm3-sys-color-on-tertiary-container,#0f5= 223); --gm3-list-list-item-selected-trailing-supporting-text-color: var(--g= m3-sys-color-on-tertiary-container,#0f5223); --gm3-list-list-item-selected-= trailing-supporting-text-weight: 500; --gm3-list-list-item-supporting-text-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-ite= m-supporting-text-font: "Google Sans Flex","Google Sans Text","Google Sans"= ,Roboto,Arial,sans-serif; --gm3-list-list-item-supporting-text-line-height:= 1.25rem; --gm3-list-list-item-supporting-text-size: 0.875rem; --gm3-list-l= ist-item-supporting-text-tracking: 0rem; --gm3-list-list-item-supporting-te= xt-weight: 400; --gm3-list-list-item-trailing-space: 12px; --gm3-list-list-= item-trailing-supporting-text-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-list-list-item-trailing-supporting-text-font: "Google Sans= Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-list= -list-item-trailing-supporting-text-line-height: 1rem; --gm3-list-list-item= -trailing-supporting-text-size: 0.6875rem; --gm3-list-list-item-trailing-su= pporting-text-tracking: 0.00625rem; --gm3-list-list-item-trailing-supportin= g-text-weight: 500; --gm3-list-list-item-two-line-container-height: 48px; -= -gm3-list-divider-color: var(--gm3-sys-color-surface-variant,#e1e3e1); --gm= 3-list-list-item-disabled-label-text-color: var(--gm3-sys-color-on-surface,= #1f1f1f); --gm3-list-list-item-disabled-supporting-text-color: var(--gm3-sy= s-color-on-surface,#1f1f1f); --gm3-list-list-item-disabled-supporting-text-= opacity: 0.38; --gm3-list-list-item-disabled-trailing-supporting-text-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-disabled-tr= ailing-supporting-text-opacity: 0.38; --gm3-list-list-item-focus-label-text= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-hover= -label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list= -item-hover-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --g= m3-list-list-item-hover-state-layer-opacity: 0.08; --gm3-list-list-item-lab= el-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-ite= m-label-text-font: "Google Sans Flex","Google Sans Text","Google Sans",Robo= to,Arial,sans-serif; --gm3-list-list-item-label-text-line-height: 1.25rem; = --gm3-list-list-item-label-text-size: 0.875rem; --gm3-list-list-item-label-= text-tracking: 0rem; --gm3-list-list-item-label-text-weight: 500; --gm3-lis= t-list-item-selected-container-color: var(--gm3-sys-color-tertiary-containe= r,#c4eed0); --gm3-list-list-item-selected-label-text-color: var(--gm3-sys-c= olor-on-tertiary-container,#0f5223); --gm3-list-divider-height: 1px; --gm3-= list-list-item-container-color: transparent; --gm3-list-list-item-content-g= ap: 16px; --gm3-list-list-item-content-padding: 0; --gm3-list-list-item-dis= abled-label-text-opacity: 0.38; --gm3-list-list-item-disabled-leading-icon-= color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-= text-font-variation-settings: initial; --gm3-list-list-item-leading-icon-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-= one-line-padding: 8px; --gm3-list-list-item-selected-container-shape: 12px;= --gm3-list-list-item-selected-label-text-weight: 500; --gm3-list-list-item= -selected-supporting-text-color: var(--gm3-sys-color-on-tertiary-container,= #0f5223); --gm3-list-list-item-selected-trailing-icon-color: var(--gm3-sys-= color-on-tertiary-container,#0f5223); --gm3-list-list-item-supporting-text-= font-variation-settings: initial; --gm3-list-list-item-trailing-supporting-= text-font-variation-settings: initial; --gm3-list-list-item-two-line-paddin= g: 8px; --gm3-list-list-item-control-selected-container-color: transparent;= --gm3-list-list-item-control-selected-container-shape: 4px; --gm3-list-lis= t-item-control-selected-focus-label-text-color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); --gm3-list-list-item-control-selected-hover-label-text-color:= var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-sele= cted-hover-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-list-list-item-control-selected-hover-state-layer-opacity: 0.08; --gm3-li= st-list-item-control-selected-hover-trailing-icon-color: var(--gm3-sys-colo= r-on-surface-variant,#444746); --gm3-list-list-item-control-selected-label-= text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-c= ontrol-selected-label-text-weight: 500; --gm3-list-list-item-control-select= ed-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-list-list-item-control-selected-supporting-text-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-list-list-item-control-selected-trail= ing-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-list-list-item-control-selected-trailing-supporting-text-weight: 500= ; --gm3-menu-container-color: var(--gm3-sys-color-surface-container-lowest,= #fff); --gm3-menu-container-elevation: 2; --gm3-menu-container-shadow-color= : var(--gm3-sys-color-shadow,#000); --gm3-menu-container-shape: 28px; --gm3= -menu-focus-indicator-color: var(--gm3-sys-color-secondary,#00639b); --gm3-= menu-focus-indicator-outline-offset: 1px; --gm3-menu-focus-indicator-thickn= ess: 3px; --gm3-menu-list-item-container-shape: 4px; --gm3-menu-list-item-d= isabled-trailing-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3= -menu-list-item-disabled-trailing-icon-opacity: 0.38; --gm3-menu-list-item-= hover-trailing-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-menu-list-item-leading-space: 12px; --gm3-menu-list-item-one-li= ne-container-height: 44px; --gm3-menu-list-item-selected-focus-label-text-c= olor: var(--gm3-sys-color-on-tertiary-container,#0f5223); --gm3-menu-list-i= tem-selected-hover-label-text-color: var(--gm3-sys-color-on-tertiary-contai= ner,#0f5223); --gm3-menu-list-item-selected-hover-leading-icon-color: var(-= -gm3-sys-color-on-tertiary-container,#0f5223); --gm3-menu-list-item-selecte= d-hover-state-layer-color: var(--gm3-sys-color-on-tertiary-container,#0f522= 3); --gm3-menu-list-item-selected-hover-state-layer-opacity: 0.08; --gm3-me= nu-list-item-selected-hover-trailing-icon-color: var(--gm3-sys-color-on-ter= tiary-container,#0f5223); --gm3-menu-list-item-selected-trailing-supporting= -text-color: var(--gm3-sys-color-on-tertiary-container,#0f5223); --gm3-menu= -list-item-selected-trailing-supporting-text-weight: 500; --gm3-menu-list-i= tem-selected-with-leading-icon-trailing-icon-color: var(--gm3-sys-color-on-= tertiary-container,#0f5223); --gm3-menu-list-item-supporting-text-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-support= ing-text-font: "Google Sans Flex","Google Sans Text","Google Sans",Roboto,A= rial,sans-serif; --gm3-menu-list-item-supporting-text-line-height: 1.25rem;= --gm3-menu-list-item-supporting-text-size: 0.875rem; --gm3-menu-list-item-= supporting-text-tracking: 0rem; --gm3-menu-list-item-supporting-text-weight= : 400; --gm3-menu-list-item-trailing-space: 12px; --gm3-menu-list-item-trai= ling-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-menu-list-item-trailing-supporting-text-font: "Google Sans Flex","G= oogle Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-menu-list-ite= m-trailing-supporting-text-line-height: 1rem; --gm3-menu-list-item-trailing= -supporting-text-size: 0.6875rem; --gm3-menu-list-item-trailing-supporting-= text-tracking: 0.00625rem; --gm3-menu-list-item-trailing-supporting-text-we= ight: 500; --gm3-menu-list-item-two-line-container-height: 48px; --gm3-menu= -menu-list-item-with-leading-icon-icon-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-menu-cascading-menu-indicator-icon-color: var(--g= m3-sys-color-on-surface-variant,#444746); --gm3-menu-divider-color: var(--g= m3-sys-color-surface-variant,#e1e3e1); --gm3-menu-group-title-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-group-title-text= -font: "Google Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,san= s-serif; --gm3-menu-group-title-text-line-height: 1.25rem; --gm3-menu-group= -title-text-size: 0.875rem; --gm3-menu-group-title-text-tracking: 0rem; --g= m3-menu-group-title-text-weight: 500; --gm3-menu-list-item-disabled-label-t= ext-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-di= sabled-supporting-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-menu-list-item-disabled-supporting-text-opacity: 0.38; --gm3-menu-list-it= em-disabled-trailing-supporting-text-color: var(--gm3-sys-color-on-surface,= #1f1f1f); --gm3-menu-list-item-disabled-trailing-supporting-text-opacity: 0= .38; --gm3-menu-list-item-focus-label-text-color: var(--gm3-sys-color-on-su= rface,#1f1f1f); --gm3-menu-list-item-focus-state-layer-color: var(--gm3-sys= -color-on-surface,#1f1f1f); --gm3-menu-list-item-focus-state-layer-opacity:= 0.1; --gm3-menu-list-item-hover-label-text-color: var(--gm3-sys-color-on-s= urface,#1f1f1f); --gm3-menu-list-item-hover-state-layer-color: var(--gm3-sy= s-color-on-surface,#1f1f1f); --gm3-menu-list-item-hover-state-layer-opacity= : 0.08; --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); --gm3-menu-list-item-label-text-font: "Google Sans Flex","Goog= le Sans Text","Google Sans",Roboto,Arial,sans-serif; --gm3-menu-list-item-l= abel-text-line-height: 1.25rem; --gm3-menu-list-item-label-text-size: 0.875= rem; --gm3-menu-list-item-label-text-tracking: 0rem; --gm3-menu-list-item-l= abel-text-weight: 500; --gm3-menu-list-item-pressed-label-text-color: var(-= -gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-pressed-state-laye= r-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-pres= sed-state-layer-opacity: 0.1; --gm3-menu-list-item-selected-container-color= : var(--gm3-sys-color-tertiary-container,#c4eed0); --gm3-menu-list-item-sel= ected-label-text-color: var(--gm3-sys-color-on-tertiary-container,#0f5223);= --gm3-menu-list-item-with-leading-icon-disabled-leading-icon-color: var(--= gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-with-leading-icon-f= ocus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-men= u-list-item-with-leading-icon-hover-icon-color: var(--gm3-sys-color-on-surf= ace-variant,#444746); --gm3-menu-list-item-with-leading-icon-leading-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item= -with-leading-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-menu-list-item-with-trailing-icon-disabled-trailing-icon= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-with-= trailing-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-menu-list-item-with-trailing-icon-hover-icon-color: var(--gm3-s= ys-color-on-surface-variant,#444746); --gm3-menu-list-item-with-trailing-ic= on-pressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-menu-list-item-with-trailing-icon-trailing-icon-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-menu-active-container-shape: 28px; --= gm3-menu-cascading-menu-indicator-icon-size: 20px; --gm3-menu-container-ani= mating-open-transform: scaleY(0.8) translateY(0); --gm3-menu-container-clos= ed-transform: scaleY(0) translateY(-8px); --gm3-menu-container-open-transfo= rm: scaleY(1) translateY(0); --gm3-menu-container-transform-transition-dura= tion: 500ms; --gm3-menu-container-transform-transition-easing: cubic-bezier= (0.38,1.21,0.22,1); --gm3-menu-divider-height: 1px; --gm3-menu-divider-spac= e: 1px; --gm3-menu-group-title-height: 28px; --gm3-menu-group-title-margin-= block-start: 4px; --gm3-menu-group-title-text-font-variation-settings: init= ial; --gm3-menu-list-item-container-color: transparent; --gm3-menu-list-ite= m-container-focus-shape: 8px; --gm3-menu-list-item-container-height: 44px; = --gm3-menu-list-item-content-gap: 16px; --gm3-menu-list-item-content-paddin= g: 0; --gm3-menu-list-item-default-icon-display: none; --gm3-menu-list-item= -disabled-label-text-opacity: 0.38; --gm3-menu-list-item-disabled-leading-i= con-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-fi= rst-focus-shape: 12px; --gm3-menu-list-item-first-shape: 12px; --gm3-menu-l= ist-item-label-text-font-variation-settings: initial; --gm3-menu-list-item-= last-focus-shape: 12px; --gm3-menu-list-item-last-shape: 12px; --gm3-menu-l= ist-item-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746= ); --gm3-menu-list-item-margin-block: 4px; --gm3-menu-list-item-one-line-pa= dding: 8px; --gm3-menu-list-item-selected-container-focus-shape: 12px; --gm= 3-menu-list-item-selected-container-shape: 12px; --gm3-menu-list-item-selec= ted-label-text-weight: 500; --gm3-menu-list-item-selected-supporting-text-c= olor: var(--gm3-sys-color-on-tertiary-container,#0f5223); --gm3-menu-list-i= tem-selected-trailing-icon-color: var(--gm3-sys-color-on-tertiary-container= ,#0f5223); --gm3-menu-list-item-supporting-text-font-variation-settings: in= itial; --gm3-menu-list-item-touch-target-display: block; --gm3-menu-list-it= em-trailing-supporting-text-font-variation-settings: initial; --gm3-menu-li= st-item-two-line-padding: 8px; --gm3-menu-list-item-with-leading-icon-disab= led-leading-icon-opacity: 0.38; --gm3-menu-list-item-with-leading-icon-lead= ing-icon-size: 20px; --gm3-menu-list-item-with-trailing-icon-disabled-trail= ing-icon-opacity: 0.38; --gm3-menu-list-item-with-trailing-icon-trailing-ic= on-size: 20px; --gm3-menu-list-padding: 8px 10px; --gm3-menu-list-item-cont= rol-selected-container-color: transparent; --gm3-menu-list-item-control-sel= ected-container-shape: 4px; --gm3-menu-list-item-control-selected-focus-lab= el-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-ite= m-control-selected-hover-label-text-color: var(--gm3-sys-color-on-surface,#= 1f1f1f); --gm3-menu-list-item-control-selected-hover-state-layer-color: var= (--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-control-selected= -hover-state-layer-opacity: 0.08; --gm3-menu-list-item-control-selected-hov= er-trailing-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-menu-list-item-control-selected-label-text-color: var(--gm3-sys-color-o= n-surface,#1f1f1f); --gm3-menu-list-item-control-selected-label-text-weight= : 500; --gm3-menu-list-item-control-selected-leading-icon-color: var(--gm3-= sys-color-on-surface-variant,#444746); --gm3-menu-list-item-control-selecte= d-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-menu-list-item-control-selected-trailing-supporting-text-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-menu-list-item-control-sel= ected-trailing-supporting-text-weight: 500; } .appsElementsWorkspaceRecommendationMenuListMenuItem { --gm3-list-container= -shape: 16px; --gm3-list-list-item-container-shape: 4px; --gm3-list-list-it= em-leading-icon-size: 1.5rem; --gm3-list-list-item-leading-image-shape: 8px= ; --gm3-list-list-item-one-line-container-height: 52px; --gm3-list-list-ite= m-segmented-container-color: var(--gm3-sys-color-surface-container-low,#f8f= afd); --gm3-list-list-item-selected-container-shape: 16px; --gm3-list-list-= item-selected-focus-label-text-color: var(--gm3-sys-color-on-secondary-cont= ainer,#004a77); --gm3-list-list-item-selected-hover-label-text-color: var(-= -gm3-sys-color-on-secondary-container,#004a77); --gm3-list-list-item-select= ed-hover-leading-icon-color: var(--gm3-sys-color-on-secondary-container,#00= 4a77); --gm3-list-list-item-selected-label-text-color: var(--gm3-sys-color-= on-secondary-container,#004a77); --gm3-list-list-item-selected-leading-icon= -color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-lis= t-item-selected-overline-color: var(--gm3-sys-color-on-secondary-container,= #004a77); --gm3-list-list-item-selected-supporting-text-color: var(--gm3-sy= s-color-on-secondary-container,#004a77); --gm3-list-list-item-selected-trai= ling-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3= -list-list-item-selected-trailing-supporting-text-color: var(--gm3-sys-colo= r-on-secondary-container,#004a77); --gm3-list-list-item-trailing-icon-size:= 20px; --gm3-list-list-item-two-line-container-height: 52px; --gm3-list-bac= kground-color-duration: 350ms; --gm3-list-checkmark-appearing-duration: 300= ms; --gm3-list-checkmark-disappearing-duration: 150ms; --gm3-list-checkmark= -easing: cubic-bezier(0.2,0,0,1); --gm3-list-focus-indicator-shape: 16px; -= -gm3-list-icon-transition-duration: 100ms; --gm3-list-list-item-control-sel= ected-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff); --= gm3-list-list-item-control-selected-container-shape: 16px; --gm3-list-list-= item-control-selected-focus-label-text-color: var(--gm3-sys-color-on-second= ary-container,#004a77); --gm3-list-list-item-control-selected-hover-label-t= ext-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-= list-item-control-selected-hover-leading-icon-color: var(--gm3-sys-color-on= -secondary-container,#004a77); --gm3-list-list-item-control-selected-hover-= state-layer-color: var(--gm3-sys-color-on-secondary-container,#004a77); --g= m3-list-list-item-control-selected-hover-state-layer-opacity: 0.08; --gm3-l= ist-list-item-control-selected-hover-trailing-icon-color: var(--gm3-sys-col= or-on-secondary-container,#004a77); --gm3-list-list-item-control-selected-l= abel-text-color: var(--gm3-sys-color-on-secondary-container,#004a77); --gm3= -list-list-item-control-selected-label-text-weight: 400; --gm3-list-list-it= em-control-selected-leading-icon-color: var(--gm3-sys-color-on-secondary-co= ntainer,#004a77); --gm3-list-list-item-control-selected-overline-color: var= (--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-list-item-cont= rol-selected-supporting-text-color: var(--gm3-sys-color-on-secondary-contai= ner,#004a77); --gm3-list-list-item-control-selected-trailing-icon-color: va= r(--gm3-sys-color-on-secondary-container,#004a77); --gm3-list-list-item-con= trol-selected-trailing-supporting-text-color: var(--gm3-sys-color-on-second= ary-container,#004a77); --gm3-list-list-item-control-selected-trailing-supp= orting-text-weight: 500; --gm3-list-list-item-fallback-selection-content-ga= p: 0; --gm3-list-list-item-fallback-selection-display: grid; --gm3-list-lis= t-item-fallback-selection-end-margin: 12px; --gm3-list-list-item-hover-stat= e-layer-shape: 12px; --gm3-list-list-item-leading-space: 16px; --gm3-list-l= ist-item-selected-material-icon: "Google Material Icons Filled"; --gm3-list= -list-item-selected-symbols-icon: 1; --gm3-list-list-item-trailing-space: 1= 6px; --gm3-list-segmented-gap: 0; --gm3-list-list-item-content-gap: 12px; -= -gm3-list-list-item-one-line-padding: 12px 12px; --gm3-list-list-item-two-l= ine-padding: 12px 12px; --gm3-list-list-item-label-text-font: "Google Sans"= ; --gm3-list-list-item-label-text-size: 0.875rem; --gm3-list-list-item-labe= l-text-weight: 400; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-= color-on-surface-variant,#444746); --gm3-list-container-shape-start-start: = 16px; --gm3-list-container-shape-start-end: 16px; --gm3-list-container-shap= e-end-end: 16px; --gm3-list-container-shape-end-start: 16px; --gm3-list-lis= t-item-hover-state-layer-shape-start-start: 12px; --gm3-list-list-item-hove= r-state-layer-shape-start-end: 12px; --gm3-list-list-item-hover-state-layer= -shape-end-end: 12px; --gm3-list-list-item-hover-state-layer-shape-end-star= t: 12px; --gm3-list-focus-indicator-shape-start-start: 16px; --gm3-list-foc= us-indicator-shape-start-end: 16px; --gm3-list-focus-indicator-shape-end-en= d: 16px; --gm3-list-focus-indicator-shape-end-start: 16px; --gm3-list-list-= item-selected-container-shape-start-start: 16px; --gm3-list-list-item-selec= ted-container-shape-start-end: 16px; --gm3-list-list-item-selected-containe= r-shape-end-end: 16px; --gm3-list-list-item-selected-container-shape-end-st= art: 16px; --gm3-list-list-item-control-selected-container-shape-start-star= t: 16px; --gm3-list-list-item-control-selected-container-shape-start-end: 1= 6px; --gm3-list-list-item-control-selected-container-shape-end-end: 16px; -= -gm3-list-list-item-control-selected-container-shape-end-start: 16px; --gm3= -list-list-item-container-shape-start-start: 4px; --gm3-list-list-item-cont= ainer-shape-start-end: 4px; --gm3-list-list-item-container-shape-end-end: 4= px; --gm3-list-list-item-container-shape-end-start: 4px; --gm3-list-list-it= em-three-line-container-height: 52px; --gm3-list-list-item-three-line-paddi= ng: 12px 12px; } .appsElementsWorkspaceRecommendationMenuListMenuItemIcon { padding: 2px; } .appsElementsRecommendationPepToggleMenuItemWrapper { margin: 0px; padding:= 0px; width: 100%; } .appsElementsRecommendationPepTogglePepToggleContainer { align-items: cente= r; background-color: var(--gm3-sys-color-surface-container,#f0f4f9); border= -radius: 9999px; box-sizing: border-box; color: var(--gm3-sys-color-primary= ,#0b57d0); cursor: pointer; display: flex; gap: 16px; margin-top: 4px; outl= ine: none; padding: 8px 16px 8px 12px; position: relative; text-decoration:= none; width: 100%; } .appsElementsRecommendationPepToggleFocusRing { --QzESQd: 9999px; --cIYKdb:= 9999px; --po6djf: 9999px; --Oypuue: 9999px; } .appsElementsRecommendationPepTogglePepToggleContainer:focus-visible .appsE= lementsRecommendationPepToggleFocusRing { --Mal6Ee: block; } .appsElementsRecommendationPepToggleRipple { --sbadab: var(--gm3-sys-color-= primary,#0b57d0); --hSHBee: 0.04; --F1tVH: var(--gm3-sys-color-primary,#0b5= 7d0); --kDWEsd: 0.1; } .appsElementsRecommendationPepTogglePepToggleLabel { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; let= ter-spacing: 0px; line-height: 1.25rem; flex: 1 1 0%; overflow: hidden; tex= t-overflow: ellipsis; } .appsElementsRecommendationPepTogglePepToggleProgressContainer { --yPTsAb: = var(--gm3-sys-color-tertiary,#146c2e); --EscQs: 3px; --EkrYwf: 42px; --Sewh= 0e: color-mix(in srgb,var(--gm3-sys-color-primary,#0b57d0) 12%,transparent)= ; height: 42px; min-width: 42px; position: relative; } .appsElementsRecommendationPepTogglePepToggleProgressCircleText { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 500; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sy= s-color-on-surface-variant,#444746); left: 50%; overflow: hidden; position:= absolute; top: 50%; transform: translate(-50%, -50%); } .appsElementsRecommendationPepTogglePrimaryIcon { display: block; } .appsElementsWorkspaceRecommendationEl { background-color: transparent; dis= play: grid; } .appsElementsWorkspaceRecommendationCtaButtonContainer { container-type: in= line-size; } .appsElementsWorkspaceRecommendationCtaButtonContainer .appsElementsWorkspa= ceRecommendationCtaButton { --gm3-button-filled-tonal-container-height: 32p= x; --gm3-button-filled-tonal-container-color: var(--gm3-sys-color-surface,#= fff); --gm3-button-filled-tonal-label-text-weight: normal; --gm3-button-fil= led-tonal-with-icon-icon-label-space: 16px; display: flex; inline-size: 100= %; justify-content: flex-start; margin: 4px 0px; padding-inline-end: 40px; = } .appsElementsWorkspaceRecommendationCtaIconButton { --gm3-icon-button-fille= d-tonal-container-width: 32px; --gm3-icon-button-filled-tonal-container-hei= ght: 32px; --gm3-icon-button-filled-tonal-icon-size: 18px; --gm3-icon-butto= n-filled-tonal-container-color: var(--gm3-sys-color-surface,#fff); margin: = 4px 0px; } .appsElementsWorkspacePepGlobalRecommendationPepGlobalContainer .appsElemen= tsWorkspacePepGlobalRecommendationPepGlobalTextButton { --gm3-button-filled= -tonal-container-height: 44px; --gm3-button-filled-tonal-container-color: v= ar(--gm3-sys-color-primary-container,#d3e3fd); --gm3-button-filled-tonal-la= bel-text-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-bu= tton-filled-tonal-label-text-weight: 500; --gm3-button-filled-tonal-with-ic= on-icon-label-space: 4px; --gm3-button-filled-tonal-with-icon-icon-size: 24= px; --gm3-button-filled-tonal-container-shape-start-start: 28px; --gm3-butt= on-filled-tonal-container-shape-start-end: 28px; --gm3-button-filled-tonal-= container-shape-end-end: 28px; --gm3-button-filled-tonal-container-shape-en= d-start: 28px; --gm3-button-filled-tonal-pressed-container-shape-start-star= t: 28px; --gm3-button-filled-tonal-pressed-container-shape-start-end: 28px;= --gm3-button-filled-tonal-pressed-container-shape-end-end: 28px; --gm3-but= ton-filled-tonal-pressed-container-shape-end-start: 28px; font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; justify-content: center; margi= n: 0px; padding: 0px; } .appsElementsWorkspacePepGlobalRecommendationPepGlobalContainer .appsElemen= tsWorkspacePepGlobalRecommendationPepGlobalIconButton { display: none; } .appsElementsWorkspaceRecommendationFeatureEducationDialogContainer { displ= ay: flex; justify-content: space-between; background: var(--gm3-sys-color-s= urface,#fff); height: 100%; width: 100%; box-sizing: border-box; } @media (max-width: 720px) { .appsElementsWorkspaceRecommendationFeatureEducationDialogContainer { fle= x-direction: column-reverse; gap: 24px; } } .appsElementsWorkspaceRecommendationFeatureEducationDialogOverline { displa= y: flex; align-items: center; justify-content: start; gap: 4px; font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight= : 500; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-= color-secondary,#00639b); width: 100%; } .appsElementsWorkspaceRecommendationFeatureEducationDialogVideoContainer { = display: block; max-block-size: 100%; max-inline-size: 100%; border-radius:= 16px; max-width: 560px; aspect-ratio: 16 / 10; object-fit: contain; } .appsElementsWorkspaceRecommendationFeatureEducationDialogIllustration { di= splay: flex; flex-direction: column; justify-content: center; align-items: = center; width: 50%; padding: 24px; overflow: hidden; box-sizing: border-box= ; } @media (max-width: 720px) { .appsElementsWorkspaceRecommendationFeatureEducationDialogIllustration { = width: 100%; height: auto; min-height: 300px; flex-grow: 1; } } .appsElementsWorkspaceRecommendationFeatureEducationDialogIllustrationImage= { display: block; max-width: 560px; max-height: 100%; width: 100%; aspect-= ratio: 16 / 10; object-fit: contain; } .appsElementsWorkspaceRecommendationFeatureEducationDialogValuePropList { l= ist-style-type: none; padding: 0px 0px 32px; margin: 0px; display: flex; fl= ex-direction: column; gap: 16px; } .appsElementsWorkspaceRecommendationFeatureEducationDialogValuePropListItem= { display: flex; align-items: center; gap: 16px; font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spa= cing: 0px; line-height: 1.5rem; } .appsElementsWorkspaceRecommendationFeatureEducationDialogTextContainer { d= isplay: flex; flex-flow: column wrap; justify-content: center; align-items:= flex-start; width: 50%; padding: 64px; background: var(--gm3-sys-color-sur= face-container,#f0f4f9); box-sizing: border-box; } @media (max-width: 960px) { .appsElementsWorkspaceRecommendationFeatureEducationDialogTextContainer {= padding: 32px; } } @media (max-width: 720px) { .appsElementsWorkspaceRecommendationFeatureEducationDialogTextContainer {= width: 100%; } } .appsElementsWorkspaceRecommendationFeatureEducationDialogDialogHeading { f= ont-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1.75rem; f= ont-weight: 500; letter-spacing: 0px; line-height: 2.25rem; margin-top: 8px= ; margin-bottom: 24px; } .appsElementsWorkspaceRecommendationFeatureEducationDialogButtonContainer {= display: flex; justify-content: start; width: 100%; gap: 8px; } .appsElementsWorkspaceRecommendationFeatureEducationDialogPrimaryAction { -= -gm3-button-filled-container-color: var(--gm3-sys-color-secondary-container= ,#c2e7ff); --gm3-button-filled-label-text-color: var(--gm3-sys-color-second= ary,#00639b); --gm3-button-filled-hover-label-text-color: var(--gm3-sys-col= or-secondary,#00639b); padding-inline: 16px; } .appsElementsWorkspaceRecommendationFeatureEducationDialogFeatureEducationD= ialog { --eNKeTe: var(--gm3-sys-color-surface-container,#f0f4f9); --rimZob:= calc(100vh - 16px); --Tlqqfc: 1024px; } .appsElementsWorkspaceRecommendationGettingStartedEl { display: grid; gap: = 8px; grid-template-columns: repeat(3, 1fr); max-width: 760px; padding: 32px= ; } .appsElementsWorkspaceRecommendationGettingStartedPanelWrapper { background= -color: var(--gm3-sys-color-surface-container-low,#f8fafd); border-radius: = 16px; cursor: pointer; overflow: hidden; } .appsElementsWorkspaceRecommendationGettingStartedPanelWrapper:hover { back= ground-color: var(--gm3-sys-color-surface-container-high,#e9eef6); } .appsElementsWorkspaceRecommendationGettingStartedPanelContainer, .appsElem= entsWorkspaceRecommendationGettingStartedPanelContentContainer, .appsElemen= tsWorkspaceRecommendationGettingStartedPanelImage, .appsElementsWorkspaceRe= commendationGettingStartedVideoPlayer { width: 100%; } .appsElementsWorkspaceRecommendationGettingStartedPanelContainer { display:= flex; flex-direction: column; flex-grow: 1; } .appsElementsWorkspaceRecommendationGettingStartedPanelContentContainer, .a= ppsElementsWorkspaceRecommendationGettingStartedPanelContentInnerContainer,= .appsElementsWorkspaceRecommendationGettingStartedVideoPlayer { background= -color: var(--gm3-sys-color-surface,#fff); } .appsElementsWorkspaceRecommendationGettingStartedVideoPlayer::-webkit-medi= a-controls-fullscreen-button { display: none; } .appsElementsWorkspaceRecommendationGettingStartedPanelContentContainer { p= adding-bottom: 62.5%; position: relative; z-index: 0; } .appsElementsWorkspaceRecommendationGettingStartedPanelContentInnerContaine= r, .appsElementsWorkspaceRecommendationGettingStartedPanelImageContainer { = height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; wi= dth: 100%; } .appsElementsWorkspaceRecommendationGettingStartedPanelImageContainer { ali= gn-items: center; display: flex; } .appsElementsWorkspaceRecommendationGettingStartedPanelDescription { font-f= amily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-w= eight: 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3= -sys-color-on-surface-variant,#444746); margin-top: 8px; } .appsElementsWorkspaceRecommendationGettingStartedPanelDescription > a:hove= r { text-decoration: underline; } .appsElementsWorkspaceRecommendationGettingStartedPanelDescription > img { = vertical-align: text-bottom; } .appsElementsWorkspaceRecommendationGettingStartedPanelDescriptionContainer= { padding: 16px; } .appsElementsWorkspaceRecommendationGettingStartedPanelTitle { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 50= 0; letter-spacing: 0px; line-height: 1.5rem; color: var(--gm3-sys-color-on-= surface,#1f1f1f); margin: 0px; } .appsElementsWorkspaceRecommendationChipContainer { position: relative; dis= play: inline-flex; align-items: center; } .appsElementsWorkspaceRecommendationChipChipBadge { position: absolute; ins= et-inline-end: 8px; top: 50%; transform: translateY(-50%); pointer-events: = none; display: flex; align-items: center; justify-content: flex-end; inline= -size: auto; z-index: 1; } .appsElementsWorkspaceRecommendationChipBaseline { line-height: 1.25rem; } .appsElementsWorkspaceRecommendationChipChip { --gm3-chip-shared-container-= height: 32px; --gm3-chip-shared-label-text-font: "Google Sans",Roboto,Arial= ,sans-serif; --gm3-chip-shared-label-text-line-height: 1.25rem; --gm3-chip-= shared-label-text-size: 0.875rem; --gm3-chip-shared-label-text-tracking: 0r= em; --gm3-chip-shared-label-text-weight: 500; --gm3-chip-shared-leading-spa= ce: 16px; --gm3-chip-shared-trailing-space: 16px; --gm3-chip-shared-with-ic= on-icon-label-space: 8px; --gm3-chip-shared-with-icon-icon-size: 20px; --gm= 3-chip-shared-with-leading-icon-leading-space: 16px; --gm3-chip-shared-cont= ainer-shape-start-start: 9999px; --gm3-chip-shared-container-shape-start-en= d: 9999px; --gm3-chip-shared-container-shape-end-end: 9999px; --gm3-chip-sh= ared-container-shape-end-start: 9999px; --gm3-chip-assist-flat-focus-label-= text-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-a= ssist-flat-hover-label-text-color: var(--gm3-sys-color-on-primary-container= ,#0842a0); --gm3-chip-assist-flat-hover-state-layer-color: transparent; --g= m3-chip-assist-flat-hover-state-layer-opacity: 0; --gm3-chip-assist-flat-la= bel-text-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-ch= ip-assist-flat-outline-width: 0; --gm3-chip-assist-flat-pressed-label-text-= color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip-assist= -flat-with-icon-disabled-icon-color: var(--gm3-sys-color-on-surface-variant= ,#444746); --gm3-chip-assist-flat-with-icon-focus-icon-color: var(--gm3-sys= -color-on-primary-container,#0842a0); --gm3-chip-assist-flat-with-icon-hove= r-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-chip= -assist-flat-with-icon-icon-color: var(--gm3-sys-color-on-primary-container= ,#0842a0); --gm3-chip-assist-flat-with-icon-pressed-icon-color: var(--gm3-s= ys-color-on-primary-container,#0842a0); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsWorkspaceRecommendationChipChip { --gm3-chip-assist-flat-out= line-width: 1px; } } .appsElementsWorkspaceRecommendationChipChip { align-self: center; backgrou= nd-color: var(--gm3-sys-color-primary-container,#d3e3fd); min-block-size: v= ar(--gm3-chip-shared-container-height,32px); text-wrap: nowrap; } .appsElementsWorkspaceRecommendationChipChip:focus, .appsElementsWorkspaceR= ecommendationChipChip:focus-within, .appsElementsWorkspaceRecommendationChi= pChip:hover, .appsElementsWorkspaceRecommendationChipContainer:focus .appsE= lementsWorkspaceRecommendationChipChip, .appsElementsWorkspaceRecommendatio= nChipContainer:focus-within .appsElementsWorkspaceRecommendationChipChip, .= appsElementsWorkspaceRecommendationChipContainer:hover .appsElementsWorkspa= ceRecommendationChipChip { background: var(--ae-genai-generation-gradient,l= inear-gradient(135deg,var(--ws-sys-color-genai-muted-gradient01,#e9eef6),va= r(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys-color-genai-m= uted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradient01,#e9eef6)= )); } @media not (prefers-reduced-motion) { .appsElementsWorkspaceRecommendationChipChip:focus, .appsElementsWorkspac= eRecommendationChipChip:focus-within, .appsElementsWorkspaceRecommendationC= hipChip:hover, .appsElementsWorkspaceRecommendationChipContainer:focus .app= sElementsWorkspaceRecommendationChipChip, .appsElementsWorkspaceRecommendat= ionChipContainer:focus-within .appsElementsWorkspaceRecommendationChipChip,= .appsElementsWorkspaceRecommendationChipContainer:hover .appsElementsWorks= paceRecommendationChipChip { background-position: 50% center; background-si= ze: 800% 800%; } } .appsElementsWorkspaceRecommendationChipChip:focus, .appsElementsWorkspaceR= ecommendationChipChip:focus-within, .appsElementsWorkspaceRecommendationChi= pChip:hover, .appsElementsWorkspaceRecommendationChipContainer:focus .appsE= lementsWorkspaceRecommendationChipChip, .appsElementsWorkspaceRecommendatio= nChipContainer:focus-within .appsElementsWorkspaceRecommendationChipChip, .= appsElementsWorkspaceRecommendationChipContainer:hover .appsElementsWorkspa= ceRecommendationChipChip { animation: 2.1s linear 0s infinite normal none r= unning generation-shimmer; } .appsElementsWorkspaceRecommendationChipChip.appsElementsWorkspaceRecommend= ationChipWithTrailingBadge { --gm3-chip-shared-trailing-space: var(--ae-rec= ommendation-chip-trailing-space,80px); } .appsElementsWorkspaceRecommendationChipCardTooltip { --gm3-tooltip-plain-s= upporting-text-font: "Google Sans Text"; --gm3-tooltip-plain-supporting-tex= t-line-height: 1.25rem; --gm3-tooltip-plain-supporting-text-size: 0.875rem;= --gm3-tooltip-plain-supporting-text-tracking: 0rem; --gm3-tooltip-plain-su= pporting-text-weight: 500; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentFeatureComp= arisonGrid { background-color: var(--gm3-sys-color-surface-container,#f0f4f= 9); width: 100%; padding: 0px; box-sizing: border-box; height: 100%; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentScrollableC= ontainer { height: 100%; overflow-y: auto; padding: 24px; box-sizing: borde= r-box; scrollbar-gutter: stable; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentFeatureComp= arisonTableContainer { background-color: var(--gm3-sys-color-surface,#fff);= border-radius: 8px; display: block; width: 100%; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentFeatureTabl= e { display: grid; position: relative; grid-template-columns: minmax(min-co= ntent,.1fr) minmax(min-content,2fr) repeat(calc(var(--num-cols) - 2),minmax= (min-content,1.2fr)); gap: 0px; padding: 8px 16px; box-sizing: border-box; = } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableRow { = display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-i= tems: center; padding: 12px 0px; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCell {= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem= ; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; padding: 0px= 4px; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCell:n= th-child(n+3) { color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCell:n= th-child(n+4) { font-family: "Google Sans", Roboto, Arial, sans-serif; font= -size: 0.875rem; font-weight: 700; letter-spacing: 0px; line-height: 1.25re= m; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableRow:nt= h-child(2n) { background-color: var(--gm3-sys-color-surface-container-low,#= f8fafd); } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableRow:nt= h-child(2n+1) { background-color: var(--gm3-sys-color-surface,#fff); } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCell:f= irst-child { text-align: center; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCell:n= th-child(n+3) { text-align: center; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentAvailableIc= on, .appsElementsWorkspaceRecommendationFeatureComparisonGridContentUnavail= ableIcon { block-size: 20px; text-align: center; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentUnavailable= Icon.appsElementsWorkspaceRecommendationFeatureComparisonGridContentTableCe= ll { color: var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentProductIcon= { block-size: 20px; inline-size: 20px; padding: 0px 8px; } .appsElementsWorkspaceRecommendationFeatureComparisonGridContentHighlight {= position: absolute; grid-column: calc(var(--highlight-index) + 1)/var(--nu= m-cols); grid-row: 1/calc(var(--num-rows) + 2); inset: -2px -8px; margin: 0= px 6px; border: 3px solid transparent; background: linear-gradient(rgb(255,= 255, 255), rgb(255, 255, 255)) content-box content-box, linear-gradient(rg= b(255, 255, 255), rgb(255, 255, 255)) padding-box padding-box, linear-gradi= ent(31.5deg, rgb(49, 134, 255) 54%, rgb(0, 165, 183) 61%, rgb(14, 188, 95) = 67%, rgb(14, 188, 95) 70%, rgb(235, 203, 4) 78%, rgb(255, 204, 0) 80%, rgb(= 255, 204, 0) 84%, rgb(255, 189, 6) 86%, rgb(255, 107, 43) 91%, rgb(255, 70,= 65) 94%, rgb(255, 70, 65) 97%, rgb(250, 80, 107)) border-box border-box; b= order-radius: 20px; mask: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)) paddi= ng-box exclude, linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)); pointer-events= : none; } .appsElementsWorkspaceRecommendationValuePropContainer { align-items: cente= r; box-sizing: border-box; display: flex; flex-direction: column; position:= relative; text-align: center; } .appsElementsWorkspaceRecommendationValuePropLayoutContainer { align-items:= center; box-sizing: border-box; display: flex; flex-direction: column; tex= t-align: center; width: 100%; } .appsElementsWorkspaceRecommendationValuePropVariantHorizontal { container-= type: inline-size; width: 100%; } .appsElementsWorkspaceRecommendationValuePropPremiumFeature { background: r= adial-gradient(ellipse 40% 35% at 40% 115%,color-mix(in srgb,var(--ws-sys-c= olor-premium-surface-container-accent01,#8cd1ff) 60%,transparent) 0,color-m= ix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) 4= 0%,transparent) 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-co= ntainer-accent01,#8cd1ff) 10%,transparent) 80%,color-mix(in srgb,var(--ws-s= ys-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 100%),= radial-gradient(ellipse 50% 40% at 80% 110%,color-mix(in srgb,var(--ws-sys-= color-premium-surface-container-accent01,#8cd1ff) 60%,transparent) 0,color-= mix(in srgb,var(--ws-sys-color-premium-surface-container-accent01,#8cd1ff) = 40%,transparent) 50%,color-mix(in srgb,var(--ws-sys-color-premium-surface-c= ontainer-accent01,#8cd1ff) 10%,transparent) 80%,color-mix(in srgb,var(--ws-= sys-color-premium-surface-container-accent01,#8cd1ff) 0%,transparent) 100%)= ,var(--gm3-sys-color-surface-container-low,#f8fafd); border-radius: 16px; p= adding: 24px; } .appsElementsWorkspaceRecommendationValuePropPremiumFeature .appsElementsWo= rkspaceRecommendationValuePropMask { display: none; } .appsElementsWorkspaceRecommendationValuePropContentContainer { align-items= : center; box-sizing: border-box; display: flex; flex-direction: column; te= xt-align: center; width: 100%; } .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsElement= sWorkspaceRecommendationValuePropLayoutContainer { align-items: center; dis= play: flex; flex-direction: row; gap: 32px; justify-content: space-between;= padding: 24px; text-align: start; width: 100%; } @container (max-width: 600px) { .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsEleme= ntsWorkspaceRecommendationValuePropLayoutContainer { flex-direction: column= ; gap: 16px; text-align: center; } } .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsElement= sWorkspaceRecommendationValuePropContentContainer { align-items: flex-start= ; flex: 1 1 0%; text-align: start; } @container (max-width: 600px) { .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsEleme= ntsWorkspaceRecommendationValuePropContentContainer { align-items: center; = text-align: center; } } .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsElement= sWorkspaceRecommendationValuePropActions { justify-content: flex-start; } @container (max-width: 600px) { .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsEleme= ntsWorkspaceRecommendationValuePropActions { justify-content: center; } } .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsElement= sWorkspaceRecommendationValuePropImage { flex-shrink: 0; max-width: 312px; = } @container (max-width: 600px) { .appsElementsWorkspaceRecommendationValuePropVariantHorizontal .appsEleme= ntsWorkspaceRecommendationValuePropImage { max-width: 100%; } } .appsElementsWorkspaceRecommendationValuePropCloseAction { position: absolu= te; top: 8px; right: 8px; } .appsElementsWorkspaceRecommendationValuePropImage { max-width: 100%; } .appsElementsWorkspaceRecommendationValuePropMask { background-image: radia= l-gradient(var(--ae-value-prop-mask-color,#bde9ff),var(--gm3-sys-color-surf= ace,#fff)); filter: blur(100px); block-size: 30%; margin-block-start: 100px= ; position: absolute; inline-size: 20%; z-index: -1; } .appsElementsWorkspaceRecommendationValuePropTitle { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 1.75rem; font-weight: 400; lett= er-spacing: 0px; line-height: 2.25rem; margin-block: 16px; text-wrap: prett= y; } .appsElementsWorkspaceRecommendationValuePropDescription { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; l= etter-spacing: 0px; line-height: 1.5rem; } .appsElementsWorkspaceRecommendationValuePropDisclaimerText { margin-top: 1= 6px; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75= rem; font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsWorkspaceRecommendationValuePropActions { display: flex; flex-= direction: row; gap: 12px; justify-content: center; align-items: center; } .appsElementsWorkspaceRecommendationValuePropFilledPrimaryAction { margin-t= op: 24px; } .appsElementsWorkspaceRecommendationValuePropPrimaryAction, .appsElementsWo= rkspaceRecommendationValuePropSecondaryAction { font-family: "Google Sans",= Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spaci= ng: 0px; line-height: 1.5rem; } .appsElementsWorkspaceRecommendationValuePropBadgeContainer { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.5rem; margin-block-start: 16px; } .appsElementsWorkspaceRecommendationValuePropBadge { --ae-badge-container-c= olor: transparent; --ae-badge-text-color: var(--ws-sys-color-extended-on-gr= een-outline,#006c35); --ae-badge-outline-color: var(--ws-sys-color-extended= -green-outline,#beefbb); } .appsElementsWorkspaceRecommendationValuePropDisclaimer .appsElementsWorksp= aceRecommendationValuePropDescription { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0= .00625rem; line-height: 1rem; } .appsElementsWorkspaceRecommendationValuePropGroupGroupsContainer { display= : flex; flex-direction: column; gap: 24px; } .appsElementsWorkspaceRecommendationValuePropGroupTitle { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; margin-block-end: 16px; } .appsElementsWorkspaceRecommendationValuePropGroupGroupsContainer .appsElem= entsWorkspaceRecommendationValuePropGroupPrimaryFeatureGroupTitle { color: = var(--gm3-sys-color-primary,#0b57d0); } .appsElementsWorkspaceRecommendationValuePropGroupValuePropList { list-styl= e: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; = gap: 16px; } .appsElementsWorkspaceRecommendationValuePropGroupValuePropItem { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-wei= ght: 400; letter-spacing: 0px; line-height: 1.25rem; display: flex; gap: 12= px; } .appsElementsWorkspaceRecommendationValuePropGroupValuePropItemDisclaimer {= font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem;= font-weight: 400; letter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsWorkspaceRecommendationValuePropGroupValuePropIcon { block-siz= e: 24px; inline-size: 24px; color: var(--gm3-sys-color-primary,#0b57d0); ma= rgin-top: -2px; } .appsElementsWorkspaceRecommendationValuePropGroupValuePropTitle { font-fam= ily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-we= ight: 500; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationValuePropGroupValuePropItemDisclaimer .= appsElementsWorkspaceRecommendationValuePropGroupValuePropTitle { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 500; letter-spacing: 0px; line-height: 1rem; } .appsElementsWorkspaceRecommendationValuePropGroupsCardGroupsContainer { ma= rgin: 0px auto 8px; max-width: 500px; } .appsElementsWorkspaceRecommendationValuePropGroupsCardValuePropList { disp= lay: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardContainer { back= ground-color: var(--gm3-sys-color-surface,#fff); border-radius: 12px; displ= ay: flex; flex-direction: column; gap: 12px; justify-content: space-between= ; padding: 16px; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardPrimaryFeature {= background-color: var(--gm3-sys-color-tertiary-container,#c4eed0); color: = var(--gm3-sys-color-on-tertiary-container,#0f5223); justify-content: center= ; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardTitleMedium { fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-= weight: 500; letter-spacing: 0px; line-height: 1.5rem; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardTitleLarge { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1.375rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.75rem; padding-block: 2= 4px; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardSecondaryFeature= { background-color: var(--gm3-sys-color-primary-container,#d3e3fd); } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardDescription { fo= nt-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; f= ont-weight: 400; letter-spacing: 0px; line-height: 1.25rem; margin-block-st= art: 4px; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardPrimaryAction { = font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem;= font-weight: 500; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardMedia { align-it= ems: center; background-color: var(--gm3-sys-color-surface,#fff); border-ra= dius: 4px; display: flex; justify-content: center; min-height: 100px; overf= low: hidden; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardVideo { display:= block; width: 100%; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardImage { width: 7= 5%; display: block; } .appsElementsWorkspaceRecommendationValuePropGroupsCardCardColSpanDouble { = grid-column: span 2; } .appsElementsSidekickAbuseWarningWarning { --leFxrb: var(--ae-banner-contai= ner-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--= ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nH= WRyc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44= 4746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface= -variant,#444746)); --gm3-icon-button-standard-unselected-icon-color: var(-= -ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --g= m3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-st= andard-unselected-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sy= s-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected= -pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surf= ace-variant,#444746)); --gm3-icon-button-standard-unselected-hover-state-la= yer-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-varian= t,#444746)); --gm3-icon-button-standard-unselected-pressed-state-layer-colo= r: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#44474= 6)); --gm3-button-text-label-text-color: var(--ae-banner-action-color,var(-= -gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text-color:= var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-= button-text-focus-label-text-color: var(--ae-banner-action-color,var(--gm3-= sys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-color: va= r(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-but= ton-text-hover-state-layer-color: var(--ae-banner-action-color,var(--gm3-sy= s-color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var= (--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butt= on-filled-container-color: var(--ae-banner-button-filled-container-color,va= r(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-color: = var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#ff= f)); --gm3-button-filled-hover-label-text-color: var(--ae-banner-button-fil= led-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-f= ocus-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-s= ys-color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-hover-state-layer-color: var(--ae-banner-button-fil= led-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-p= ressed-state-layer-color: var(--ae-banner-button-filled-text-color,var(--gm= 3-sys-color-on-primary,#fff)); } .appsElementsSidekickAbuseWarningWarning:link { color: var(--ae-banner-text= -link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decoration: underli= ne; } .appsElementsSidekickAbuseWarningWarning { --WsPOW: 16px; --ae-banner-actio= n-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-co= ntainer-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-fil= led-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-container= -color: var(--gm3-sys-color-surface-container,#f0f4f9); --ae-banner-text-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --ae-banner-text-link= -color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickAbuseWarningIcon { margin-inline: 12px 10px; } .appsElementsSidekickAbuseWarningText { margin-inline-end: 12px; } .appsElementsSidekickActionBarIcon.appsElementsSidekickActionBarIcon.appsEl= ementsSidekickActionBarIcon { margin-inline-end: 5px; } .appsElementsSidekickActivityViewRoot { display: flex; flex-direction: colu= mn; gap: 24px; margin-block-end: 8px; overflow-y: auto; } .appsElementsSidekickActivityViewGroup { display: flex; flex-direction: col= umn; gap: 8px; } .appsElementsSidekickActivityViewGroup:empty { display: none; } .appsElementsSidekickActivityViewList { display: flex; flex-direction: colu= mn; gap: 8px; padding: 0px; } .appsElementsSidekickActivityViewGroupHeader { align-items: center; display= : flex; height: 16px; justify-content: space-between; padding-inline: 0px; = } .appsElementsSidekickActivityViewGroupTitleText { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-sur= face-variant,#444746); } .appsElementsSidekickActivityViewToggleExpansionButton { --gm3-button-text-= container-height: 20px; --gm3-button-text-label-text-color: var(--gm3-sys-c= olor-outline,#747775); --gm3-button-text-label-text-size: 0.6875rem; --gm3-= button-text-label-text-tracking: 0.00625rem; --gm3-button-text-label-text-w= eight: 500; --gm3-button-text-leading-space: 0; --gm3-button-text-trailing-= space: 0; padding-inline: 0px; } .appsElementsSidekickActivityViewItem { --gm3-list-list-item-between-space:= 8px; --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-con= tainer,#f0f4f9); --gm3-list-list-item-container-shape: 16px; --gm3-list-lis= t-item-content-gap: 12px; --gm3-list-list-item-label-text-color: var(--gm3-= sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-line-height:= 1rem; --gm3-list-list-item-label-text-size: 0.75rem; --gm3-list-list-item-= label-text-tracking: 0.00625rem; --gm3-list-list-item-label-text-weight: 50= 0; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-list-list-item-leading-icon-size: 36px; --gm3-list-= list-item-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f= ); --gm3-list-list-item-selected-label-text-weight: 500; --gm3-list-list-it= em-selected-supporting-text-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-list-list-item-supporting-text-line-height= : 1rem; --gm3-list-list-item-supporting-text-size: 0.75rem; --gm3-list-list= -item-supporting-text-tracking: 0.00625rem; --gm3-list-list-item-supporting= -text-weight: 400; --gm3-list-list-item-two-line-container-height: 64px; --= gm3-list-list-item-control-selected-container-color: var(--gm3-sys-color-su= rface-container,#f0f4f9); --gm3-list-list-item-control-selected-container-s= hape: 16px; --gm3-list-list-item-control-selected-label-text-color: var(--g= m3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-lab= el-text-weight: 500; --gm3-list-list-item-control-selected-leading-icon-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-c= ontrol-selected-supporting-text-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-list-list-item-control-selected-container-shape-start-st= art: 16px; --gm3-list-list-item-control-selected-container-shape-start-end:= 16px; --gm3-list-list-item-control-selected-container-shape-end-end: 16px;= --gm3-list-list-item-control-selected-container-shape-end-start: 16px; --g= m3-list-list-item-container-shape-start-start: 16px; --gm3-list-list-item-c= ontainer-shape-start-end: 16px; --gm3-list-list-item-container-shape-end-en= d: 16px; --gm3-list-list-item-container-shape-end-start: 16px; --gm3-list-c= ontainer-shape-end-end: 16px; --gm3-list-container-shape-end-start: 16px; -= -gm3-list-container-shape-start-end: 16px; --gm3-list-container-shape-start= -start: 16px; --gm3-list-list-item-selected-container-shape-end-end: 16px; = --gm3-list-list-item-selected-container-shape-end-start: 16px; --gm3-list-l= ist-item-selected-container-shape-start-end: 16px; --gm3-list-list-item-sel= ected-container-shape-start-start: 16px; --gm3-list-focus-indicator-shape-e= nd-end: 16px; --gm3-list-focus-indicator-shape-end-start: 16px; --gm3-list-= focus-indicator-shape-start-end: 16px; --gm3-list-focus-indicator-shape-sta= rt-start: 16px; --gm3-list-list-item-hover-state-layer-shape-end-end: 16px;= --gm3-list-list-item-hover-state-layer-shape-end-start: 16px; --gm3-list-l= ist-item-hover-state-layer-shape-start-end: 16px; --gm3-list-list-item-hove= r-state-layer-shape-start-start: 16px; --gm3-list-list-item-fallback-select= ion-end-margin: 0; --gm3-list-list-item-fallback-selection-content-gap: 12p= x; margin-inline: 0px; } .appsElementsSidekickActivityViewItem :has(> .appsElementsSidekickActivityV= iewIcon) { display: flex; align-items: center; justify-content: center; bac= kground-color: var(--gm3-sys-color-surface-container-lowest,#fff); border-r= adius: 8px; } .appsElementsSidekickActivityViewItemFailed { --gm3-list-list-item-supporti= ng-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-list-list-item-sel= ected-supporting-text-color: var(--gm3-sys-color-error,#b3261e); --gm3-list= -list-item-control-selected-supporting-text-color: var(--gm3-sys-color-erro= r,#b3261e); --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickActivityViewItemCompleted { --gm3-list-list-item-suppo= rting-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-ite= m-selected-supporting-text-color: var(--gm3-sys-color-primary,#0b57d0); --g= m3-list-list-item-control-selected-supporting-text-color: var(--gm3-sys-col= or-primary,#0b57d0); --gm3-list-list-item-fallback-selection-end-margin: 0;= } .appsElementsSidekickActivityViewItemInProgress { --gm3-list-list-item-lead= ing-icon-color: transparent; --gm3-list-list-item-hover-leading-icon-icon-c= olor: transparent; --gm3-list-list-item-control-selected-hover-leading-icon= -color: transparent; --gm3-list-list-item-control-selected-leading-icon-col= or: transparent; --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickActivityViewItemNotStarted { --gm3-list-list-item-supp= orting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-it= em-selected-supporting-text-color: var(--gm3-sys-color-outline,#747775); --= gm3-list-list-item-control-selected-supporting-text-color: var(--gm3-sys-co= lor-outline,#747775); --gm3-list-list-item-fallback-selection-end-margin: 0= ; } .appsElementsSidekickActivityViewItemCancelled { --gm3-list-list-item-suppo= rting-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-li= st-list-item-selected-supporting-text-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-list-list-item-control-selected-supporting-text-co= lor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-= fallback-selection-end-margin: 0; } .appsElementsSidekickActivityViewIcon { --gm3-list-list-item-leading-icon-s= ize: 20px; --gm3-list-list-item-fallback-selection-end-margin: 0; display: = contents; } .appsElementsSidekickActivityViewCircularProgress { --EkrYwf: 20px; --EscQs= : 2px; } .appsElementsSidekickMessagesLearnMoreLink:active, .appsElementsSidekickMes= sagesLearnMoreLink:hover, .appsElementsSidekickMessagesLearnMoreLink:link, = .appsElementsSidekickMessagesLearnMoreLink:visited { color: var(--gm3-sys-c= olor-on-surface-variant,#444746); } .appsElementsSidekickMessagesLearnMoreLink { text-decoration: underline; te= xt-underline-offset: 3px; } .appsElementsSidekickEntityZeroStateRoot { display: flex; flex-direction: c= olumn; inline-size: 100%; max-inline-size: 672px; } .appsElementsSidekickEntityZeroStateCustomRoot { gap: 8px; justify-content:= center; min-block-size: 100%; align-items: center; } .appsElementsSidekickEntityZeroStateHeaderContainer { margin-inline: 4px; } .appsElementsSidekickEntityZeroStateHeader { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; letter-spacin= g: 0px; line-height: 2rem; margin-block: 8px; } .appsElementsSidekickEntityZeroStateLogo { aspect-ratio: 1 / 1; box-sizing:= border-box; overflow: hidden; flex-shrink: 0; } .appsElementsSidekickEntityZeroStateAvatar { border-radius: 9999px; } .appsElementsSidekickEntityZeroStateSuggestion { border-radius: 8px; } .appsElementsSidekickEntityZeroStateCustom { inline-size: 56px; } .appsElementsSidekickEntityZeroStatePremade { inline-size: 36px; } .appsElementsSidekickEntityZeroStateSuggestionIcon { --gm3-list-list-item-l= eading-icon-size: 20px; --gm3-list-list-item-fallback-selection-end-margin:= 0; } .appsElementsSidekickEntityZeroStatePremadeMonogram { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter= -spacing: 0px; line-height: 1.5rem; user-select: none; } .appsElementsSidekickEntityZeroStateCustomMonogram { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 1.375rem; font-weight: 400; let= ter-spacing: 0px; line-height: 1.75rem; user-select: none; } .appsElementsSidekickEntityZeroStateDescription { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-= spacing: 0.00625rem; line-height: 1rem; } .appsElementsSidekickEntityZeroStateList { --gm3-list-list-item-container-c= olor: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-list-list-item-= container-shape: 4px; --gm3-list-list-item-content-gap: 12px; --gm3-list-li= st-item-hover-state-layer-opacity: 0; --gm3-list-list-item-label-text-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-= line-height: 1rem; --gm3-list-list-item-label-text-size: 0.75rem; --gm3-lis= t-list-item-label-text-tracking: 0.00625rem; --gm3-list-list-item-label-tex= t-weight: 500; --gm3-list-list-item-leading-icon-size: 36px; --gm3-list-lis= t-item-leading-image-height: 36px; --gm3-list-list-item-leading-image-shape= : 8px; --gm3-list-list-item-leading-image-width: 36px; --gm3-list-list-item= -leading-space: 12px; --gm3-list-list-item-supporting-text-color: var(--gm3= -sys-color-outline,#747775); --gm3-list-list-item-supporting-text-line-heig= ht: 1rem; --gm3-list-list-item-supporting-text-size: 0.75rem; --gm3-list-li= st-item-supporting-text-tracking: 0.00625rem; --gm3-list-list-item-supporti= ng-text-weight: 500; --gm3-list-list-item-trailing-space: 12px; --gm3-list-= list-item-two-line-container-height: 64px; --gm3-list-list-item-control-sel= ected-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm= 3-list-list-item-control-selected-container-shape: 4px; --gm3-list-list-ite= m-control-selected-hover-state-layer-opacity: 0; --gm3-list-list-item-contr= ol-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-list-list-item-control-selected-label-text-weight: 500; --gm3-list-list-i= tem-control-selected-supporting-text-color: var(--gm3-sys-color-outline,#74= 7775); --gm3-list-list-item-control-selected-container-shape-start-start: 4= px; --gm3-list-list-item-control-selected-container-shape-start-end: 4px; -= -gm3-list-list-item-control-selected-container-shape-end-end: 4px; --gm3-li= st-list-item-control-selected-container-shape-end-start: 4px; --gm3-list-li= st-item-container-shape-start-start: 4px; --gm3-list-list-item-container-sh= ape-start-end: 4px; --gm3-list-list-item-container-shape-end-end: 4px; --gm= 3-list-list-item-container-shape-end-start: 4px; --gm3-list-container-shape= -end-end: 4px; --gm3-list-container-shape-end-start: 4px; --gm3-list-contai= ner-shape-start-end: 4px; --gm3-list-container-shape-start-start: 4px; --gm= 3-list-list-item-selected-container-shape-end-end: 4px; --gm3-list-list-ite= m-selected-container-shape-end-start: 4px; --gm3-list-list-item-selected-co= ntainer-shape-start-end: 4px; --gm3-list-list-item-selected-container-shape= -start-start: 4px; --gm3-list-focus-indicator-shape-end-end: 4px; --gm3-lis= t-focus-indicator-shape-end-start: 4px; --gm3-list-focus-indicator-shape-st= art-end: 4px; --gm3-list-focus-indicator-shape-start-start: 4px; --gm3-list= -list-item-hover-state-layer-shape-end-end: 4px; --gm3-list-list-item-hover= -state-layer-shape-end-start: 4px; --gm3-list-list-item-hover-state-layer-s= hape-start-end: 4px; --gm3-list-list-item-hover-state-layer-shape-start-sta= rt: 4px; --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-= list-item-fallback-selection-content-gap: 12px; display: flex; flex-directi= on: column; gap: 2px; margin-block-start: 24px; padding: 0px; } .appsElementsSidekickEntityZeroStateItem:not([aria-disabled=3D"true"]):hove= r { --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-conta= iner-highest,#dde3ea); --gm3-list-list-item-control-selected-container-colo= r: var(--gm3-sys-color-surface-container-highest,#dde3ea); --gm3-list-list-= item-fallback-selection-end-margin: 0; } .appsElementsSidekickEntityZeroStateItem:only-child { --gm3-list-list-item-= container-shape: 16px; --gm3-list-list-item-control-selected-container-shap= e: 16px; --gm3-list-list-item-control-selected-container-shape-start-start:= 16px; --gm3-list-list-item-control-selected-container-shape-start-end: 16p= x; --gm3-list-list-item-control-selected-container-shape-end-end: 16px; --g= m3-list-list-item-control-selected-container-shape-end-start: 16px; --gm3-l= ist-list-item-container-shape-start-start: 16px; --gm3-list-list-item-conta= iner-shape-start-end: 16px; --gm3-list-list-item-container-shape-end-end: 1= 6px; --gm3-list-list-item-container-shape-end-start: 16px; --gm3-list-conta= iner-shape-end-end: 16px; --gm3-list-container-shape-end-start: 16px; --gm3= -list-container-shape-start-end: 16px; --gm3-list-container-shape-start-sta= rt: 16px; --gm3-list-list-item-selected-container-shape-end-end: 16px; --gm= 3-list-list-item-selected-container-shape-end-start: 16px; --gm3-list-list-= item-selected-container-shape-start-end: 16px; --gm3-list-list-item-selecte= d-container-shape-start-start: 16px; --gm3-list-focus-indicator-shape-end-e= nd: 16px; --gm3-list-focus-indicator-shape-end-start: 16px; --gm3-list-focu= s-indicator-shape-start-end: 16px; --gm3-list-focus-indicator-shape-start-s= tart: 16px; --gm3-list-list-item-hover-state-layer-shape-end-end: 16px; --g= m3-list-list-item-hover-state-layer-shape-end-start: 16px; --gm3-list-list-= item-hover-state-layer-shape-start-end: 16px; --gm3-list-list-item-hover-st= ate-layer-shape-start-start: 16px; --gm3-list-list-item-fallback-selection-= end-margin: 0; } .appsElementsSidekickEntityZeroStateItem:not(:only-child):first-child { --g= m3-list-list-item-container-shape: 16px 16px 4px 4px; --gm3-list-list-item-= control-selected-container-shape: 16px 16px 4px 4px; --gm3-list-list-item-c= ontrol-selected-container-shape-start-start: 16px; --gm3-list-list-item-con= trol-selected-container-shape-start-end: 16px; --gm3-list-list-item-control= -selected-container-shape-end-end: 4px; --gm3-list-list-item-control-select= ed-container-shape-end-start: 4px; --gm3-list-list-item-container-shape-sta= rt-start: 16px; --gm3-list-list-item-container-shape-start-end: 16px; --gm3= -list-list-item-container-shape-end-end: 4px; --gm3-list-list-item-containe= r-shape-end-start: 4px; --gm3-list-container-shape-end-end: 4px; --gm3-list= -container-shape-end-start: 4px; --gm3-list-container-shape-start-end: 16px= ; --gm3-list-container-shape-start-start: 16px; --gm3-list-list-item-select= ed-container-shape-end-end: 4px; --gm3-list-list-item-selected-container-sh= ape-end-start: 4px; --gm3-list-list-item-selected-container-shape-start-end= : 16px; --gm3-list-list-item-selected-container-shape-start-start: 16px; --= gm3-list-focus-indicator-shape-end-end: 4px; --gm3-list-focus-indicator-sha= pe-end-start: 4px; --gm3-list-focus-indicator-shape-start-end: 16px; --gm3-= list-focus-indicator-shape-start-start: 16px; --gm3-list-list-item-hover-st= ate-layer-shape-end-end: 4px; --gm3-list-list-item-hover-state-layer-shape-= end-start: 4px; --gm3-list-list-item-hover-state-layer-shape-start-end: 16p= x; --gm3-list-list-item-hover-state-layer-shape-start-start: 16px; --gm3-li= st-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickEntityZeroStateItem:not(:only-child):last-child { --gm= 3-list-list-item-container-shape: 4px 4px 16px 16px; --gm3-list-list-item-c= ontrol-selected-container-shape: 4px 4px 16px 16px; --gm3-list-list-item-co= ntrol-selected-container-shape-start-start: 4px; --gm3-list-list-item-contr= ol-selected-container-shape-start-end: 4px; --gm3-list-list-item-control-se= lected-container-shape-end-end: 16px; --gm3-list-list-item-control-selected= -container-shape-end-start: 16px; --gm3-list-list-item-container-shape-star= t-start: 4px; --gm3-list-list-item-container-shape-start-end: 4px; --gm3-li= st-list-item-container-shape-end-end: 16px; --gm3-list-list-item-container-= shape-end-start: 16px; --gm3-list-container-shape-end-end: 16px; --gm3-list= -container-shape-end-start: 16px; --gm3-list-container-shape-start-end: 4px= ; --gm3-list-container-shape-start-start: 4px; --gm3-list-list-item-selecte= d-container-shape-end-end: 16px; --gm3-list-list-item-selected-container-sh= ape-end-start: 16px; --gm3-list-list-item-selected-container-shape-start-en= d: 4px; --gm3-list-list-item-selected-container-shape-start-start: 4px; --g= m3-list-focus-indicator-shape-end-end: 16px; --gm3-list-focus-indicator-sha= pe-end-start: 16px; --gm3-list-focus-indicator-shape-start-end: 4px; --gm3-= list-focus-indicator-shape-start-start: 4px; --gm3-list-list-item-hover-sta= te-layer-shape-end-end: 16px; --gm3-list-list-item-hover-state-layer-shape-= end-start: 16px; --gm3-list-list-item-hover-state-layer-shape-start-end: 4p= x; --gm3-list-list-item-hover-state-layer-shape-start-start: 4px; --gm3-lis= t-list-item-fallback-selection-end-margin: 0; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickEntityZeroStateItem { outline: transparent solid 1px= ; } } .appsElementsSidekickEntityZeroStateItem > :nth-last-child(2) > :first-chil= d { text-wrap: pretty; } .appsElementsSidekickEntityZeroStateAlertDialog { --eNKeTe: var(--gm3-sys-c= olor-surface-container-high,#e9eef6); --bBZC5b: 0; --Tlqqfc: 320px; } .appsElementsSidekickGemLogoRoot { align-items: center; display: flex; flex= -shrink: 0; justify-content: center; } .appsElementsSidekickGemLogoLight { color: var(--ae-gem-icon-color-light,va= r(--gm3-sys-color-on-surface-variant,#444746)); border: 1px solid var(--ae-= gem-border-color-light,var(--gm3-sys-color-surface,#fff)); background-color= : var(--ae-gem-bg-color-light,var(--gm3-sys-color-surface,#fff)); display: = var(--ae-sidekick-gem-display-light,flex); } .appsElementsSidekickGemLogoDark { color: var(--ae-gem-icon-color-dark,var(= --gm3-sys-color-on-surface-variant,#444746)); border: 1px solid var(--ae-ge= m-border-color-dark,var(--gm3-sys-color-surface,#fff)); background-color: v= ar(--ae-gem-bg-color-dark,var(--gm3-sys-color-surface,#fff)); display: var(= --ae-sidekick-gem-display-dark,none); } .appsElementsSidekickGemLogoDefault { color: var(--gm3-sys-color-on-surface= -variant,#444746); border: 1px solid var(--gm3-sys-color-surface,#fff); bac= kground-color: var(--gm3-sys-color-surface,#fff); } .appsElementsSidekickAiFeaturePreferencesRoot { display: flex; flex-directi= on: column; inline-size: 100%; max-inline-size: 672px; block-size: 100%; po= sition: relative; box-sizing: border-box; } .appsElementsSidekickAiFeaturePreferencesInstructionsHeader { display: flex= ; align-items: center; gap: 20px; padding-left: 8px; } .appsElementsSidekickAiFeaturePreferencesInstructionsLabelAndTooltip { disp= lay: flex; align-items: center; flex-grow: 1; gap: 16px; } .appsElementsSidekickAiFeaturePreferencesInstructionsLabel { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: = 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-= on-surface,#1f1f1f); flex-grow: 1; } .appsElementsSidekickAiFeaturePreferencesInstructionsTooltipIcon { color: v= ar(--gm3-sys-color-on-surface-variant,#444746); display: flex; align-items:= center; block-size: 24px; inline-size: 24px; } .appsElementsSidekickAiFeaturePreferencesInstructionsTooltipButton { --gm3-= icon-button-standard-container-width: 24px; --gm3-icon-button-standard-cont= ainer-height: 24px; vertical-align: middle; } .appsElementsSidekickAiFeaturePreferencesInstructionsTooltipButton::before = { display: none; } .appsElementsSidekickAiFeaturePreferencesInstructionsToggle { display: flex= ; align-items: center; --gm3-switch-track-width: 32px; --gm3-switch-track-h= eight: 20px; --gm3-switch-state-layer-size: 25px; --gm3-switch-pressed-hand= le-height: 16px; --gm3-switch-pressed-handle-width: 16px; --gm3-switch-sele= cted-handle-height: 14px; --gm3-switch-selected-handle-width: 14px; --gm3-s= witch-selected-icon-size: 10px; --gm3-switch-unselected-handle-height: 10px= ; --gm3-switch-unselected-handle-width: 10px; --gm3-switch-unselected-icon-= size: 10px; --gm3-switch-with-icon-handle-height: 14px; --gm3-switch-with-i= con-handle-width: 14px; --gm3-switch-touch-target-height: 20px; --gm3-switc= h-touch-target-width: 33px; } .appsElementsSidekickAiFeaturePreferencesMenuListContainer { display: flex;= flex-direction: row; position: relative; } .appsElementsSidekickAiFeaturePreferencesOverflowButton { visibility: hidde= n; inset-block-start: calc(48px*var(--ae-sidekick-preference-index-offset, = 0)); pointer-events: auto; } .appsElementsSidekickAiFeaturePreferencesOverflowButtonVisible { visibility= : visible; } .appsElementsSidekickAiFeaturePreferencesOverflowMenuButtonContainer { posi= tion: absolute; padding: 0px; inset-block: 0px; right: 8px; pointer-events:= none; } .appsElementsSidekickAiFeaturePreferencesContentContainer { display: flex; = flex-direction: column; flex-grow: 1; overflow-y: auto; } .appsElementsSidekickAiFeaturePreferencesMenuList { padding: 0px; min-inlin= e-size: 0px; flex-grow: 1; pointer-events: auto; } .appsElementsSidekickAiFeaturePreferencesLoadingIndicator { display: flex; = justify-content: center; padding-block-start: 48px; } .appsElementsSidekickAiFeaturePreferencesEmptyState { display: flex; flex-d= irection: column; align-items: center; padding: 48px 24px; text-align: cent= er; } .appsElementsSidekickAiFeaturePreferencesEmptyStateWithAibSection { padding= -block-end: 0px; } .appsElementsSidekickAiFeaturePreferencesTitle { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spac= ing: 0px; line-height: 1.5rem; margin: 16px 0px 0px; color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); } .appsElementsSidekickAiFeaturePreferencesSubtitle { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; lett= er-spacing: 0px; line-height: 1.25rem; margin-block-start: 8px; color: var(= --gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickAiFeaturePreferencesAddButtonContainer { display: flex= ; justify-content: flex-start; padding: 16px 8px; } .appsElementsSidekickAiFeaturePreferencesAddButtonContainerCentered { justi= fy-content: center; padding: 24px 0px 0px; } .appsElementsSidekickAiFeaturePreferencesAddButtonContainer > .appsElements= SidekickAiFeaturePreferencesAddButton { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: = 0px; line-height: 1.25rem; --gm3-button-filled-container-height: 40px; --gm= 3-button-filled-label-text-font: "Google Sans"; --gm3-button-filled-with-ic= on-icon-size: 20px; padding-inline: 12px 16px; } .appsElementsSidekickAiFeaturePreferencesDeleteAllButtonContainer { display= : flex; justify-content: flex-start; padding-left: 8px; } .appsElementsSidekickAiFeaturePreferencesDeleteAllButtonContainer > .appsEl= ementsSidekickAiFeaturePreferencesDeleteAllButton { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; lett= er-spacing: 0px; line-height: 1.25rem; --gm3-button-outlined-container-heig= ht: 40px; --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color= -primary,#0b57d0); --gm3-button-outlined-hover-label-text-color: var(--gm3-= sys-color-primary,#0b57d0); --gm3-button-outlined-hover-state-layer-color: = var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-label-text-colo= r: var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-label-text-f= ont: "Google Sans"; --gm3-button-outlined-outline-color: var(--gm3-sys-colo= r-outline-variant,#c4c7c5); --gm3-button-outlined-outline-width: 1px; --gm3= -button-outlined-pressed-label-text-color: var(--gm3-sys-color-primary,#0b5= 7d0); --gm3-button-outlined-with-icon-focus-icon-color: var(--gm3-sys-color= -primary,#0b57d0); --gm3-button-outlined-with-icon-hover-icon-color: var(--= gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-with-icon-icon-color:= var(--gm3-sys-color-primary,#0b57d0); --gm3-button-outlined-with-icon-icon= -size: 20px; --gm3-button-outlined-with-icon-pressed-icon-color: var(--gm3-= sys-color-primary,#0b57d0); --gm3-button-outlined-pressed-state-layer-color= : var(--gm3-sys-color-primary,#0b57d0); padding-inline: 12px 16px; } .appsElementsSidekickAiFeaturePreferencesDialogContent { --pjsEwc: 472px; -= -eNKeTe: var(--gm3-sys-color-surface-container-low,#f8fafd); --W1aG0b: 12px= ,20px; --urucif: 12px; --Cv3aid: 20px; --xkSh4b: 12px; --tukwab: 20px; } .appsElementsSidekickAiFeaturePreferencesTextareaContainer { background: va= r(--gm3-sys-color-surface-bright,#fff); border-radius: 12px; } .appsElementsSidekickAiFeaturePreferencesTextarea { --gm3-text-field-outlin= ed-container-shape: 10px; --gm3-text-field-outlined-outline-color: transpar= ent; --gm3-text-field-outlined-outline-width: 2px; --gm3-text-field-outline= d-hover-outline-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-text-fie= ld-outlined-hover-outline-width: 2px; --gm3-text-field-outlined-focus-indic= ator-outline-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-text-field-= outlined-focus-indicator-outline-thickness: 2px; --gm3-text-field-outlined-= input-text-placeholder-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-text-field-outlined-input-text-color: var(--gm3-sys-color-on-surf= ace,#1f1f1f); --gm3-text-field-outlined-container-shape-start-start: 10px; = --gm3-text-field-outlined-container-shape-start-end: 10px; --gm3-text-field= -outlined-container-shape-end-end: 10px; --gm3-text-field-outlined-containe= r-shape-end-start: 10px; inline-size: 100%; block-size: 240px; } .appsElementsSidekickAiFeaturePreferencesTextareaInput { block-size: 100%; = } .appsElementsSidekickAiFeaturePreferencesAibSectionContainer { border-block= -start: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); display: fl= ex; flex-direction: column; gap: 8px; margin-block-start: 8px; padding-bloc= k: 16px; } .appsElementsSidekickAiFeaturePreferencesEmptyState + .appsElementsSidekick= AiFeaturePreferencesAibSectionContainer { margin-block-start: 32px; } .appsElementsSidekickAiFeaturePreferencesAibSectionHeaderContainer { align-= items: center; display: flex; justify-content: space-between; padding-inlin= e: 0px 16px; } .appsElementsSidekickAiFeaturePreferencesAibSectionHeader { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 5= 00; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-o= n-surface,#1f1f1f); margin: 0px; padding-inline-start: 8px; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem { --gm3-list-l= ist-item-content-gap: 8px; --gm3-list-list-item-hover-state-layer-color: va= r(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-hover-state-lay= er-opacity: 0.08; --gm3-list-list-item-hover-state-layer-shape: 36px; --gm3= -list-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-list-list-item-label-text-line-height: 1rem; --gm3-list-list-item-lab= el-text-size: 0.75rem; --gm3-list-list-item-label-text-weight: 500; --gm3-l= ist-list-item-leading-avatar-shape: 9999px; --gm3-list-list-item-leading-av= atar-size: 24px; --gm3-list-list-item-leading-icon-size: 24px; --gm3-list-l= ist-item-leading-space: 8px; --gm3-list-list-item-supporting-text-color: va= r(--gm3-sys-color-outline,#747775); --gm3-list-list-item-supporting-text-li= ne-height: 1rem; --gm3-list-list-item-supporting-text-size: 0.75rem; --gm3-= list-list-item-supporting-text-weight: 500; --gm3-list-list-item-trailing-s= pace: 8px; --gm3-list-list-item-two-line-container-height: 40px; --gm3-list= -list-item-two-line-padding: 4px; --gm3-list-list-item-control-selected-hov= er-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-l= ist-item-control-selected-hover-state-layer-opacity: 0.08; --gm3-list-list-= item-control-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1= f1f); --gm3-list-list-item-control-selected-label-text-weight: 500; --gm3-l= ist-list-item-control-selected-supporting-text-color: var(--gm3-sys-color-o= utline,#747775); --gm3-list-list-item-hover-state-layer-shape-start-start: = 36px; --gm3-list-list-item-hover-state-layer-shape-start-end: 36px; --gm3-l= ist-list-item-hover-state-layer-shape-end-end: 36px; --gm3-list-list-item-h= over-state-layer-shape-end-start: 36px; --gm3-list-list-item-fallback-selec= tion-end-margin: 0; --gm3-list-list-item-fallback-selection-content-gap: 8p= x; padding-right: 48px; border-right: 4px; margin-block-end: 8px; transitio= n: background-color 0.3s; position: relative; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem::before { posi= tion: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px= ; left: 0px; border: 1px solid transparent; border-radius: inherit; content= : ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem::before { bo= rder-color: canvastext; } } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem > :last-child = { display: inline-flex; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem:focus-within .= appsElementsSidekickAiFeaturePreferencesTileContentAibDeleteButton, .appsEl= ementsSidekickAiFeaturePreferencesTileContentMenuItem:hover .appsElementsSi= dekickAiFeaturePreferencesTileContentAibDeleteButton { pointer-events: auto= ; visibility: visible; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItem:has(.appsEleme= ntsSidekickAiFeaturePreferencesTileContentAibDeleteButton:hover) { --gm3-li= st-list-item-hover-state-layer-opacity: 0; --gm3-list-list-item-control-sel= ected-hover-state-layer-opacity: 0; --gm3-list-list-item-fallback-selection= -end-margin: 0; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItemHighlight { bac= kground-color: var(--gm3-sys-color-surface-container-high,#e9eef6); border-= radius: 9999px; } .appsElementsSidekickAiFeaturePreferencesTileContentMenuItemHighlight > :la= st-child { display: flex; pointer-events: all; } .appsElementsSidekickAiFeaturePreferencesTileContentAibDeleteButton { block= -size: 40px; inline-size: 40px; inset-block-start: 50%; inset-inline-end: 8= px; pointer-events: none; position: absolute; transform: translateY(-50%); = visibility: hidden; } .appsElementsSidekickAvatarAvatarContainer { position: relative; inline-siz= e: 24px; block-size: 24px; } .appsElementsSidekickAvatarAvatarContainer::after { content: ""; border: 1p= x solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-radius: 9999px= ; opacity: 0.5; position: absolute; inset: 0px; box-sizing: border-box; inl= ine-size: 100%; block-size: 100%; } .appsElementsSidekickAvatarAvatar { inline-size: 24px; aspect-ratio: 1 / 1;= border-radius: 9999px; overflow: hidden; } .appsElementsSidekickCalendarReply { margin-block-end: 16px; } .appsElementsSidekickCalendarEventsWrapper { display: flex; flex-direction:= column; gap: 2px; } .appsElementsSidekickCalendarCalendarIcon { inline-size: 16px; block-size: = 16px; } .appsElementsSidekickCalendarEventCardWrapper { --gm3-card-filled-container= -color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-card-filled-c= ontainer-shape-start-start: 4px; --gm3-card-filled-container-shape-start-en= d: 4px; --gm3-card-filled-container-shape-end-end: 4px; --gm3-card-filled-c= ontainer-shape-end-start: 4px; border-radius: 4px; } .appsElementsSidekickCalendarEventCardWrapper:last-child { border-end-start= -radius: 12px; border-end-end-radius: 12px; --gm3-card-filled-container-sha= pe-start-start: 4px; --gm3-card-filled-container-shape-start-end: 4px; --gm= 3-card-filled-container-shape-end-end: 12px; --gm3-card-filled-container-sh= ape-end-start: 12px; } .appsElementsSidekickCalendarEventCardElement { border-radius: inherit; } .appsElementsSidekickCalendarEventCard { display: flex; justify-content: ce= nter; min-block-size: 60px; border-radius: inherit; } .appsElementsSidekickCalendarCardAction { inline-size: 100%; block-size: 10= 0%; min-block-size: 60px; justify-content: center; } .appsElementsSidekickCalendarCardContent { display: flex; inline-size: 100%= ; block-size: 100%; min-block-size: 60px; align-content: center; } .appsElementsSidekickCalendarCardText { display: flex; flex-direction: colu= mn; inline-size: calc(100% - 32px); block-size: 100%; padding: 8px 16px; ju= stify-content: center; } .appsElementsSidekickCalendarCardTextWithInlineEditButton { inline-size: ca= lc(100% - 72px); } .appsElementsSidekickCalendarInlineEditButton { --gm3-icon-button-filled-to= nal-container-width: 36px; --gm3-icon-button-filled-tonal-container-height:= 36px; --gm3-icon-button-filled-tonal-icon-size: 22px; margin-block-start: = 8px; margin-inline-start: -44px; justify-content: center; align-items: cent= er; } .appsElementsSidekickCalendarEventTitle { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f)= ; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .appsElementsSidekickCalendarEventSubtitle { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spaci= ng: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-va= riant,#444746); } .appsElementsSidekickCalendarDeletedEvent { opacity: 0.38; pointer-events: = none; } .appsElementsSidekickCalendarRowWithIcon { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing= : 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-vari= ant,#444746); display: flex; flex-direction: row; margin-block-start: 8px; = gap: 8px; } .appsElementsSidekickCalendarRowIcon { inline-size: 16px; block-size: 16px;= } .appsElementsSidekickCalendarDescription { white-space: pre-wrap; overflow-= wrap: anywhere; } .appsElementsSidekickCalendarAttendeeRow { max-block-size: 60px; display: -= webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: ve= rtical; text-overflow: ellipsis; } .appsElementsSidekickCalendarLocation { overflow: hidden; display: -webkit-= box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .appsElementsSidekickCalendarLink { text-decoration: none; } .appsElementsSidekickCalendarLink:hover { text-decoration: underline; } .appsElementsSidekickCalendarEventCardListRoot { display: flex; flex-direct= ion: column; gap: 2px; } .appsElementsSidekickCalendarEventCardListHeader { font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter= -spacing: 0.00625rem; line-height: 1rem; display: flex; flex-direction: row= ; align-items: center; background-color: var(--gm3-sys-color-surface-contai= ner,#f0f4f9); gap: 12px; padding: 10px 10px 10px 16px; border-radius: 4px; = border-start-start-radius: 12px; border-start-end-radius: 12px; } .appsElementsSidekickCalendarEventCardListHeaderCard { --gm3-card-filled-co= ntainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-card-f= illed-container-shape-start-start: 12px; --gm3-card-filled-container-shape-= start-end: 12px; --gm3-card-filled-container-shape-end-end: 4px; --gm3-card= -filled-container-shape-end-start: 4px; display: flex; block-size: 36px; } .appsElementsSidekickCalendarEventCardListHeaderContent { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500;= letter-spacing: 0.00625rem; line-height: 1rem; display: flex; flex-directi= on: row; align-items: center; gap: 12px; inline-size: calc(100% - 32px); bl= ock-size: 100%; padding-inline: 16px; } .appsElementsSidekickCalendarEventCardListHeaderAction { inline-size: 100%;= block-size: 100%; justify-content: center; } .appsElementsSidekickCalendarEventCardListFooter { display: flex; flex-dire= ction: row; align-items: center; background-color: var(--gm3-sys-color-surf= ace-container,#f0f4f9); block-size: 44px; gap: 12px; border-radius: 4px; bo= rder-end-start-radius: 12px; border-end-end-radius: 12px; } .appsElementsSidekickCalendarEventCardListShowMoreCard { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; = letter-spacing: 0.00625rem; line-height: 1rem; --gm3-card-filled-container-= color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-card-filled-co= ntainer-shape-start-start: 4px; --gm3-card-filled-container-shape-start-end= : 4px; --gm3-card-filled-container-shape-end-end: 12px; --gm3-card-filled-c= ontainer-shape-end-start: 12px; display: flex; block-size: 100%; inline-siz= e: 100%; } .appsElementsSidekickCalendarEventCardListShowMoreContent { display: flex; = flex-direction: row; align-items: center; gap: 12px; inline-size: calc(100%= - 32px); block-size: 100%; margin-inline: 6px; } .appsElementsSidekickCalendarEventCardListShowMoreAction { inline-size: 100= %; block-size: 100%; justify-content: center; } .appsElementsSidekickAgentMessageRoot { display: flex; flex-direction: colu= mn; container: agentMessageRoot / inline-size; } .appsElementsSidekickAgentMessageBubbleContent ol, .appsElementsSidekickAge= ntMessageBubbleContent p, .appsElementsSidekickAgentMessageBubbleContent pr= e, .appsElementsSidekickAgentMessageBubbleContent ul { margin-block: unset;= } .appsElementsSidekickAgentMessageBubbleContent :is(ul, ol) { margin-block: = 16px; } .appsElementsSidekickAgentMessageBubbleContent :is(ul, ol):first-child { ma= rgin-block-start: 0px; } .appsElementsSidekickAgentMessageBubbleContent :is(ul, ol):last-child { mar= gin-block-end: 0px; } .appsElementsSidekickAgentMessageBubbleContent span[style=3D"display: conte= nts;"] > :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickAgentMessageBubbleContent span[style=3D"display: conte= nts;"]:first-child > :is(ul, ol):first-child { margin-block-start: 0px; } .appsElementsSidekickAgentMessageBubbleContent span[style=3D"display: conte= nts;"]:last-child > :is(ul, ol):last-child { margin-block-end: 0px; } .appsElementsSidekickAgentMessageBubbleContent :is(ul, ol) :is(ul, ol), .ap= psElementsSidekickAgentMessageBubbleContent :is(ul, ol) :is(ul, ol):is(:fir= st-child, :last-child) { margin-block: 8px; } .appsElementsSidekickAgentMessageBubbleContent ul { list-style-type: disc; = padding-inline-start: 16px; } .appsElementsSidekickAgentMessageBubbleContent ol { padding-inline-start: 3= ch; } .appsElementsSidekickAgentMessageBubbleContent code, .appsElementsSidekickA= gentMessageBubbleContent pre { font-size: 0.75rem; font-weight: 400; letter= -spacing: 0.00625rem; line-height: 1rem; font-family: "Google Sans Mono", m= onospace; white-space: pre-wrap; margin: unset; } .appsElementsSidekickAgentMessageBubbleContent table { background-color: va= r(--gm3-sys-color-surface,#fff); border-spacing: 0px; border: 1px solid var= (--gm3-sys-color-outline-variant,#c4c7c5); border-collapse: inherit; word-b= reak: auto-phrase; } .appsElementsSidekickAgentMessageBubbleContent table th { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500;= letter-spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickAgentMessageBubbleContent table td { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter-spacing:= 0.00625rem; line-height: 1rem; font-weight: 400; padding: 5px 8px; } .appsElementsSidekickAgentMessageBubbleContent table td, .appsElementsSidek= ickAgentMessageBubbleContent table th { text-align: start; border: 1px soli= d var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsSidekickAgentMessageBubbleContent table tr + tr td, .appsEleme= ntsSidekickAgentMessageBubbleContent table tr + tr th, .appsElementsSidekic= kAgentMessageBubbleContent table tr:first-child td, .appsElementsSidekickAg= entMessageBubbleContent table tr:first-child th { border-block-start: 0px; = } .appsElementsSidekickAgentMessageBubbleContent table td + td, .appsElements= SidekickAgentMessageBubbleContent table td + th, .appsElementsSidekickAgent= MessageBubbleContent table td:first-child, .appsElementsSidekickAgentMessag= eBubbleContent table th + td, .appsElementsSidekickAgentMessageBubbleConten= t table th + th, .appsElementsSidekickAgentMessageBubbleContent table th:fi= rst-child { border-inline-start: 0px; } .appsElementsSidekickAgentMessageBubbleContent table td:last-child, .appsEl= ementsSidekickAgentMessageBubbleContent table th:last-child { border-inline= -end: 0px; } .appsElementsSidekickAgentMessageBubbleContent table tr:last-child td { bor= der-block-end: 0px; } .appsElementsSidekickAgentMessageBubbleContent mark:not([class]) { backgrou= nd-color: unset; color: unset; } .appsElementsSidekickAgentMessageBubbleContent a:any-link:not([class]) { co= lor: var(--gm3-sys-color-primary,#0b57d0); text-underline-offset: 0.25em; t= ext-decoration: underline; } .appsElementsSidekickAgentMessageBubbleContent a:active:not([class]), .apps= ElementsSidekickAgentMessageBubbleContent a:hover:not([class]), .appsElemen= tsSidekickAgentMessageBubbleContent a:visited:not([class]) { color: var(--g= m3-sys-color-primary,#0b57d0); } .appsElementsSidekickAgentMessageBubbleContent { font-variant-ligatures: no= -contextual; font-feature-settings: "liga" 0; display: flex; flex-direction= : column; gap: 12px; text-wrap: pretty; overflow-wrap: break-word; word-bre= ak: break-word; } @container agentMessageRoot (inline-size <=3D 576px) { .appsElementsSidekickAgentMessageBubbleContent { font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; lette= r-spacing: 0px; line-height: 1.5rem; } } @container agentMessageRoot (inline-size > 576px) { .appsElementsSidekickAgentMessageBubbleContent { font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.75rem; } } @media (max-height: 799px) { .appsElementsSidekickAgentMessageBubbleContent.appsElementsSidekickAgentM= essageAiModeReply { font-family: "Google Sans", Roboto, Arial, sans-serif; = font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.= 5rem; } } .appsElementsSidekickAgentMessageBubbleContent .appsElementsSidekickAgentMe= ssageResponseOptionsMenuList { padding-inline-start: 0px; } .appsElementsSidekickAgentMessageSystemBubble::before { position: absolute;= box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bo= rder: 1px solid transparent; border-radius: inherit; content: ""; pointer-e= vents: none; } @media screen and (forced-colors: active) { .appsElementsSidekickAgentMessageSystemBubble::before { border-color: can= vastext; } } .appsElementsSidekickAgentMessageSystemBubble { border-radius: 16px; border= : 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); flex-shrink: 0; p= adding: 16px; position: relative; } .appsElementsSidekickAgentMessageEphemeralMessage { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lette= r-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-outlin= e,#747775); padding-block-start: 4px; } .appsElementsSidekickAgentMessageGeneratedImageText { padding-block-end: 8p= x; } .appsElementsSidekickAgentMessageMultiModalButtonContainer { background-col= or: var(--gm3-sys-color-surface-container,#f0f4f9); margin-inline-start: 16= px; } .appsElementsSidekickAgentMessageMultiModalButtonContainer:empty { display:= none; } .appsElementsSidekickAgentMessageCardResponseOptionsContainer:empty { displ= ay: none; } .appsElementsSidekickAgentMessageChainOfThoughtContent { margin: 8px 0px 0p= x 4px; padding-inline-start: 8px; border-inline-start: 1px solid var(--gm3-= sys-color-outline-variant,#c4c7c5); } .appsElementsSidekickAgentMessageChainOfThoughtButton { --gm3-button-text-c= ontainer-height: 24px; --gm3-button-text-with-icon-icon-size: 20px; --gm3-b= utton-text-with-icon-icon-color: var(--gm3-sys-color-secondary,#00639b); --= gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-secondary,#= 00639b); --gm3-button-text-label-text-size: 0.75rem; --gm3-button-text-labe= l-text-color: var(--gm3-sys-color-secondary,#00639b); margin: 0px; margin-i= nline-start: -4px; padding-inline: 4px 8px; } .appsElementsGenerativeaiAstCardCardContainer::before { position: absolute;= box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bo= rder: 1px solid transparent; border-radius: inherit; content: ""; pointer-e= vents: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiAstCardCardContainer::before { border-color: can= vastext; } } .appsElementsGenerativeaiAstCardCardContainer { background-color: var(--gm3= -sys-color-surface-container,#f0f4f9); border-radius: 8px; overflow: auto h= idden; display: block; position: relative; } .appsElementsGenerativeaiAstCardCardContainer .appsElementsGenerativeaiAstC= ardCardContent { padding: 16px 16px 0px; } .appsElementsGenerativeaiAstCardCardContentTable { white-space: nowrap; } .appsElementsGenerativeaiAstCardCardContainerChart { max-block-size: fit-co= ntent; max-inline-size: 100%; } .appsElementsGenerativeaiAstCardCardTitleBlock { display: flex; margin-bloc= k-end: 4px; } .appsElementsGenerativeaiAstCardCardIcon { vertical-align: bottom; margin-i= nline-end: 4px; } .appsElementsGenerativeaiAstCardResourceCompletionCard { background-color: = var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: 16px; displa= y: flex; flex-direction: column; gap: 8px; padding: 16px; } .appsElementsGenerativeaiAstCardResourceCompletionHeader { display: flex; g= ap: 16px; } .appsElementsGenerativeaiAstCardResourceCompletionIcon { flex-shrink: 0; in= line-size: 24px; block-size: 24px; } .appsElementsGenerativeaiAstCardResourceCompletionContent { display: flex; = flex-direction: column; gap: 4px; flex-grow: 1; text-wrap: pretty; } .appsElementsGenerativeaiAstCardResourceCompletionLink { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.25rem; } .appsElementsGenerativeaiAstCardResourceCompletionTitle { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500= ; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-= surface,#1f1f1f); } .appsElementsGenerativeaiAstCardResourceCompletionTimestamp { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color= -on-surface-variant,#444746); } .appsElementsGenerativeaiAstCardResourceCompletionBody { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400;= letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-s= urface,#1f1f1f); } .appsElementsGenerativeaiAstCardResourceCompletionActions { display: flex; = flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; = inline-size: 100%; } .appsElementsGenerativeaiAstCardResourceCompletionActionButton { --gm3-butt= on-filled-container-height: 36px; flex-shrink: 0; align-self: flex-end; } .appsElementsGenerativeaiAstCardSkillResourceCompletionCard { display: flex= ; } .appsElementsGenerativeaiAstCardSkillResourceCompletionHeader { align-items= : center; display: flex; inline-size: 100%; justify-content: space-between;= } .appsElementsGenerativeaiAstCardSkillResourceCompletionHeaderLeft { align-i= tems: center; display: flex; gap: 16px; } .appsElementsGenerativeaiAstCardSkillResourceCompletionHeaderRight { align-= items: center; display: flex; } .appsElementsGenerativeaiAstCardSkillResourceCompletionStudioLink { font-fa= mily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-w= eight: 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys= -color-primary,#0b57d0); text-decoration: none; white-space: nowrap; } .appsElementsGenerativeaiAstCardSkillResourceCompletionStudioLink:hover { t= ext-decoration: underline; } .appsElementsSidekickCitationsSourcesLinkPreview { --ae-link-preview-inline= -size: 272px; margin-inline-start: 8px; } .appsElementsSidekickCitationsSourcesDisclosureSummary { --gm3-button-text-= container-height: 24px; --gm3-button-text-with-icon-icon-size: 18px; --gm3-= button-text-with-icon-icon-color: var(--gm3-sys-color-secondary,#00639b); -= -gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-secondary,= #00639b); --gm3-button-text-label-text-size: 0.75rem; --gm3-button-text-lab= el-text-color: var(--gm3-sys-color-secondary,#00639b); margin: 0px; margin-= inline-start: -8px; padding-inline: 4px 8px; } .appsElementsSidekickCitationsSourcesResponseSourcesList { --gm3-chip-set-v= ertical-space-between-chips: 8px; margin-block-start: 4px; } .appsElementsSidekickCitationsSourcesSummaryButtonContainer { inline-size: = 100%; display: inline-block; } .appsElementsSidekickCitationsSourcesSummaryButtonSharedIconCollapsed.appsE= lementsSidekickCitationsSourcesSummaryButtonSharedIconCollapsed, .appsEleme= ntsSidekickCitationsSourcesSummaryButtonSharedIconExpanded.appsElementsSide= kickCitationsSourcesSummaryButtonSharedIconExpanded { display: none; } .appsElementsSidekickCitationsSourcesSummaryButtonShared[aria-expanded=3D"f= alse"] .appsElementsSidekickCitationsSourcesSummaryButtonSharedIconCollapse= d, .appsElementsSidekickCitationsSourcesSummaryButtonShared[aria-expanded= =3D"true"] .appsElementsSidekickCitationsSourcesSummaryButtonSharedIconExpa= nded { display: inline-block; } .appsElementsSidekickCitationsSourcesBadge { --ae-badge-container-color: va= r(--ws-sys-color-extended-yellow-tonal,#fff2b4); --ae-badge-text-color: var= (--ws-sys-color-extended-on-yellow-tonal,#6d3a01); display: inline-block; f= loat: right; } .appsElementsSidekickCitationsSourcesResponseSourcesList .appsElementsSidek= ickCitationsSourcesResponseSource { --gm3-chip-shared-label-text-size: 0.75= rem; --gm3-chip-assist-flat-outline-width: 0; --gm3-chip-assist-flat-label-= text-color: var(--gm3-sys-color-on-surface-variant,#444746); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickCitationsSourcesResponseSourcesList .appsElementsSid= ekickCitationsSourcesResponseSource { --gm3-chip-assist-flat-outline-width:= 1px; } } .appsElementsSidekickCitationsSourcesResponseSourcesList .appsElementsSidek= ickCitationsSourcesResponseSource { background-color: var(--gm3-sys-color-s= urface-container,#f0f4f9); max-inline-size: stretch; } .appsElementsSidekickCitationsSourcesResponseSource a:hover { text-decorati= on: none; } .appsElementsSidekickCitationsSourcesResponseSource :is(a:any-link, a:visit= ed, a:hover, a:active) { color: currentcolor; } .appsElementsSidekickCitationsSourcesSourcesDisclaimer { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; = letter-spacing: 0.00625rem; line-height: 1rem; margin-block-start: 8px; } .appsElementsSidekickCitationsViewRoot { display: contents; } .appsElementsSidekickCitationsViewContainer { display: flex; flex-direction= : column; gap: 8px; margin-block-end: 8px; overflow-y: auto; } .appsElementsSidekickCitationsViewScrollDelineation { border-block-start: 1= px solid var(--ae-sidekick-outline-color,var(--gm3-sys-color-surface-varian= t,#e1e3e1)); padding-block-start: 7px; } .appsElementsSidekickCitationsViewSubTitle { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spaci= ng: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface-va= riant,#444746); margin: 0px; padding-block-end: 12px; padding-inline: 16px;= } .appsElementsSidekickCitationsViewLink { color: var(--gm3-sys-color-primary= ,#0b57d0); cursor: pointer; text-decoration: underline; } .appsElementsSidekickCitationsViewCitationsViewContent { padding: 0px 8px; = position: relative; overflow: hidden auto; } .appsElementsSidekickFeedCreateArtifactMenuButton { --gm3-button-outlined-c= ontainer-height: 32px; --gm3-button-outlined-label-text-color: var(--gm3-sy= s-color-primary,#0b57d0); --gm3-button-outlined-with-icon-icon-color: var(-= -gm3-sys-color-primary,#0b57d0); line-height: 1.25rem; margin-inline: 4px; = } .appsElementsSidekickFeedCreateArtifactMenuMenu { --gm3-list-container-shap= e: 8px; --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); --gm3-list-list-item-label-text-font: "Google Sans"; --gm3-lis= t-list-item-label-text-size: 0.875rem; --gm3-list-list-item-label-text-weig= ht: 400; --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-su= rface,#1f1f1f); --gm3-list-list-item-control-selected-label-text-color: var= (--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected= -label-text-weight: 400; --gm3-list-list-item-control-selected-leading-icon= -color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-container-shape= : 8px; --gm3-menu-list-item-container-height: 40px; --gm3-menu-list-item-la= bel-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-it= em-label-text-font: "Google Sans Flex","Google Sans",Roboto,Arial,sans-seri= f; --gm3-menu-list-item-label-text-size: 0.875rem; --gm3-menu-list-item-lab= el-text-weight: 400; --gm3-menu-list-item-leading-icon-color: var(--gm3-sys= -color-on-surface,#1f1f1f); --gm3-menu-list-item-with-leading-icon-leading-= icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-c= ontrol-selected-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); = --gm3-menu-list-item-control-selected-label-text-weight: 400; --gm3-menu-li= st-item-control-selected-leading-icon-color: var(--gm3-sys-color-on-surface= ,#1f1f1f); --gm3-menu-active-container-shape: 8px; width: max-content; padd= ing-block: 4px; } .appsElementsSidekickFeedCreateArtifactMenuHeader { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; lette= r-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-sur= face-variant,#444746); white-space: nowrap; padding: 8px 16px 4px; } .appsElementsSidekickFeedCreateArtifactMenuMenuItemIcon { display: block; w= idth: 20px; height: 20px; max-width: none; max-height: none; flex-shrink: 0= ; } .appsElementsSidekickHeaderRoot { display: flex; justify-content: space-bet= ween; align-items: center; padding: 8px 8px 8px 16px; gap: 8px; color: var(= --gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickHeaderMultiPanelMode { padding-top: 12px; padding-bott= om: 2px; } .appsElementsSidekickHeaderMultiPanelMode .appsElementsSidekickHeaderTitle = { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; f= ont-weight: 500; letter-spacing: 0px; line-height: 1.5rem; padding-left: 6p= x; max-width: 50%; } .appsElementsSidekickHeaderMultiPanelMode { line-height: 0.6875rem; block-s= ize: 56px; min-height: 56px; box-sizing: border-box; } .appsElementsSidekickHeaderTitleContainer { display: flex; flex-grow: 1; al= ign-items: center; gap: 8px; min-inline-size: 0px; } .appsElementsSidekickHeaderTitle { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; line= -height: 1.5rem; font-optical-sizing: none; margin: unset; color: var(--gm3= -sys-color-on-surface,#1f1f1f); text-overflow: ellipsis; overflow: hidden; = white-space: nowrap; } .appsElementsSidekickHeaderEditableItemTitle { --gm3-text-field-outlined-co= ntainer-shape: 4px; --gm3-text-field-outlined-outline-color: transparent; -= -gm3-text-field-outlined-disabled-outline-color: transparent; --gm3-text-fi= eld-outlined-input-text-color: var(--gm3-sys-color-on-surface-variant,#4447= 46); --gm3-text-field-outlined-input-text-font: "Google Sans"; --gm3-text-f= ield-outlined-input-text-size: 1rem; --gm3-text-field-outlined-input-text-w= eight: 500; --gm3-text-field-outlined-container-height: 32px; --gm3-text-fi= eld-outlined-hover-outline-color: var(--gm3-sys-color-on-surface-variant,#4= 44746); --gm3-text-field-outlined-hover-outline-width: 1px; --gm3-text-fiel= d-outlined-hover-input-text-color: var(--gm3-sys-color-on-surface-variant,#= 444746); --gm3-text-field-outlined-focus-input-text-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-text-field-outlined-focus-indicator-= outline-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-text-field-outli= ned-leading-space: 8px; --gm3-text-field-outlined-trailing-space: 0; --gm3-= text-field-outlined-container-shape-start-start: 4px; --gm3-text-field-outl= ined-container-shape-start-end: 4px; --gm3-text-field-outlined-container-sh= ape-end-end: 4px; --gm3-text-field-outlined-container-shape-end-start: 4px;= } .appsElementsSidekickHeaderEditableTitleInput { text-overflow: ellipsis; } .appsElementsSidekickHeaderButton { --gm3-icon-button-standard-container-he= ight: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-icon-bu= tton-standard-icon-size: 20px; --gm3-icon-button-standard-touch-target-size= : 32px; } .appsElementsSidekickHeaderMainButton { margin-inline: -8px -2px; } .appsElementsSidekickHeaderShareButton { --gm3-icon-button-standard-contain= er-height: 32px; align-self: center; margin-block-start: 6px; } .appsElementsSidekickHeaderWizShareButton { margin-block-start: 0px; } .appsElementsSidekickHeaderHeaderButtonsContainer { display: flex; align-it= ems: center; } .appsElementsSidekickHeaderProjectIcon { align-items: center; aspect-ratio:= 1 / 1; background-color: var(--ae-sidekick-aim-project-icon-containment-co= lor,#e0f4ff); block-size: 28px; border-radius: 4px; box-sizing: border-box;= display: flex; flex-shrink: 0; inline-size: 28px; justify-content: center;= margin-inline: 8px 4px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickHeaderProjectIcon { border: 1px solid; } } .appsElementsSidekickHeaderProjectIconColor { fill: var(--ae-sidekick-aim-p= roject-icon-color,#009dc9); } .appsElementsSidekickHeaderProjectEmoji { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 1.375rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.75rem; align-items: center; aspect-ratio: 1 / 1; bloc= k-size: 28px; box-sizing: border-box; display: flex; flex-shrink: 0; inline= -size: 28px; justify-content: center; margin-inline: 8px 4px; user-select: = none; } .appsElementsSidekickHeaderButtonTooltipAnchorWrapper { block-size: 32px; d= isplay: flex; } .appsElementsSidekickHeaderTitleLoader { background: var(--ae-genai-generat= ion-gradient,linear-gradient(135deg,var(--ws-sys-color-genai-muted-gradient= 01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2ff),var(--ws-sys= -color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-genai-muted-gradi= ent01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsSidekickHeaderTitleLoader { background-position: 50% center;= background-size: 800% 800%; } } .appsElementsSidekickHeaderTitleLoader { inline-size: 200px; block-size: 24= px; margin-inline: 16px auto; border-radius: 9999px; } .appsElementsSidekickHeaderNotificationBadgeOnIcon { --KoO2Cf: var(--gm3-sy= s-color-primary,#0b57d0); --iXG50e: 9999px; --OvbwDd: 9999px; --kkVidc: 999= 9px; --PlbfGb: 9999px; outline: 2px solid var(--gm3-sys-color-background,#f= ff); } .appsElementsSidekickHeaderBadgeContainer { position: relative; display: in= line-block; } .appsElementsSidekickHeaderViewSelectorButton { --gm3-dropdown-button-text-= container-height: 32px; --gm3-dropdown-button-text-container-min-width: 0; = --gm3-dropdown-button-text-dropdown-icon-label-space: 0; --gm3-dropdown-but= ton-text-hover-label-text-color: var(--gm3-sys-color-on-surface-variant,#44= 4746); --gm3-dropdown-button-text-hover-state-layer-color: var(--gm3-sys-co= lor-on-surface-variant,#444746); --gm3-dropdown-button-text-label-text-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-dropdown-button-text-labe= l-text-size: 1rem; --gm3-dropdown-button-text-label-text-tracking: 0rem; --= gm3-dropdown-button-text-label-text-weight: 500; --gm3-dropdown-button-text= -pressed-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-dropdown-button-text-pressed-state-layer-color: var(--gm3-sys-color-= on-surface-variant,#444746); --gm3-dropdown-button-text-with-icon-hover-ico= n-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-bu= tton-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant,#444= 746); --gm3-dropdown-button-text-with-icon-icon-label-space: 0; --gm3-dropd= own-button-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surfac= e-variant,#444746); --gm3-dropdown-button-text-with-leading-icon-leading-sp= ace: 8px; --gm3-dropdown-button-text-with-leading-icon-trailing-space: 4px;= } .appsElementsSidekickHeaderViewSelectorMenu { --gm3-list-list-item-content-= gap: 14px; --gm3-list-list-item-label-text-line-height: 1.25rem; --gm3-list= -list-item-label-text-size: 0.875rem; --gm3-list-list-item-label-text-track= ing: 0rem; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-ite= m-leading-space: 14px; --gm3-list-list-item-one-line-padding: 4px; --gm3-li= st-list-item-selected-container-color: var(--gm3-sys-color-secondary-contai= ner,#c2e7ff); --gm3-list-list-item-selected-label-text-color: var(--gm3-sys= -color-on-secondary-container,#004a77); --gm3-list-list-item-trailing-space= : 12px; --gm3-list-list-item-control-selected-label-text-weight: 400; --gm3= -menu-divider-space: 4px; --gm3-menu-group-title-height: 24px; --gm3-menu-l= ist-item-container-height: 32px; --gm3-menu-list-item-content-gap: 14px; --= gm3-menu-list-item-label-text-line-height: 1.25rem; --gm3-menu-list-item-la= bel-text-size: 0.875rem; --gm3-menu-list-item-label-text-tracking: 0rem; --= gm3-menu-list-item-label-text-weight: 400; --gm3-menu-list-item-leading-spa= ce: 14px; --gm3-menu-list-item-one-line-padding: 4px; --gm3-menu-list-item-= selected-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff);= --gm3-menu-list-item-selected-label-text-color: var(--gm3-sys-color-on-sec= ondary-container,#004a77); --gm3-menu-list-item-trailing-space: 12px; --gm3= -menu-list-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-list-= item-with-trailing-icon-trailing-icon-size: 20px; --gm3-menu-list-item-cont= rol-selected-label-text-weight: 400; min-inline-size: 200px; margin-inline-= end: 8px; z-index: 10000; } .appsElementsSidekickHeaderViewSelectorItem[aria-checked=3D"true"] { --gm3-= list-list-item-container-color: var(--gm3-sys-color-secondary-container,#c2= e7ff); --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-second= ary-container,#004a77); --gm3-list-list-item-control-selected-container-col= or: var(--gm3-sys-color-secondary-container,#c2e7ff); --gm3-list-list-item-= control-selected-label-text-color: var(--gm3-sys-color-on-secondary-contain= er,#004a77); --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickConversationHistoryCircularProgress { --EkrYwf: 24px; = --EscQs: 2px; display: flex; justify-content: center; padding-block-end: 12= px; } .appsElementsSidekickConversationHistoryRoot { display: flex; flex-directio= n: column; inline-size: 100%; block-size: 100%; padding: 8px 0px; position:= relative; box-sizing: border-box; } .appsElementsSidekickConversationHistoryGemListItemLogo { aspect-ratio: 1 /= 1; box-sizing: border-box; overflow: hidden; flex-shrink: 0; border-radius= : 9999px; } .appsElementsSidekickConversationHistoryGemListItemIcon { --gm3-list-list-i= tem-leading-icon-size: 16px; --gm3-list-list-item-fallback-selection-end-ma= rgin: 0; } .appsElementsSidekickConversationHistoryGemListItemMonogram { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.25rem; user-select: none; } .appsElementsSidekickConversationHistoryMenuItem { --gm3-list-list-item-con= tainer-color: transparent; --gm3-list-list-item-label-text-color: var(--gm3= -sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-line-height= : 1rem; --gm3-list-list-item-label-text-size: 0.75rem; --gm3-list-list-item= -label-text-weight: 500; --gm3-list-list-item-leading-avatar-shape: 9999px;= --gm3-list-list-item-leading-avatar-size: 24px; --gm3-list-list-item-leadi= ng-icon-size: 24px; --gm3-list-list-item-supporting-text-color: var(--gm3-s= ys-color-outline,#747775); --gm3-list-list-item-supporting-text-line-height= : 1rem; --gm3-list-list-item-supporting-text-size: 0.75rem; --gm3-list-list= -item-supporting-text-weight: 500; --gm3-list-list-item-two-line-container-= height: 52px; --gm3-list-list-item-control-selected-container-color: transp= arent; --gm3-list-list-item-control-selected-label-text-color: var(--gm3-sy= s-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-label-te= xt-weight: 500; --gm3-list-list-item-control-selected-supporting-text-color= : var(--gm3-sys-color-outline,#747775); --gm3-list-list-item-fallback-selec= tion-end-margin: 0; padding: 0px 48px 0px 16px; } .appsElementsSidekickConversationHistoryListTitle { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; let= ter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-s= urface-variant,#444746); margin: 0px 0px 8px; padding: 0px 16px; } .appsElementsSidekickConversationHistoryListContent { display: flex; flex-d= irection: row; position: relative; margin-block-end: 4px; } .appsElementsSidekickConversationHistoryMenuList { padding: 0px; flex-grow:= 1; min-width: 0px; } .appsElementsSidekickConversationHistoryErrorBanner.appsElementsSidekickCon= versationHistoryErrorBanner { --leFxrb: var(--ae-banner-container-color,var= (--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae-banner-tex= t-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHWRyc: var(--a= e-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --ByD= q6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444= 746)); --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-te= xt-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-butto= n-standard-unselected-hover-icon-color: var(--ae-banner-text-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standard-unsele= cted-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-su= rface-variant,#444746)); --gm3-icon-button-standard-unselected-pressed-icon= -color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#= 444746)); --gm3-icon-button-standard-unselected-hover-state-layer-color: va= r(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); = --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-b= anner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-bu= tton-text-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-colo= r-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: var(--ae-ban= ner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-f= ocus-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(--ae-banner= -action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hove= r-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-prima= ry,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(--ae-banner-= action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-con= tainer-color: var(--ae-banner-button-filled-container-color,var(--gm3-sys-c= olor-primary,#0b57d0)); --gm3-button-filled-label-text-color: var(--ae-bann= er-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-bu= tton-filled-hover-label-text-color: var(--ae-banner-button-filled-text-colo= r,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-focus-label-te= xt-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-p= rimary,#fff)); --gm3-button-filled-pressed-label-text-color: var(--ae-banne= r-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-but= ton-filled-hover-state-layer-color: var(--ae-banner-button-filled-text-colo= r,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-state-= layer-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-o= n-primary,#fff)); } .appsElementsSidekickConversationHistoryErrorBanner.appsElementsSidekickCon= versationHistoryErrorBanner:link { color: var(--ae-banner-text-link-color,v= ar(--gm3-sys-color-primary,#0b57d0)); text-decoration: underline; } .appsElementsSidekickConversationHistoryErrorBanner.appsElementsSidekickCon= versationHistoryErrorBanner { --WsPOW: 16px; --ae-banner-action-color: var(= --ws-sys-color-extended-on-yellow-tonal,#6d3a01); --ae-banner-button-filled= -container-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00); --ae-ba= nner-button-filled-text-color: var(--ws-sys-color-extended-on-yellow-fill,#= 6d3a01); --ae-banner-container-color: var(--ws-sys-color-extended-yellow-to= nal,#fff2b4); --ae-banner-text-color: var(--ws-sys-color-extended-on-yellow= -tonal,#6d3a01); --ae-banner-text-link-color: var(--ws-sys-color-extended-o= n-yellow-tonal,#6d3a01); --rgEnKb: 4px; --lKBblb: 6px; --KEZEkb: 52px; --gG= O0Kd: 40px; --mSVvtd: 8px; --El9Bhf: 4px; --gm3-button-text-container-heigh= t: 32px; --gm3-button-filled-container-height: 32px; --gm3-icon-button-stan= dard-container-width: 32px; --gm3-icon-button-standard-container-height: 32= px; --gm3-icon-button-standard-icon-size: 20px; margin-inline: 16px; positi= on: sticky; bottom: 16px; padding: 0px; } .appsElementsSidekickConversationHistoryNoResultsContainer { display: flex;= flex-direction: column; align-items: center; justify-content: center; bloc= k-size: 100%; } .appsElementsSidekickConversationHistoryNoResultsTitle { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; let= ter-spacing: 0px; line-height: 1.5rem; } .appsElementsSidekickConversationHistoryNoResultsSubtitle { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 4= 00; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickConversationHistoryShowMoreButtonContainer { display: = flex; block-size: 36px; } .appsElementsSidekickConversationHistoryShowMoreButton { --gm3-button-text-= label-text-size: 0.75rem; --gm3-button-text-container-height: 24px; inline-= size: fit-content; margin: 0 0 12px calc(24px + var(--gm3-list-list-item-co= ntent-gap, 16px)); align-self: flex-start; } .appsElementsSidekickConversationHistoryStartNewConversationButton { margin= -top: 24px; } .appsElementsSidekickConversationHistoryOverflowMenuButtonContainer { posit= ion: absolute; padding: 0px; top: 0px; right: 12px; bottom: 0px; pointer-ev= ents: none; } .appsElementsSidekickConversationHistoryOverflowButtonTooltipAnchorWrapper = { block-size: 32px; display: flex; } .appsElementsSidekickConversationHistoryOverflowMenuButton { visibility: hi= dden; top: calc(52px*var(--ae-sidekick-conversation-index-offset, 0) + 10px= ); pointer-events: auto; } .appsElementsSidekickConversationHistoryOverflowButton { --gm3-icon-button-= standard-container-height: 32px; --gm3-icon-button-standard-container-width= : 32px; --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-stand= ard-touch-target-size: 32px; } .appsElementsSidekickConversationHistoryOverflowMenu { --gm3-list-list-item= -label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list= -item-label-text-line-height: 1.25rem; --gm3-list-list-item-label-text-size= : 0.875rem; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-it= em-leading-space: 12px; --gm3-list-list-item-one-line-padding: 4px; --gm3-l= ist-list-item-trailing-space: 8px; --gm3-list-list-item-control-selected-la= bel-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-it= em-control-selected-label-text-weight: 400; --gm3-menu-container-color: var= (--gm3-sys-color-surface-container-low,#f8fafd); --gm3-menu-list-item-conta= iner-height: 32px; --gm3-menu-list-item-label-text-color: var(--gm3-sys-col= or-on-surface,#1f1f1f); --gm3-menu-list-item-label-text-line-height: 1.25re= m; --gm3-menu-list-item-label-text-size: 0.875rem; --gm3-menu-list-item-lab= el-text-weight: 400; --gm3-menu-list-item-leading-space: 12px; --gm3-menu-l= ist-item-one-line-padding: 4px; --gm3-menu-list-item-trailing-space: 8px; -= -gm3-menu-list-item-with-leading-icon-leading-icon-size: 20px; --gm3-menu-m= enu-list-item-with-leading-icon-icon-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-menu-list-item-control-selected-label-text-color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); --gm3-menu-list-item-control-select= ed-label-text-weight: 400; inline-size: 156px; z-index: 10000; } .appsElementsSidekickConversationHistoryOverflowMenuTooltip { --gm3-tooltip= -plain-z-index: 10001; z-index: 10001; } .appsElementsSidekickConversationHistoryOverflowMenuButtonVisible { visibil= ity: visible; } .appsElementsSidekickConversationHistoryDialog { --pjsEwc: 320px; --eNKeTe:= var(--gm3-sys-color-surface-container-low,#f8fafd); --xkSh4b: 0; } .appsElementsSidekickConversationHistoryRenameTextInput { inline-size: min(= 452px, 60vw); padding-block-start: 4px; } .appsElementsSidekickConversationHistoryDeleteConversationBody { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: = 400; letter-spacing: 0px; line-height: 1.5rem; padding-block-end: 8px; } .appsElementsSidekickElicitationCard { --gm3-card-filled-container-color: v= ar(--gm3-sys-color-surface-container,#f0f4f9); --gm3-card-filled-container-= shape-start-start: 4px; gap: 8px; overflow: hidden; padding: 12px; } .appsElementsSidekickElicitationHeadline { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacin= g: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f= ); margin: 0px; overflow-wrap: break-word; word-break: break-word; } .appsElementsSidekickElicitationBodyText { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant= ,#444746); overflow-wrap: break-word; word-break: break-word; } .appsElementsSidekickElicitationActions { align-items: center; display: fle= x; gap: 4px; justify-content: flex-end; } .appsElementsSidekickElicitationPrimaryButton { --gm3-button-filled-contain= er-height: 32px; } .appsElementsSidekickElicitationSecondaryButton { --gm3-button-text-contain= er-height: 32px; } .appsElementsSidekickElicitationChoices { --gm3-list-list-item-container-co= lor: var(--gm3-sys-color-surface-container-lowest,#fff); --gm3-list-list-it= em-container-shape: 0; --gm3-list-list-item-label-text-color: var(--gm3-sys= -color-on-surface,#1f1f1f); --gm3-list-list-item-one-line-container-height:= 40px; --gm3-list-list-item-control-selected-container-color: var(--gm3-sys= -color-surface-container-lowest,#fff); --gm3-list-list-item-control-selecte= d-container-shape: 0; --gm3-list-list-item-control-selected-label-text-colo= r: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-se= lected-container-shape-start-start: 0; --gm3-list-list-item-control-selecte= d-container-shape-start-end: 0; --gm3-list-list-item-control-selected-conta= iner-shape-end-end: 0; --gm3-list-list-item-control-selected-container-shap= e-end-start: 0; --gm3-list-list-item-container-shape-start-start: 0; --gm3-= list-list-item-container-shape-start-end: 0; --gm3-list-list-item-container= -shape-end-end: 0; --gm3-list-list-item-container-shape-end-start: 0; --gm3= -list-container-shape-end-end: 0; --gm3-list-container-shape-end-start: 0; = --gm3-list-container-shape-start-end: 0; --gm3-list-container-shape-start-s= tart: 0; --gm3-list-list-item-selected-container-shape-end-end: 0; --gm3-li= st-list-item-selected-container-shape-end-start: 0; --gm3-list-list-item-se= lected-container-shape-start-end: 0; --gm3-list-list-item-selected-containe= r-shape-start-start: 0; --gm3-list-focus-indicator-shape-end-end: 0; --gm3-= list-focus-indicator-shape-end-start: 0; --gm3-list-focus-indicator-shape-s= tart-end: 0; --gm3-list-focus-indicator-shape-start-start: 0; --gm3-list-li= st-item-hover-state-layer-shape-end-end: 0; --gm3-list-list-item-hover-stat= e-layer-shape-end-start: 0; --gm3-list-list-item-hover-state-layer-shape-st= art-end: 0; --gm3-list-list-item-hover-state-layer-shape-start-start: 0; --= gm3-list-list-item-fallback-selection-end-margin: 0; border-radius: 12px; d= isplay: flex; flex-direction: column; gap: 2px; overflow: hidden; padding-b= lock: 0px; } .appsElementsSidekickElicitationChoice { inline-size: 100%; } .appsElementsSidekickExecutionPlanEditableStepsStepList[class] { display: f= lex; flex-direction: column; margin-inline: 4px; gap: 8px; border-radius: 8= px; padding: 6px 0px 6px 11px; } .appsElementsSidekickExecutionPlanEditableStepsItem { display: flex; align-= items: stretch; gap: 2px; } .appsElementsSidekickExecutionPlanEditableStepsItemContainer { display: fle= x; flex: 1 1 0%; align-items: center; background-color: var(--gm3-sys-color= -surface,#fff); border-radius: 8px; padding: 2px; line-height: 0rem; } .appsElementsSidekickExecutionPlanEditableStepsItemTextContainer { flex: 1 = 1 0%; margin-inline-end: 1px; } .appsElementsSidekickExecutionPlanEditableStepsItemTextContainer:focus-with= in { border-radius: 4px; outline: 2px solid var(--gm3-sys-color-primary,#0b= 57d0); outline-offset: -2px; } .appsElementsSidekickExecutionPlanEditableStepsItemTextarea { width: 100%; = padding-inline-end: 4px; cursor: text; --gm3-text-field-filled-leading-spac= e: 6px; --gm3-text-field-filled-trailing-space: 6px; --gm3-text-field-fille= d-top-space: 6px; --gm3-text-field-filled-bottom-space: 6px; --gm3-text-fie= ld-filled-container-shape: 0px; --gm3-text-field-filled-label-text-populate= d-line-height: 0px; --gm3-text-field-filled-input-text-size: 0.75rem; --gm3= -text-field-filled-input-text-line-height: 1rem; --gm3-text-field-filled-in= put-text-tracking: 0.00625rem; --gm3-text-field-filled-input-text-weight: 4= 00; --gm3-text-field-filled-input-text-font: "Google Sans"; --gm3-text-fiel= d-filled-input-text-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-text-field-filled-caret-color: var(--gm3-sys-color-on-surface,#1f1f1= f); --gm3-text-field-filled-container-color: transparent; --gm3-text-field-= filled-hover-state-layer-color: transparent; --gm3-text-field-filled-focus-= active-indicator-color: transparent; --gm3-text-field-filled-active-indicat= or-color: transparent; --gm3-text-field-filled-hover-active-indicator-color= : transparent; --gm3-text-field-filled-disabled-active-indicator-color: tra= nsparent; --gm3-text-field-filled-disabled-container-color: transparent; --= gm3-text-field-filled-container-shape-start-start: 0px; --gm3-text-field-fi= lled-container-shape-start-end: 0px; --gm3-text-field-filled-container-shap= e-end-end: 0px; --gm3-text-field-filled-container-shape-end-start: 0px; } .appsElementsSidekickExecutionPlanEditableStepsItemListAction { padding-blo= ck: 0px; margin: 2px 0px; visibility: hidden; --gm3-icon-button-filled-cont= ainer-width: 32px; --gm3-icon-button-filled-container-height: 32px; --gm3-i= con-button-filled-touch-target-size: 32px; --gm3-icon-button-filled-pressed= -state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= icon-button-filled-icon-size: 18px; --gm3-icon-button-filled-icon-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled-con= tainer-color: var(--gm3-sys-color-surface,#fff); --gm3-icon-button-filled-p= ressed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-i= con-button-filled-hover-icon-color: var(--gm3-sys-color-on-surface-variant,= #444746); --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-icon-button-filled-hover-state-layer-color= : var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-filled= -container-shape-start-start: 100px; --gm3-icon-button-filled-container-sha= pe-start-end: 100px; --gm3-icon-button-filled-container-shape-end-end: 100p= x; --gm3-icon-button-filled-container-shape-end-start: 100px; } .appsElementsSidekickExecutionPlanEditableStepsItemListAction:focus-within = { z-index: 1; } .appsElementsSidekickExecutionPlanEditableStepsItemContainer:focus-within .= appsElementsSidekickExecutionPlanEditableStepsItemListAction:not([disabled]= ), .appsElementsSidekickExecutionPlanEditableStepsItemContainer:hover .apps= ElementsSidekickExecutionPlanEditableStepsItemListAction:not([disabled]) { = visibility: visible; } .appsElementsSidekickExecutionPlanStepsStepTitleContainer { display: flex; = flex-direction: row; gap: 8px; } .appsElementsSidekickExecutionPlanStepsStepTitle { font-family: "Google San= s", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; lette= r-spacing: 0px; line-height: 1.25rem; block-size: auto; margin-block-end: 6= px; inline-size: 100%; padding-inline: 0px; overflow-wrap: anywhere; } .appsElementsSidekickExecutionPlanStepsStepTitle .appsElementsCollapsibleLi= stSummaryButtonLeadingContentWithoutIcon { margin-inline-start: 10px; } .appsElementsSidekickExecutionPlanStepsSubStepTitle { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; let= ter-spacing: 0.00625rem; line-height: 1rem; margin-block-end: 8px; overflow= -wrap: anywhere; } .appsElementsSidekickExecutionPlanStepsStepCompleted { color: var(--gm3-sys= -color-on-surface-variant,#444746); } .appsElementsSidekickExecutionPlanStepsPrecedingIndicator { display: inline= -flex; justify-content: center; align-items: center; gap: 4px; min-width: 2= 0px; } .appsElementsSidekickExecutionPlanStepsStepNumber { display: inline-flex; j= ustify-content: center; align-items: center; min-width: 18px; } .appsElementsSidekickExecutionPlanStepsStepSuccessIcon { fill: var(--gm3-sy= s-color-outline,#747775); } .appsElementsSidekickExecutionPlanStepsStepList { padding: 0px; margin-bloc= k: 0px; list-style: none; } .appsElementsSidekickExecutionPlanStepsBulletedStepList { display: flex; fl= ex-direction: column; margin-inline-start: 10px; } .appsElementsSidekickExecutionPlanStepsStepContainer { display: flex; flex-= direction: row; } .appsElementsSidekickExecutionPlanStepsStepMargin { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; lett= er-spacing: 0px; line-height: 1.25rem; align-items: center; display: flex; = flex-direction: column; } .appsElementsSidekickExecutionPlanStepsLine { block-size: 100%; border-inli= ne-start: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); min-block= -size: 12px; inline-size: 0px; } .appsElementsSidekickExecutionPlanStepsStepContainer:last-child > .appsElem= entsSidekickExecutionPlanStepsStepMargin > .appsElementsSidekickExecutionPl= anStepsLine { min-block-size: 0px; block-size: 0px; visibility: hidden; } .appsElementsSidekickExecutionPlanStepsStepDisclosure { flex-grow: 1; } .appsElementsSidekickExecutionPlanStepsStepDisclosureIcon { border-radius: = 9999px; justify-items: center; margin-inline-end: 0px; inline-size: 28px; } .appsElementsSidekickExecutionPlanStepsStepTitleContent { display: flex; fl= ex-direction: column; gap: 4px; } .appsElementsSidekickExecutionPlanStepsStaticStepTitle { margin-inline-star= t: 10px; color: var(--gm3-sys-color-on-surface-variant,#444746); } .appsElementsSidekickExecutionPlanStepsMoreButton { --gm3-button-text-conta= iner-height: 28px; margin-inline-start: 16px; } .appsElementsSidekickExecutionPlanStepsStepSourcesList { display: flex; fle= x-flow: wrap; gap: 4px; list-style: none; padding: 0px; margin: 0px; } .appsElementsSidekickExecutionPlanStepsStepSource { font-family: "Google Sa= ns", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; lette= r-spacing: 0.00625rem; line-height: 1rem; } .appsElementsSidekickExecutionPlanStepsStepSource::before { position: absol= ute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px= ; border: 1px solid transparent; border-radius: inherit; content: ""; point= er-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickExecutionPlanStepsStepSource::before { border-color:= canvastext; } } .appsElementsSidekickExecutionPlanStepsStepSource { background-color: var(-= -gm3-sys-color-surface,#fff); color: var(--gm3-sys-color-on-surface,#1f1f1f= ); border-radius: 9999px; padding: 4px 8px; position: relative; } .appsElementsSidekickInteractiveContentInteractiveContentHighlightable .app= sElementsGenerativeaiAstInlineCode { background-color: var(--gm3-sys-color-= primary-container,#d3e3fd); color: var(--gm3-sys-color-on-primary-container= ,#0842a0); } .appsElementsSidekickInteractiveContentInteractiveContentHighlightable .app= sElementsGenerativeaiAstInlineCode:hover { background-color: color-mix(in s= rgb,var(--gm3-sys-color-primary-container,#d3e3fd),var(--gm3-sys-color-on-p= rimary-container,#0842a0) 8%); cursor: pointer; } .appsElementsSidekickExecutionPlanPlan { display: block; --progress-gradien= t-color-1: #3186ff; --progress-gradient-color-2: #00a5b7; --progress-gradie= nt-color-3: #0ebc5f; } .appsElementsSidekickExecutionPlanPlanContainer { background-color: var(--g= m3-sys-color-surface-container,#f0f4f9); border-radius: 16px; display: flex= ; flex-direction: column; gap: 16px; padding: 16px; } .appsElementsSidekickExecutionPlanHeaderContainer { display: flex; flex-dir= ection: row; } .appsElementsSidekickExecutionPlanPlanTitle { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.5rem; align-content: center; overflow-wrap: anywhere;= margin-inline-end: 4px; } .appsElementsSidekickExecutionPlanPlanTitleWithoutProgress { margin-inline-= start: 4px; } .appsElementsSidekickExecutionPlanPlanTitleWithProgress { margin-inline-sta= rt: 12px; } .appsElementsSidekickExecutionPlanIconContainer, .appsElementsSidekickExecu= tionPlanLoadingIndicatorContainer { align-items: center; display: flex; hei= ght: 36px; flex-direction: column; position: relative; width: 36px; } .appsElementsSidekickExecutionPlanLoadingIndicatorContainer { justify-conte= nt: center; } .appsElementsSidekickExecutionPlanLoadingIndicatorIcon { stroke: var(--gm3-= sys-color-on-surface-variant,#444746); position: absolute; } .appsElementsSidekickExecutionPlanLoadingIndicatorSvg.appsElementsSidekickE= xecutionPlanLoadingIndicatorSvg { overflow: hidden; } .appsElementsSidekickExecutionPlanPlanSuccessIcon { fill: var(--gm3-sys-col= or-tertiary,#146c2e); position: absolute; } .appsElementsSidekickExecutionPlanPlanErrorIcon { fill: rgb(232, 110, 0); p= osition: absolute; } .appsElementsSidekickExecutionPlanPlanFailIcon { fill: var(--gm3-sys-color-= error,#b3261e); position: absolute; } .appsElementsSidekickExecutionPlanPlanProgress { --yPTsAb: url(#progress-gr= adient); --EscQs: 3px; --Sewh0e: var(--gm3-sys-color-surface-container-high= est,#dde3ea); margin-block-start: 4px; } .appsElementsSidekickExecutionPlanPlanStepsContainer { margin-inline-start:= 6px; } .appsElementsSidekickExecutionPlanActiveExecutionNotice { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.25rem; display: flex; flex-direction:= column; gap: 12px; margin-block-start: 24px; text-wrap: pretty; overflow-w= rap: break-word; word-break: break-word; } @keyframes rotate-spark {=20 100% { transform: rotate(1turn); } } .appsElementsSidekickLlmMessageSpark { position: relative; inline-size: fit= -content; overflow: hidden; color: rgb(33, 123, 254); } .appsElementsSidekickLlmMessageSparkIcon { display: block; } @media not (prefers-reduced-motion) { .appsElementsSidekickLlmMessageSparkAnimate { animation: 2.1s linear 0s i= nfinite normal none running rotate-spark; } } .appsElementsSidekickLlmMessageSparkAnimate { transform-origin: center cent= er; } .appsElementsSidekickLlmMessageGem { display: flex; align-items: center; ga= p: 8px; padding-block-end: 8px; } .appsElementsSidekickLlmMessageGemLogo { aspect-ratio: 1 / 1; box-sizing: b= order-box; overflow: hidden; border-radius: 9999px; inline-size: 24px; } .appsElementsSidekickLlmMessageGemName { display: flex; flex-direction: col= umn; } .appsElementsSidekickLlmMessageHeader { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing:= 0.00625rem; line-height: 1rem; padding-block-end: 8px; display: flex; flex= -direction: row; gap: 8px; align-items: center; } .appsElementsSidekickLlmMessageStatusMessage { color: var(--gm3-sys-color-o= utline,#747775); } .appsElementsSidekickLlmMessageExecutionPlanContainer { margin-block: 12px = 24px; } .appsElementsSidekickLlmMessageVisuallyHidden { clip: rect(0px, 0px, 0px, 0= px); clip-path: inset(50%); block-size: 1px; overflow: hidden; position: ab= solute; white-space: nowrap; inline-size: 1px; } .appsElementsSidekickRoot { display: flex; inline-size: fit-content; } .appsElementsSidekickHiddenTitleSpan { position: absolute; visibility: hidd= en; height: auto; width: auto; white-space: pre; left: -10000px; top: -1000= 0px; } .appsElementsSidekickCard { --gm3-card-outlined-container-color: var(--ae-s= idekick-container-color,var(--gm3-sys-color-surface,#fff)); --gm3-card-outl= ined-hover-outline-color: var(--ae-sidekick-panel-outline-color,var(--ae-si= dekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1))); --gm3-= card-outlined-outline-color: var(--ae-sidekick-panel-outline-color,var(--ae= -sidekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1))); --g= m3-card-outlined-pressed-outline-color: var(--ae-sidekick-panel-outline-col= or,var(--ae-sidekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e= 3e1))); --gm3-card-outlined-container-shape-start-start: var(--ae-sidekick-= panel-shape,16px); --gm3-card-outlined-container-shape-start-end: var(--ae-= sidekick-panel-shape,16px); --gm3-card-outlined-container-shape-end-end: va= r(--ae-sidekick-panel-shape,16px); --gm3-card-outlined-container-shape-end-= start: var(--ae-sidekick-panel-shape,16px); overflow: hidden; inline-size: = fit-content; } .appsElementsSidekickResizeHandle { block-size: 100%; inline-size: 12px; di= splay: flex; align-items: center; justify-content: center; position: absolu= te; margin-inline-start: -12px; cursor: ew-resize; user-select: none; z-ind= ex: 2; } .appsElementsSidekickResizeHandle:is(:hover, :active)::after { content: "";= inline-size: 4px; block-size: 150px; background: var(--gm3-sys-color-outli= ne-variant,#c4c7c5); border-radius: 9999px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickResizeHandle:is(:hover, :active)::after { background= : canvastext; } } .appsElementsSidekickContent { display: flex; flex-direction: column; inlin= e-size: calc(var(--ae-sidekick-collapsed-inline-size, 410px) + var(--ae-sid= ekick-inline-size-offset, 0)*1px); min-inline-size: var(--ae-sidekick-colla= psed-inline-size,410px); max-inline-size: var(--ae-sidekick-max-inline-size= ,calc(85vw - 217.6px)); block-size: 100%; container: feed / inline-size; } .appsElementsSidekickRoot:not(:has(.appsElementsSidekickResizeHandle:focus)= ) .appsElementsSidekickContentExpandable { transition: inline-size 0.3s cub= ic-bezier(0.2, 0, 0, 1); } @supports (transition-timing-function:linear(0,0.002,0.01 3.6%,0.034,0.074 = 9.1%,0.128 11.4%,0.194 13.4%,0.271 15%,0.344 16.1%,0.544,0.66 20.6%,0.717 2= 2.4%,0.765 24.6%,0.808 27.3%,0.845 30.4%,0.883 35.1%,0.916 40.6%,0.942 47.2= %,0.963 55%,0.979 64%,0.991 74.4%,0.998 86.4%,1)) { .appsElementsSidekickRoot:not(:has(.appsElementsSidekickResizeHandle:focu= s)) .appsElementsSidekickContentExpandable { transition-timing-function: li= near(0 0%, 0.002 1.8%, 0.01 3.6%, 0.034 6.35%, 0.074 9.1%, 0.128 11.4%, 0.1= 94 13.4%, 0.271 15%, 0.344 16.1%, 0.544 18.35%, 0.66 20.6%, 0.717 22.4%, 0.= 765 24.6%, 0.808 27.3%, 0.845 30.4%, 0.883 35.1%, 0.916 40.6%, 0.942 47.2%,= 0.963 55%, 0.979 64%, 0.991 74.4%, 0.998 86.4%, 1 100%); } } .appsElementsSidekickNavDrawer { pointer-events: none; position: absolute; = inset: 0px; z-index: 10; background-color: transparent; transition: backgro= und-color 0.25s linear; } .appsElementsSidekickNavDrawerOpen { pointer-events: auto; background-color= : color-mix(in srgb,var(--gm3-sys-color-scrim,#000),transparent 80%); } .appsElementsSidekickNavDrawerContent { inline-size: 100%; block-size: 100%= ; max-inline-size: 300px; background: var(--ae-sidekick-container-color,var= (--gm3-sys-color-surface,#fff)); border-right: 1px solid var(--ae-sidekick-= outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); transition: tr= ansform 0.25s ease-in 50ms; transform-box: border-box; transform: translate= X(-100%); } .appsElementsSidekickNavDrawerOpen .appsElementsSidekickNavDrawerContent { = transform: translateX(0px); } @container feed (412px < inline-size <=3D 576px) { .appsElementsSidekickFeed, .appsElementsSidekickFooter, .appsElementsSide= kickOutOfDomainWarning, .appsElementsSidekickUpsellBanner { --ae-sidekick-f= eed-padding-inline: 20px; } } @container feed (inline-size > 576px) { .appsElementsSidekickFeed, .appsElementsSidekickFooter, .appsElementsSide= kickOutOfDomainWarning, .appsElementsSidekickUpsellBanner { --ae-sidekick-f= eed-padding-inline: 32px; } } .appsElementsSidekickFeed { font-family: "Google Sans", Roboto, Arial, sans= -serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-he= ight: 1.25rem; align-items: flex-start; color: var(--gm3-sys-color-on-surfa= ce,#1f1f1f); display: flex; flex: 1 1 0%; justify-content: center; overflow= : hidden auto; overscroll-behavior: none; } @media not (prefers-reduced-motion) { .appsElementsSidekickFeed { scroll-behavior: smooth; } } .appsElementsSidekickFeedPadding { scrollbar-gutter: stable; padding: 8px c= alc(var(--ae-sidekick-feed-padding-inline, 16px) - var(--ae-sidekick-comput= ed-scrollbar-width, 16)*1px) 8px var(--ae-sidekick-feed-padding-inline,16px= ); } .appsElementsSidekickFeedView { display: flex; flex-direction: column; gap:= 8px; inline-size: 100%; max-inline-size: 672px; } .appsElementsSidekickFeedBottomDetector { display: block; block-size: 0px; = margin-block-start: -8px; } .appsElementsSidekickFeedDisclaimer { font-family: "Google Sans", Roboto, A= rial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0= .00625rem; line-height: 1rem; text-align: center; text-wrap: balance; color= : var(--gm3-sys-color-outline,#747775); } .appsElementsSidekickScrollDelineation { border-block-start: 1px solid var(= --ae-sidekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); = padding-block-start: 7px; } .appsElementsSidekickFeedEntries { --ae-chip-container-color: var(--gm3-sys= -color-surface-container-high,#e9eef6); --ae-chip-container-max-inline-size= : calc(100% - var(--ae-sidekick-computed-scrollbar-width, 16)*1px - 2ch); -= -ae-chip-hover-state-layer-color: var(--gm3-sys-color-surface-dim,#d3dbe5);= --ae-chip-label-text-size: 0.875rem; display: flex; flex-direction: column= ; gap: 24px; list-style: none; margin: unset; padding: unset; } .appsElementsSidekickSystemBubble::before { position: absolute; box-sizing:= border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px so= lid transparent; border-radius: inherit; content: ""; pointer-events: none;= } @media screen and (forced-colors: active) { .appsElementsSidekickSystemBubble::before { border-color: canvastext; } } .appsElementsSidekickSystemBubble { position: relative; flex-shrink: 0; bor= der-radius: 16px; } .appsElementsSidekickBubbleContent ol, .appsElementsSidekickBubbleContent p= , .appsElementsSidekickBubbleContent pre, .appsElementsSidekickBubbleConten= t ul { margin-block: unset; } .appsElementsSidekickBubbleContent :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickBubbleContent :is(ul, ol):first-child { margin-block-s= tart: 0px; } .appsElementsSidekickBubbleContent :is(ul, ol):last-child { margin-block-en= d: 0px; } .appsElementsSidekickBubbleContent span[style=3D"display: contents;"] > :is= (ul, ol) { margin-block: 16px; } .appsElementsSidekickBubbleContent span[style=3D"display: contents;"]:first= -child > :is(ul, ol):first-child { margin-block-start: 0px; } .appsElementsSidekickBubbleContent span[style=3D"display: contents;"]:last-= child > :is(ul, ol):last-child { margin-block-end: 0px; } .appsElementsSidekickBubbleContent :is(ul, ol) :is(ul, ol), .appsElementsSi= dekickBubbleContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {= margin-block: 8px; } .appsElementsSidekickBubbleContent ul { list-style-type: disc; padding-inli= ne-start: 16px; } .appsElementsSidekickBubbleContent ol { padding-inline-start: 3ch; } .appsElementsSidekickBubbleContent code, .appsElementsSidekickBubbleContent= pre { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; li= ne-height: 1rem; font-family: "Google Sans Mono", monospace; white-space: p= re-wrap; margin: unset; } .appsElementsSidekickBubbleContent table { background-color: var(--gm3-sys-= color-surface,#fff); border-spacing: 0px; border: 1px solid var(--gm3-sys-c= olor-outline-variant,#c4c7c5); border-collapse: inherit; word-break: auto-p= hrase; } .appsElementsSidekickBubbleContent table th { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spac= ing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickBubbleContent table td { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.00625rem;= line-height: 1rem; font-weight: 400; padding: 5px 8px; } .appsElementsSidekickBubbleContent table td, .appsElementsSidekickBubbleCon= tent table th { text-align: start; border: 1px solid var(--gm3-sys-color-ou= tline-variant,#c4c7c5); } .appsElementsSidekickBubbleContent table tr + tr td, .appsElementsSidekickB= ubbleContent table tr + tr th, .appsElementsSidekickBubbleContent table tr:= first-child td, .appsElementsSidekickBubbleContent table tr:first-child th = { border-block-start: 0px; } .appsElementsSidekickBubbleContent table td + td, .appsElementsSidekickBubb= leContent table td + th, .appsElementsSidekickBubbleContent table td:first-= child, .appsElementsSidekickBubbleContent table th + td, .appsElementsSidek= ickBubbleContent table th + th, .appsElementsSidekickBubbleContent table th= :first-child { border-inline-start: 0px; } .appsElementsSidekickBubbleContent table td:last-child, .appsElementsSideki= ckBubbleContent table th:last-child { border-inline-end: 0px; } .appsElementsSidekickBubbleContent table tr:last-child td { border-block-en= d: 0px; } .appsElementsSidekickBubbleContent mark:not([class]) { background-color: un= set; color: unset; } .appsElementsSidekickBubbleContent a:any-link:not([class]) { color: var(--g= m3-sys-color-primary,#0b57d0); text-underline-offset: 0.25em; text-decorati= on: underline; } .appsElementsSidekickBubbleContent a:active:not([class]), .appsElementsSide= kickBubbleContent a:hover:not([class]), .appsElementsSidekickBubbleContent = a:visited:not([class]) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickBubbleContent { font-variant-ligatures: no-contextual;= font-feature-settings: "liga" 0; display: flex; flex-direction: column; ga= p: 12px; padding: 16px; text-wrap: pretty; overflow-wrap: break-word; word-= break: break-word; } .appsElementsSidekickSystemBubble { border: 1px solid var(--gm3-sys-color-o= utline-variant,#c4c7c5); } .appsElementsSidekickFooter { display: flex; flex-direction: column; gap: 1= 6px; padding: 16px var(--ae-sidekick-feed-padding-inline,16px); max-block-s= ize: 80%; z-index: 8; } .appsElementsSidekickFooter:has(.appsElementsSidekickPromptBox) { align-sel= f: center; max-inline-size: 672px; inline-size: stretch; } .appsElementsSidekickBetaBadge { --ae-badge-container-color: var(--gm3-sys-= color-primary-container,#d3e3fd); --ae-badge-text-color: var(--gm3-sys-colo= r-primary,#0b57d0); margin-inline-end: 4px; padding: 2px 4px; } .appsElementsSidekickUpsellBadge { display: inline-flex; margin-inline-end:= 8px; } .appsElementsSidekickValidityStateMessage { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-weight: 400; letter-spacing: 0.00625rem; line-= height: 1rem; font-size: 10px; color: var(--gm3-sys-color-error,#b3261e); t= ext-align: center; text-wrap: balance; word-break: break-word; } .appsElementsSidekickValidityStateMessage:empty { display: none; } .appsElementsSidekickPromptBox { --ae-generativeai-promptbox-outline-color:= var(--gm3-sys-color-surface-container-highest,#dde3ea); } .appsElementsSidekickResetSessionDialog, .appsElementsSidekickSpeedbumpDial= og { --eNKeTe: var(--gm3-sys-color-surface,#fff); --bBZC5b: 0; --Tlqqfc: 31= 2px; } .appsElementsSidekickDataStorageCallout { --ae-callout-container-width: 278= px; } .appsElementsSidekickStickyInsetBannerContainer { display: flex; flex-direc= tion: column; gap: 6px; position: sticky; bottom: 0px; padding: 0px; margin= -block-end: -10px; } .appsElementsSidekickStickyInsetBannerContainerQuotaBlocked { position: rel= ative; flex-grow: 1; display: flex; align-items: center; justify-content: c= enter; margin-block-end: 0px; } .appsElementsSidekickStickyInsetBanner { --leFxrb: var(--ae-banner-containe= r-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae= -banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHWR= yc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#4447= 46)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-v= ariant,#444746)); --gm3-icon-button-standard-unselected-icon-color: var(--a= e-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3= -icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-col= or,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-stan= dard-unselected-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys-= color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-p= ressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --gm3-icon-button-standard-unselected-hover-state-laye= r-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-icon-button-standard-unselected-pressed-state-layer-color:= var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)= ); --gm3-button-text-label-text-color: var(--ae-banner-action-color,var(--g= m3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: v= ar(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-bu= tton-text-focus-label-text-color: var(--ae-banner-action-color,var(--gm3-sy= s-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(= --ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butto= n-text-hover-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-= color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(-= -ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button= -filled-container-color: var(--ae-banner-button-filled-container-color,var(= --gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-color: va= r(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)= ); --gm3-button-filled-hover-label-text-color: var(--ae-banner-button-fille= d-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-foc= us-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys= -color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-color: var= (--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff))= ; --gm3-button-filled-hover-state-layer-color: var(--ae-banner-button-fille= d-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pre= ssed-state-layer-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); } .appsElementsSidekickStickyInsetBanner:link { color: var(--ae-banner-text-l= ink-color,var(--gm3-sys-color-primary,#0b57d0)); text-decoration: underline= ; } .appsElementsSidekickStickyInsetBanner { --WsPOW: 16px; } .appsElementsSidekickErrorBanner { --ae-banner-action-color: var(--gm3-sys-= color-on-error-container,#8c1d18); --ae-banner-button-filled-container-colo= r: var(--gm3-sys-color-error,#b3261e); --ae-banner-button-filled-text-color= : var(--gm3-sys-color-on-error,#fff); --ae-banner-container-color: var(--gm= 3-sys-color-error-container,#f9dedc); --ae-banner-text-color: var(--gm3-sys= -color-on-error-container,#8c1d18); --ae-banner-text-link-color: var(--gm3-= sys-color-on-error-container,#8c1d18); } .appsElementsSidekickLimitReachedBanner { --ae-banner-action-color: var(--w= s-sys-color-extended-on-yellow-tonal,#6d3a01); --ae-banner-button-filled-co= ntainer-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00); --ae-banne= r-button-filled-text-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3= a01); --ae-banner-container-color: var(--ws-sys-color-extended-yellow-tonal= ,#fff2b4); --ae-banner-text-color: var(--ws-sys-color-extended-on-yellow-to= nal,#6d3a01); --ae-banner-text-link-color: var(--ws-sys-color-extended-on-y= ellow-tonal,#6d3a01); --rgEnKb: 0px; --lKBblb: 0px; --KEZEkb: 48px; --gGO0K= d: 32px; --mSVvtd: 4px; --El9Bhf: 0px; --SQ84Tc: 0.75rem; --gm3-button-fill= ed-container-height: 24px; --gm3-button-filled-label-text-size: 0.75rem; --= gm3-button-filled-trailing-space: 12px; --gm3-button-filled-leading-space: = 12px; --gm3-icon-button-standard-container-width: 24px; --gm3-icon-button-s= tandard-container-height: 24px; --gm3-icon-button-standard-icon-size: 16px;= } .appsElementsSidekickNanoBananaBanner { --ae-banner-action-color: var(--gm3= -sys-color-on-primary-container,#0842a0); --ae-banner-button-filled-contain= er-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-t= ext-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-container-colo= r: var(--gm3-sys-color-primary-container,#d3e3fd); --ae-banner-text-color: = var(--gm3-sys-color-on-primary-container,#0842a0); --ae-banner-text-link-co= lor: var(--gm3-sys-color-on-primary-container,#0842a0); --MbloWe: 0.75rem; = --brmLFc: 1rem; --ByDq6e: var(--gm3-sys-color-on-primary-container,#0842a0)= ; --gm3-icon-button-standard-container-width: 24px; --gm3-icon-button-stand= ard-container-height: 24px; --gm3-icon-button-standard-icon-size: 16px; } .appsElementsSidekickOutOfDomainWarning { --ae-banner-action-color: var(--g= m3-sys-color-on-primary-container,#0842a0); --ae-banner-button-filled-conta= iner-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled= -text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-container-co= lor: var(--gm3-sys-color-primary-container,#d3e3fd); --ae-banner-text-color= : var(--gm3-sys-color-on-primary-container,#0842a0); --ae-banner-text-link-= color: var(--gm3-sys-color-on-primary-container,#0842a0); --rgEnKb: 0px; --= lKBblb: 0px; --KEZEkb: 48px; --gGO0Kd: auto; --mSVvtd: 4px; --El9Bhf: 0px; = --J47bVc: 1rem; --SQ84Tc: 0.75rem; --gm3-icon-button-standard-container-wid= th: 24px; --gm3-icon-button-standard-container-height: 24px; --gm3-icon-but= ton-standard-icon-size: 16px; } .appsElementsSidekickOutOfDomainWarning [class$=3D"BannerGraphicTextWrapper= "] { align-items: flex-start; gap: 6px; margin-block-end: 4px; } .appsElementsSidekickOutOfDomainWarning [class$=3D"BannerTextWrapper"] { al= ign-self: center; } .appsElementsSidekickOutOfDomainWarning [class$=3D"BannerCloseActionWrapper= "] { padding-block: 0px; } .appsElementsSidekickOutOfDomainWarning { margin-inline: var(--ae-sidekick-= feed-padding-inline,16px); max-inline-size: 672px; align-self: center; inli= ne-size: stretch; } .appsElementsSidekickBannerIcon { display: flex; margin: 8px; } .appsElementsSidekickFeedContainer { color-scheme: inherit; forced-color-ad= just: inherit; math-depth: inherit; position-anchor: inherit; text-size-adj= ust: inherit; appearance: inherit; color: inherit; font: inherit; font-pale= tte: inherit; font-synthesis: inherit; position-area: inherit; text-orienta= tion: inherit; text-rendering: inherit; text-spacing-trim: inherit; -webkit= -font-smoothing: inherit; -webkit-locale: inherit; -webkit-text-orientation= : inherit; -webkit-writing-mode: inherit; writing-mode: inherit; zoom: inhe= rit; accent-color: inherit; align-content: inherit; place-items: inherit; p= lace-self: inherit; alignment-baseline: inherit; anchor-name: inherit; anch= or-scope: inherit; animation-composition: inherit; animation: inherit; anim= ation-trigger: inherit; app-region: inherit; aspect-ratio: inherit; backdro= p-filter: inherit; backface-visibility: inherit; background: inherit; backg= round-blend-mode: inherit; baseline-shift: inherit; baseline-source: inheri= t; block-size: inherit; border-block: inherit; border: inherit; border-radi= us: inherit; border-collapse: inherit; border-end-end-radius: inherit; bord= er-end-start-radius: inherit; border-inline: inherit; border-shape: inherit= ; border-start-end-radius: inherit; border-start-start-radius: inherit; ins= et: inherit; box-decoration-break: inherit; box-shadow: inherit; box-sizing= : inherit; break-after: inherit; break-before: inherit; break-inside: inher= it; buffered-rendering: inherit; caption-side: inherit; caret-animation: in= herit; caret-color: inherit; caret-shape: inherit; clear: inherit; clip: in= herit; clip-path: inherit; clip-rule: inherit; color-interpolation: inherit= ; color-interpolation-filters: inherit; color-rendering: inherit; columns: = inherit; column-fill: inherit; gap: inherit; rule-break: inherit; rule: inh= erit; rule-inset: inherit; rule-visibility-items: inherit; column-span: inh= erit; contain: inherit; contain-intrinsic-block-size: inherit; contain-intr= insic-size: inherit; contain-intrinsic-inline-size: inherit; container: inh= erit; content: inherit; content-visibility: inherit; corner-shape: inherit;= corner-block-end-shape: inherit; corner-block-start-shape: inherit; counte= r-increment: inherit; counter-reset: inherit; counter-set: inherit; cursor:= inherit; cx: inherit; cy: inherit; d: inherit; dominant-baseline: inherit;= dynamic-range-limit: inherit; empty-cells: inherit; field-sizing: inherit;= fill: inherit; fill-opacity: inherit; fill-rule: inherit; filter: inherit;= flex: inherit; flex-line-count: inherit; flex-wrap: inherit; float: inheri= t; flood-color: inherit; flood-opacity: inherit; frame-sizing: inherit; gri= d: inherit; grid-area: inherit; height: inherit; hyphenate-character: inher= it; hyphenate-limit-chars: inherit; hyphens: inherit; image-orientation: in= herit; image-rendering: inherit; initial-letter: inherit; inline-size: inhe= rit; inset-block: inherit; inset-inline: inherit; interactivity: inherit; i= nterest-delay: inherit; interpolate-size: inherit; isolation: inherit; lett= er-spacing: inherit; lighting-color: inherit; line-break: inherit; list-sty= le: inherit; margin-block: inherit; margin: inherit; margin-inline: inherit= ; marker: inherit; mask: inherit; mask-type: inherit; math-shift: inherit; = math-style: inherit; max-block-size: inherit; max-height: inherit; max-inli= ne-size: inherit; max-width: inherit; min-block-size: inherit; min-height: = inherit; min-inline-size: inherit; min-width: inherit; mix-blend-mode: inhe= rit; object-fit: inherit; object-position: inherit; object-view-box: inheri= t; offset: inherit; opacity: inherit; order: inherit; orphans: inherit; out= line: inherit; outline-offset: inherit; overflow-anchor: inherit; overflow-= block: inherit; overflow-clip-margin: inherit; overflow-inline: inherit; ov= erflow-wrap: inherit; overlay: inherit; overscroll-behavior-block: inherit;= overscroll-behavior-inline: inherit; overscroll-behavior: inherit; padding= -block: inherit; padding: inherit; padding-inline: inherit; page: inherit; = page-margin-safety: inherit; page-orientation: inherit; paint-order: inheri= t; perspective: inherit; perspective-origin: inherit; pointer-events: inher= it; position-try: inherit; position-visibility: inherit; print-color-adjust= : inherit; quotes: inherit; r: inherit; reading-flow: inherit; reading-orde= r: inherit; resize: inherit; rotate: inherit; ruby-align: inherit; ruby-ove= rhang: inherit; ruby-position: inherit; rule-overlap: inherit; rx: inherit;= ry: inherit; scale: inherit; scroll-axis-lock: inherit; scroll-behavior: i= nherit; scroll-initial-target: inherit; scroll-margin-block: inherit; scrol= l-margin: inherit; scroll-margin-inline: inherit; scroll-marker-group: inhe= rit; scroll-padding-block: inherit; scroll-padding: inherit; scroll-padding= -inline: inherit; scroll-snap-align: inherit; scroll-snap-stop: inherit; sc= roll-snap-type: inherit; scroll-target-group: inherit; scroll-timeline: inh= erit; scrollbar-color: inherit; scrollbar-gutter: inherit; scrollbar-width:= inherit; shape-image-threshold: inherit; shape-margin: inherit; shape-outs= ide: inherit; shape-rendering: inherit; size: inherit; speak: inherit; stop= -color: inherit; stop-opacity: inherit; stroke: inherit; stroke-dasharray: = inherit; stroke-dashoffset: inherit; stroke-linecap: inherit; stroke-linejo= in: inherit; stroke-miterlimit: inherit; stroke-opacity: inherit; stroke-wi= dth: inherit; tab-size: inherit; table-layout: inherit; text-align: inherit= ; text-align-last: inherit; text-anchor: inherit; text-autospace: inherit; = text-box: inherit; text-combine-upright: inherit; text-decoration: inherit;= text-decoration-skip-ink: inherit; text-emphasis: inherit; text-emphasis-p= osition: inherit; text-fit: inherit; text-indent: inherit; text-justify: in= herit; text-overflow: inherit; text-shadow: inherit; text-transform: inheri= t; text-underline-offset: inherit; text-underline-position: inherit; text-w= rap: inherit; timeline-scope: inherit; timeline-trigger: inherit; touch-act= ion: inherit; transform: inherit; transform-box: inherit; transform-origin:= inherit; transform-style: inherit; transition: inherit; translate: inherit= ; trigger-scope: inherit; user-select: inherit; vector-effect: inherit; ver= tical-align: inherit; view-timeline: inherit; view-transition-class: inheri= t; view-transition-group: inherit; view-transition-name: inherit; view-tran= sition-scope: inherit; visibility: inherit; border-spacing: inherit; -webki= t-box-align: inherit; -webkit-box-decoration-break: inherit; -webkit-box-di= rection: inherit; -webkit-box-flex: inherit; -webkit-box-ordinal-group: inh= erit; -webkit-box-orient: inherit; -webkit-box-pack: inherit; -webkit-box-r= eflect: inherit; -webkit-line-break: inherit; -webkit-line-clamp: inherit; = -webkit-mask-box-image: inherit; -webkit-rtl-ordering: inherit; -webkit-rub= y-position: inherit; -webkit-tap-highlight-color: inherit; -webkit-text-com= bine: inherit; -webkit-text-decorations-in-effect: inherit; -webkit-text-fi= ll-color: inherit; -webkit-text-security: inherit; -webkit-text-stroke: inh= erit; -webkit-user-drag: inherit; white-space-collapse: inherit; widows: in= herit; width: inherit; will-change: inherit; window-drag: inherit; word-bre= ak: inherit; word-spacing: inherit; x: inherit; y: inherit; z-index: inheri= t; display: flex; flex-direction: column; justify-content: stretch; overflo= w: hidden; position: relative; } .appsElementsSidekickUpsellBanner { padding-inline: var(--ae-sidekick-feed-= padding-inline,16px); align-self: center; max-inline-size: 672px; inline-si= ze: stretch; } .modeElementsDark .appsElementsSidekickUpsellBanner .appsElementsWorkspaceR= ecommendationDisplayImageAdaptiveUrlImage, .modeElementsDark .appsElementsS= idekickUpsellBanner .appsElementsWorkspaceRecommendationDisplayImageBannerG= raphicIcon { --ae-recommendation-display-image-red-background-color: var(--= ws-sys-color-extended-red-tonal,#8a1a16); --ae-recommendation-display-image= -red-color: var(--ws-sys-color-extended-on-red-tonal,#ffdadc); --ae-recomme= ndation-display-image-green-background-color: var(--ws-sys-color-extended-g= reen-outline,#00522c); --ae-recommendation-display-image-green-color: var(-= -ws-sys-color-extended-on-green-outline,#80da88); --ae-recommendation-displ= ay-image-blue-background-color: var(--ws-sys-color-extended-blue-tonal,#044= 09f); --ae-recommendation-display-image-blue-color: var(--ws-sys-color-exte= nded-on-blue-outline,#a1c9ff); --ae-recommendation-display-image-yellow-bac= kground-color: var(--ws-sys-color-extended-yellow-outline,#8f4e06); --ae-re= commendation-display-image-yellow-color: var(--ws-sys-color-extended-on-yel= low-outline,#ffe07c); --ae-recommendation-display-image-purple-background-c= olor: var(--ws-sys-color-extended-purple-outline,#5629a4); --ae-recommendat= ion-display-image-purple-color: var(--ws-sys-color-extended-on-purple-outli= ne,#d9bafd); --ae-recommendation-display-image-cyan-background-color: var(-= -ws-sys-color-extended-cyan-outline,#004e5d); --ae-recommendation-display-i= mage-cyan-color: var(--ws-sys-color-extended-on-cyan-outline,#acedff); --ae= -recommendation-display-image-orange-background-color: var(--ws-sys-color-e= xtended-orange-outline,#753403); --ae-recommendation-display-image-orange-c= olor: var(--ws-sys-color-extended-on-orange-tonal,#ffdcc3); --ae-recommenda= tion-display-image-active-url: var( --ae-recommendation-display-image-dark-mode-url ); } .appsElementsSidekickUpsellBannerQuotaBlocked { display: flex; flex-directi= on: column; align-items: center; justify-content: center; flex-grow: 1; } .appsElementsSidekickLoadingIndicator { display: block; inline-size: 100%; = max-inline-size: 672px; } .appsElementsSidekickConversationHistory, .appsElementsSidekickList { --gm3= -list-list-item-one-line-container-height: 44px; --gm3-list-list-item-two-l= ine-container-height: 60px; --gm3-list-list-item-one-line-padding: 2px; --g= m3-list-list-item-two-line-padding: 2px; --gm3-list-list-item-container-col= or: var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-list-list-ite= m-content-gap: 8px; --gm3-list-list-item-control-selected-container-color: = var(--gm3-sys-color-surface-container-low,#f8fafd); --gm3-list-list-item-fa= llback-selection-end-margin: 0; --gm3-list-list-item-fallback-selection-con= tent-gap: 8px; --gm3-list-list-item-three-line-container-height: 76px; --gm= 3-list-list-item-three-line-padding: 6px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickEntryPointActivityMenuMenu { border: 1px solid canva= stext; } } .appsElementsSidekickEntryPointActivityMenuMenu { --gm3-list-container-shap= e: 20px; --gm3-list-list-item-container-shape: 16px; --gm3-list-list-item-c= ontrol-selected-container-shape: 16px; --gm3-menu-container-color: var(--gm= 3-sys-color-surface-container,#f0f4f9); --gm3-menu-container-shape: 20px; -= -gm3-menu-list-item-container-focus-shape: 16px; --gm3-menu-list-item-conta= iner-shape: 16px; --gm3-menu-list-item-first-focus-shape: 16px; --gm3-menu-= list-item-first-shape: 16px; --gm3-menu-list-item-control-selected-containe= r-shape: 16px; --gm3-menu-active-container-shape: 20px; text-align: initial= ; margin-block-start: 4px; inline-size: 340px; padding: 12px 12px 8px; box-= sizing: border-box; z-index: 10000; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickEntryPointActivityMenuList::before { display: none; = } } .appsElementsSidekickEntryPointActivityMenuList { padding-block: 4px; overf= low: visible; } .appsElementsSidekickEntryPointActivityMenuItem::before { position: absolut= e; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; = border: 1px solid transparent; border-radius: inherit; content: ""; pointer= -events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickEntryPointActivityMenuItem::before { border-color: c= anvastext; } } .appsElementsSidekickEntryPointActivityMenuItem { --gm3-list-list-item-cont= ainer-color: var(--gm3-sys-color-surface-container-lowest,#fff); --gm3-list= -list-item-label-text-size: 0.75rem; --gm3-list-list-item-label-text-weight= : 500; --gm3-list-list-item-leading-space: 12px; --gm3-list-list-item-one-l= ine-container-height: 60px; --gm3-list-list-item-one-line-padding: 12px; --= gm3-list-list-item-trailing-space: 16px; --gm3-list-list-item-leading-icon-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-ite= m-control-selected-container-color: var(--gm3-sys-color-surface-container-l= owest,#fff); --gm3-list-list-item-control-selected-label-text-weight: 500; = --gm3-list-list-item-control-selected-leading-icon-color: var(--gm3-sys-col= or-on-surface-variant,#444746); --gm3-menu-list-item-container-color: var(-= -gm3-sys-color-surface-container-lowest,#fff); --gm3-menu-list-item-label-t= ext-size: 0.75rem; --gm3-menu-list-item-label-text-weight: 500; --gm3-menu-= list-item-leading-space: 12px; --gm3-menu-list-item-one-line-container-heig= ht: 60px; --gm3-menu-list-item-one-line-padding: 12px; --gm3-menu-list-item= -trailing-space: 16px; --gm3-menu-list-item-with-leading-icon-leading-icon-= size: 20px; --gm3-menu-list-item-leading-icon-color: var(--gm3-sys-color-on= -surface-variant,#444746); --gm3-menu-list-item-control-selected-container-= color: var(--gm3-sys-color-surface-container-lowest,#fff); --gm3-menu-list-= item-control-selected-label-text-weight: 500; --gm3-menu-list-item-control-= selected-leading-icon-color: var(--gm3-sys-color-on-surface-variant,#444746= ); margin-block-end: 4px; } .appsElementsSidekickEntryPointActivityMenuItem :has(> .appsElementsSidekic= kEntryPointActivityMenuIcon) { display: flex; align-items: center; justify-= content: center; align-self: center; background-color: var(--gm3-sys-color-= surface-container,#f0f4f9); border-radius: 8px; block-size: 36px; inline-si= ze: 36px; } .appsElementsSidekickEntryPointActivityMenuItemInProgress { --gm3-list-list= -item-leading-icon-color: transparent; --gm3-list-list-item-hover-leading-i= con-icon-color: transparent; --gm3-list-list-item-control-selected-hover-le= ading-icon-color: transparent; --gm3-list-list-item-control-selected-leadin= g-icon-color: transparent; --gm3-list-list-item-fallback-selection-end-marg= in: 0; } .appsElementsSidekickEntryPointActivityMenuSeeAllItem { --gm3-list-list-ite= m-container-color: transparent; --gm3-list-list-item-focus-label-text-color= : var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-hover-label-te= xt-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-label-= text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-labe= l-text-size: 0.875rem; --gm3-list-list-item-label-text-weight: 500; --gm3-l= ist-list-item-control-selected-container-color: transparent; --gm3-list-lis= t-item-control-selected-focus-label-text-color: var(--gm3-sys-color-primary= ,#0b57d0); --gm3-list-list-item-control-selected-hover-label-text-color: va= r(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-control-selected-l= abel-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item= -control-selected-label-text-weight: 500; --gm3-menu-list-item-container-co= lor: transparent; --gm3-menu-list-item-focus-label-text-color: var(--gm3-sy= s-color-primary,#0b57d0); --gm3-menu-list-item-hover-label-text-color: var(= --gm3-sys-color-primary,#0b57d0); --gm3-menu-list-item-label-text-color: va= r(--gm3-sys-color-primary,#0b57d0); --gm3-menu-list-item-label-text-size: 0= .875rem; --gm3-menu-list-item-label-text-weight: 500; --gm3-menu-list-item-= container-height: 40px; --gm3-menu-list-item-control-selected-container-col= or: transparent; --gm3-menu-list-item-control-selected-focus-label-text-col= or: var(--gm3-sys-color-primary,#0b57d0); --gm3-menu-list-item-control-sele= cted-hover-label-text-color: var(--gm3-sys-color-primary,#0b57d0); --gm3-me= nu-list-item-control-selected-label-text-color: var(--gm3-sys-color-primary= ,#0b57d0); --gm3-menu-list-item-control-selected-label-text-weight: 500; te= xt-align: center; margin-block-start: 4px; } .appsElementsSidekickEntryPointActivityMenuIcon { display: flex; align-item= s: center; justify-content: center; block-size: 20px; inline-size: 20px; } .appsElementsSidekickEntryPointActivityMenuCircularProgress { --EkrYwf: 20p= x; --EscQs: 2px; block-size: 20px; inline-size: 20px; } @keyframes rotateFull {=20 100% { rotate: 1turn; } } @keyframes growPurple {=20 100% { border-width: 6px; } } @keyframes growBlue {=20 100% { border-width: 7px; } } .appsElementsSidekickEntryPointRoot { position: relative; inline-size: var(= --ae-sidekick-entry-point-container-size,40px); block-size: var(--ae-sideki= ck-entry-point-container-size,40px); border-radius: 9999px; } .appsElementsSidekickEntryPointBackgroundWrapper { position: absolute; inse= t: 0px; border-radius: 9999px; overflow: hidden; } .appsElementsSidekickEntryPointRoot.appsElementsSidekickEntryPointPressed {= background-color: var(--gm3-sys-color-secondary-container,#c2e7ff); } .appsElementsSidekickEntryPointLineLightBlue, .appsElementsSidekickEntryPoi= ntLinePurple { position: absolute; border-radius: 9999px; box-sizing: borde= r-box; mask-image: linear-gradient(to left top, rgb(0, 0, 0), transparent);= } @media not (prefers-reduced-motion) { .appsElementsSidekickEntryPointLineLightBlue, .appsElementsSidekickEntryP= ointLinePurple { transition: transform 0.45s; } } .appsElementsSidekickEntryPointLineLightBlue { inline-size: var(--ae-sideki= ck-entry-point-container-size,40px); block-size: var(--ae-sidekick-entry-po= int-container-size,40px); border: 0px solid rgb(211, 227, 253); filter: blu= r(10px); } .appsElementsSidekickEntryPointLinePurple { inline-size: calc(var(--ae-side= kick-entry-point-container-size, 40px) + 5px); block-size: calc(var(--ae-si= dekick-entry-point-container-size, 40px) + 5px); inset-block-start: -2.5px;= inset-inline-start: -2.5px; border: 0px solid rgb(132, 196, 255); filter: = blur(1.75px); } @media not (prefers-reduced-motion) { :is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntry= PointAnimation) .appsElementsSidekickEntryPointLineLightBlue { animation: 1= .5s cubic-bezier(0, 0, 0, 1) 0s 1 normal forwards running growBlue, 2.5s li= near 0s infinite normal none running rotateFull; } :is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntry= PointAnimation) .appsElementsSidekickEntryPointLinePurple { animation: 1.5s= cubic-bezier(0, 0, 0, 1) 0s 1 normal forwards running growPurple, 2.5s lin= ear 0s infinite normal none running rotateFull; } } .appsElementsSidekickEntryPointScaleWrapper { transform: scale(0.114583); } @supports (transform:scale(calc(1px / 1px))) { .appsElementsSidekickEntryPointScaleWrapper { transform: scale(calc(var(-= -ae-sidekick-entry-point-icon-size, 22px) / 192px)); } } .appsElementsSidekickEntryPointScaleWrapper { transform-origin: 0px 0px; po= sition: absolute; top: calc((var(--ae-sidekick-entry-point-container-size, = 40px) - var(--ae-sidekick-entry-point-icon-size, 22px))/2); left: calc((var= (--ae-sidekick-entry-point-container-size, 40px) - var(--ae-sidekick-entry-= point-icon-size, 22px))/2); } .appsElementsSidekickEntryPointOuterShape { inline-size: 192px; block-size:= 192px; clip-path: path("M 164.93 86.68 c -13.56 -5.84 -25.42 -13.84 -35.6 = -24.01 c -10.17 -10.17 -18.18 -22.04 -24.01 -35.6 c -2.23 -5.19 -4.04 -10.5= 4 -5.42 -16.02 C 99.45 9.26 97.85 8 96 8 s -3.45 1.26 -3.9 3.05 c -1.38 5.4= 8 -3.18 10.81 -5.42 16.02 c -5.84 13.56 -13.84 25.43 -24.01 35.6 c -10.17 1= 0.16 -22.04 18.17 -35.6 24.01 c -5.19 2.23 -10.54 4.04 -16.02 5.42 C 9.26 9= 2.55 8 94.15 8 96 s 1.26 3.45 3.05 3.9 c 5.48 1.38 10.81 3.18 16.02 5.42 c = 13.56 5.84 25.42 13.84 35.6 24.01 c 10.17 10.17 18.18 22.04 24.01 35.6 c 2.= 24 5.2 4.04 10.54 5.42 16.02 A 4.03 4.03 0 0 0 96 184 c 1.85 0 3.45 -1.26 3= .9 -3.05 c 1.38 -5.48 3.18 -10.81 5.42 -16.02 c 5.84 -13.56 13.84 -25.42 24= .01 -35.6 c 10.17 -10.17 22.04 -18.18 35.6 -24.01 c 5.2 -2.24 10.54 -4.04 1= 6.02 -5.42 A 4.03 4.03 0 0 0 184 96 c 0 -1.85 -1.26 -3.45 -3.05 -3.9 c -5.4= 8 -1.38 -10.81 -3.18 -16.02 -5.42"); transform-origin: center center; } .appsElementsSidekickEntryPointInnerBackground { inline-size: 100%; block-s= ize: 100%; background-color: var(--gm3-sys-color-primary,#0b57d0); border-r= adius: 9999px; display: inline-block; transform-origin: center center; posi= tion: relative; } .appsElementsSidekickEntryPointInnerBackground::before { content: ""; posit= ion: absolute; inset: 0px; background-image: url("data:image/jpeg;base64,/9= j/4AAQSkZJRgABAQEASABIAAD/2wBDAAcFBgYGBQcGBgYICAcJCxIMCwoKCxcQEQ0SGxccHBoXG= hkdISokHR8oIBkaJTIlKCwtLzAvHSM0ODQuNyouLy7/2wBDAQgICAsKCxYMDBYuHhoeLi4uLi4u= Li4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi7/wAARCADIAMgDASI= AAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAAMCBAUBBwb/xAAiEAACAgICAgMBAQAAAAAAAA= AAAQIDESEEMRITFEFhYjL/xAAcAQABBQEBAQAAAAAAAAAAAAAEAAECAwUGBwj/xAAfEQACAwEBA= QEBAQEAAAAAAAAAAQIDEQQhExIxQRT/2gAMAwEAAhEDEQA/APU+TcY/Ju7Hcm4x+Rbls5r7adlz= 0ieTblszL7M5G32bZQtnkSlps01YQnPOREnslJ7Ft5LEHRicyAHBFiAAAQ4AgAQzJInEgicSyC1= lU3iHV9l2rSKlaLdWjR56jF6rsRepkXqZmdVLBZhM2aKTl+y7+mnXZhFiu0y4WDI2mlGkxLbTWh= dsfG/RjxuJq4s+IK7TchePheYUL/0fC/8Aog6fCH0PoKrwMqq/9yBQ6fSSsMHk2GVfZtlrkTyZl= 0uzzCuenqdECvbPbKs5bGWPZXk8h1ZpwickxZ0C4vRwAAdDgAI6IRxHQJJDx9ZCTwEMgtnEh0UF= 016wC+3CdaLMBMEOjpG7y0HM9nQPrGqRXiySeDcpoOX6ejdLUZ4O+zBV88EfPZoRqMqdhdVuCau= KHswHtJ/IHdhpRuHwv/TIVuBkLiMqiKsN2q/9yBl13AUukdWCr32Ztr2y/d9lC48VpZ7VSVJvOR= Eh8u2IfZp1h8RYHQLixHAR0EhCbAMEkjqQ69ISlhxImkSSJpBNVesEtuSRyKGQQRQxI2OagwOzq= JRWBkdC0dOg56Mw5Xr6hmQcsCmznlg166zAtu1jHLRDyIORByCYwA3MY5h5iXI55k/yVOZYUyas= KfkSUxfgh+jQhaBThZhgVuA6ma9y7KFq7NS6PZRshtnz9RM9zqkZ0ltiZLZdnDAhx2acLA6Mys0= GBzgc8C9TLFMUkd8RqgTVZJS0hKxIUok1EaqyahgJqjrBLehJCVEn46GKJ3xwbHNz6YvV2Z/pCK= OksEHo6Lm58w5br69f9Os42RbIZNqqrDnrr9bJ+RFyINkchkYmfKek8kWyGTjZYkVuR3Jxs42cy= OkV6dyHkRYJ5HwbRqkAoBfkbT7CyBUnX2ak4ZK868nzLVdh7hXMypV7YmVWzUlVkXKkPheFRtwy= 3UHqNB0h6giN5J3meqhirLnqD1hNU9YNb04isqw8Cx4YIyRvckNZi9Pbn+iHHCFyQ6SEyOp5KPD= nOrt3/RctC5MlJipPZ0FNWIwLujWzjZBsGyLYdGIBKekskWzjZzJYkUuR1si2BwfBtAAAciAAAh= AAAIR6FKIuUCy4nPA+VoSw9lU8KbrIOovuBz1hEbGS+uGc6Tjq0X3WQdYRCxlc+goOsXKGC9OGC= vNGxyy0yujr8/pVksCJ6Hz7ZWmzr+CKOe6et++ipsRJjJsRNnX8kUYll7YqbFSZOTyKkbVa8A5S= 0i2cA4EIr06cAByIAACEAAAhAAAIQAACEem+IeA3xwGD5X/B605i1AHEYkdwTjEqlaJ8RU4ltx0= KlHQTXEEtu8KNkcFS1dmhZHsp2R7Njl8MjotbRnWLDZUsL9scZKNi2zruCzDn+ib0rSESHTW2Ik= dfyWAEpCn2LkNkLNuqWogLOEmcC0McAAHEAAAhAAAIQAACEAAAhHrDjghgsTjgTJdnzU+fD0uVx= FHSP2dT2Q+QNK7TuCEojfo5gnFYUzlqKk49lS2GUac45RVsh2GUzwAuXhkWwxko2x7Ne6vsoWwx= k6DjvwyLomXZErTRftjjJUmjreK/wzZLCrJYYtj5LYto6Tnt0rEyWCI1oi0aUZDogcJtHMFqYxE= CWDjQ4jgBgMCEABgMCEABgBCPY7FjJUs0Xr12Z9zw2eD2cx2c7xbZxSETnhkVYAzowp+/pdjLJP= OinGY5T0DuBNWpjX0ImuyfllEJPRKKIzksKdseyhfHs0bH2Ubvs0+abTM65eGXbHbKVi2aN32UL= fs6TjuMmzwqyWBTWRkuyB1PLcC6RwHiSRNRNeq4lES4HHEtRgS9eQuNpYkUvF/RxwZe9Rx0lisH= /JR8WHiXXSznpY/0QvwU/E54F10s56WP9EL8FRRAtqlgL6Dfg9Z5CwpGTyHg1uT9mNytHkltRt2= 2YU7Z7E+whdLDZVdm2Z9lIE7y/G0dG3RlK3A2FwFOkuh0GpG047ChG4l7SlVF3/R4OsnlFK2XZ2= dpVss7CqYYDXXaKtfZRse2PsntlS2Rsczwy7LBM32LOyeyDZvc92IEc/Rkdj4RK8Oy1WsmtXeWw= kNhAdGvKJVQyi3VXkMj0BkPSsqc/WSSo/MGhCkbGgtV4TGsynxznx/w2fj6D4/5kl9yfyMb4/4H= x/5Nn4/8h8f8wL7i+Rj/ABv5A2FxwF9xvkfV8vpmHyuzf5S1Iw+YtM4WcfC3oZiciW2UJz2y9yl= syrnhsDnAyLJYT9mCUbSk57OezANKorjfhpK7R1XGcrQ9pT8ixdBflaInYVpW6FuwnGrCE+jUMn= PbK05ZyEpiZSDKlgJKw43s5nJFsE8sOrnhT+x8S5Tsp17ZoULoNruCKpel3jxyaVFeUVeLHLRrc= WsLjcatPpOqnKLEKCxTVouV05RcrjThAoLj/mQXH/k1VRomqCf2L1UZHx/5Bcf8wa/oD0C+wvkZ= K44Gt6AG+wvkd5UdMw+ZE+j5MdSMTmQymYEkDdEfD5rlx/0ZHIWGb3Lh2Y3JjhlDRhXrDNseBLn= gbctlZ6KnEznIZ7A9ghywR8yv8kVMsOzRDzFORFyEoDOwbKQtsi2cyWJYQ/ZLJKJBDIdlsWKL1l= irs0eNHJSpjs1ONHaLYyC6V6afDhlo2uJAzOHDJu8SGgmMzb54lyivKL9dWhfHhpGhVAtUzZqgK= jVon6tFlQ0TVZL6BP4KaqO+ot+sPWL6DqJU9QFv1gL6C/Jn8iGmZHLr0wACYDevDC5lWmYnKr2A= FUjD6EjJvhhsozjhsAKmY9iEPsgAEQZhkAAdEDgAA6EicdjoRyACRbBel6iGzX4kOgAtiaFCWm7= wobRu8WvQAXRN7mRq0Q0X646ACxGvWh8Y4RJIAHCEdwGAAQ4YAAEI/9k=3D"); background-s= ize: cover; } @media not (prefers-reduced-motion) { .appsElementsSidekickEntryPointInnerBackground::before { transition: opac= ity 1167ms cubic-bezier(0.2, 0, 0, 1); } } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickEntryPointInnerBackground { background-color: button= text; } } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickEntryPointInnerBackground.appsElementsSidekickEntryP= ointPressed { background-color: highlight; } } .appsElementsSidekickEntryPointRoot:not(:hover) .appsElementsSidekickEntryP= ointInnerBackground.appsElementsSidekickEntryPointPressed::before { opacity= : 0; } .appsElementsSidekickEntryPointButton::before { position: absolute; box-siz= ing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1p= x solid transparent; border-radius: inherit; content: ""; pointer-events: n= one; } @media screen and (forced-colors: active) { .appsElementsSidekickEntryPointButton::before { border-color: canvastext;= } } .appsElementsSidekickEntryPointButton { --gm3-icon-button-filled-container-= color: transparent; --gm3-icon-button-filled-container-height: var(--ae-sid= ekick-entry-point-container-size,40px); --gm3-icon-button-filled-container-= width: var(--ae-sidekick-entry-point-container-size,40px); --gm3-icon-butto= n-filled-disabled-container-color: transparent; --gm3-icon-button-filled-di= sabled-icon-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-icon= -button-filled-focus-icon-color: var(--ae-sidekick-entry-point-icon-color,v= ar(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-filled-h= over-icon-color: var(--gm3-sys-color-surface,#fff); --gm3-icon-button-fille= d-icon-color: var(--ae-sidekick-entry-point-icon-color,var(--gm3-sys-color-= on-surface-variant,#444746)); --gm3-icon-button-filled-icon-size: var(--ae-= sidekick-entry-point-icon-size,22px); --gm3-icon-button-filled-container-sh= ape-start-start: 100%; --gm3-icon-button-filled-container-shape-start-end: = 100%; --gm3-icon-button-filled-container-shape-end-end: 100%; --gm3-icon-bu= tton-filled-container-shape-end-start: 100%; --gm3-icon-button-filled-press= ed-container-shape-start-start: 100%; --gm3-icon-button-filled-pressed-cont= ainer-shape-start-end: 100%; --gm3-icon-button-filled-pressed-container-sha= pe-end-end: 100%; --gm3-icon-button-filled-pressed-container-shape-end-star= t: 100%; --gm3-icon-button-filled-selected-container-shape-start-start: 100= %; --gm3-icon-button-filled-selected-container-shape-start-end: 100%; --gm3= -icon-button-filled-selected-container-shape-end-end: 100%; --gm3-icon-butt= on-filled-selected-container-shape-end-start: 100%; position: absolute; ins= et: 0px; } @media not (prefers-reduced-motion) { .appsElementsSidekickEntryPointButton { transition: background-color 0.3s= ; } } .appsElementsSidekickEntryPointIcon { display: none; } .appsElementsSidekickEntryPointButton:disabled .appsElementsSidekickEntryPo= intIcon { display: block; } .appsElementsSidekickEntryPointNotificationDotBadgeOnIcon { --KoO2Cf: var(-= -gm3-sys-color-primary,#0b57d0); --iXG50e: 9999px; --OvbwDd: 9999px; --kkVi= dc: 9999px; --PlbfGb: 9999px; } .appsElementsSidekickEntryPointNotificationCountBadgeOnIcon, .appsElementsS= idekickEntryPointNotificationErrorBadgeOnIcon { --iXG50e: 9999px; --OvbwDd:= 9999px; --kkVidc: 9999px; --PlbfGb: 9999px; transform: translate(6px, -7px= ); } .appsElementsSidekickEntryPointNotificationCountBadgeOnIcon { --M4R9Bb: var= (--gm3-sys-color-primary,#0b57d0); --xTmMle: var(--gm3-sys-color-on-primary= ,#fff); } .appsElementsSidekickEntryPointNotificationErrorBadgeOnIcon { --M4R9Bb: var= (--gm3-sys-color-error,#b3261e); --xTmMle: var(--gm3-sys-color-on-error,#ff= f); } .appsElementsSidekickEntryPointTooltipAnchor { position: absolute; top: var= (--ae-sidekick-entry-point-container-size,40px); left: var(--ae-sidekick-en= try-point-container-size,40px); } .appsElementsSidekickExecutionPlanConfirmationRoot { display: flex; flex-di= rection: column; gap: 12px; } .appsElementsSidekickExecutionPlanConfirmationPlanContainer { background-co= lor: var(--ae-sidekick-execution-plan-confirmation-plan-container-fill,tran= sparent); border-end-end-radius: var(--ae-sidekick-execution-plan-confirmat= ion-container-shape-end-end,16px); border-end-start-radius: var(--ae-sideki= ck-execution-plan-confirmation-container-shape-end-start,16px); border-star= t-end-radius: var(--ae-sidekick-execution-plan-confirmation-container-shape= -start-end,16px); border-start-start-radius: var(--ae-sidekick-execution-pl= an-confirmation-container-shape-start-start,16px); display: flex; flex-dire= ction: column; gap: 2px; } .appsElementsSidekickExecutionPlanConfirmationPreamble { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400;= letter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickExecutionPlanConfirmationPlanSectionContainer { border= : var(--ae-sidekick-execution-plan-confirmation-plan-section-container-bord= er,none); border-end-end-radius: var(--ae-sidekick-execution-plan-confirmat= ion-container-shape-end-end,16px); border-end-start-radius: var(--ae-sideki= ck-execution-plan-confirmation-container-shape-end-start,16px); border-star= t-end-radius: var(--ae-sidekick-execution-plan-confirmation-container-shape= -start-end,16px); border-start-start-radius: var(--ae-sidekick-execution-pl= an-confirmation-container-shape-start-start,16px); box-sizing: border-box; = display: flex; flex-direction: column; gap: 2px; } .appsElementsSidekickExecutionPlanConfirmationPostamble { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400= ; letter-spacing: 0px; line-height: 1.25rem; margin-block-start: 8px; } .appsElementsSidekickExecutionPlanConfirmationSection::before { position: a= bsolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left:= 0px; border: 1px solid transparent; border-radius: inherit; content: ""; p= ointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickExecutionPlanConfirmationSection::before { border-co= lor: canvastext; } } .appsElementsSidekickExecutionPlanConfirmationSection { background-color: v= ar(--ae-sidekick-execution-plan-confirmation-container-fill,var(--gm3-sys-c= olor-surface-container,#f0f4f9)); border-radius: 4px; display: flex; flex-d= irection: column; flex-shrink: 0; gap: 8px; overflow: hidden; padding: 12px= 16px; position: relative; } .appsElementsSidekickExecutionPlanConfirmationSection:first-child { border-= start-end-radius: var(--ae-sidekick-execution-plan-confirmation-container-s= hape-start-end,16px); border-start-start-radius: var(--ae-sidekick-executio= n-plan-confirmation-container-shape-start-start,16px); } .appsElementsSidekickExecutionPlanConfirmationSection:last-child { backgrou= nd-color: var(--ae-sidekick-execution-plan-confirmation-footer-container-fi= ll,var(--gm3-sys-color-surface-container,#f0f4f9)); border-end-end-radius: = var(--ae-sidekick-execution-plan-confirmation-container-shape-end-end,16px)= ; border-end-start-radius: var(--ae-sidekick-execution-plan-confirmation-co= ntainer-shape-end-start,16px); } .appsElementsSidekickExecutionPlanConfirmationSectionTitleContainer { displ= ay: flex; gap: 8px; } .appsElementsSidekickExecutionPlanConfirmationSectionTitle { font-family: "= Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: = 500; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickExecutionPlanConfirmationSectionContent { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickExecutionPlanConfirmationActionButtonsContainer { alig= n-self: flex-end; display: flex; flex-wrap: wrap; gap: 8px; max-width: 100%= ; } .appsElementsSidekickExecutionPlanConfirmationSecondaryButton { --gm3-butto= n-text-container-height: 36px; } .appsElementsSidekickExecutionPlanConfirmationPrimaryButton { --gm3-button-= filled-container-height: 36px; } @keyframes sourcesChipFadeIn {=20 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0px); } } .appsElementsGenerativeaiScoperSourceChipsSection { background-color: var(-= -gm3-sys-color-surface-container,#f0f4f9); border-radius: 4px; display: fle= x; flex-direction: column; gap: 8px; padding: 12px 16px; } .appsElementsGenerativeaiScoperSourceChipsSection::before { position: absol= ute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px= ; border: 1px solid transparent; border-radius: inherit; content: ""; point= er-events: none; } @media screen and (forced-colors: active) { .appsElementsGenerativeaiScoperSourceChipsSection::before { border-color:= canvastext; } } .appsElementsGenerativeaiScoperSourceChipsSection [data-id=3D"clearSources"= ] { min-inline-size: 0px; padding-inline: 6px; --gm3-button-text-container-= height: 24px; --gm3-button-text-label-text-size: 12px; } .appsElementsGenerativeaiScoperSourceChipsSection [data-expanded=3D"false"]= [data-id=3D"clearSources"] { display: none; } .appsElementsGenerativeaiScoperSourceChipsCollapsibleSection { padding: 0px= ; overflow: hidden; --ae-collapsible-list-summary-start-start-radius: 4px; = --ae-collapsible-list-summary-start-end-radius: 4px; --ae-collapsible-list-= summary-collapsed-end-start-radius: 4px; --ae-collapsible-list-summary-coll= apsed-end-end-radius: 4px; --ae-collapsible-list-summary-expanded-end-start= -radius: 4px; --ae-collapsible-list-summary-expanded-end-end-radius: 4px; } .appsElementsGenerativeaiScoperSourceChipsCollapsibleSectionContent { paddi= ng: 8px 16px 12px; } .appsElementsGenerativeaiScoperSourceChipsSourcesContent { display: flex; f= lex-direction: column; gap: 8px; } .appsElementsGenerativeaiScoperSourceChipsCollapsibleSectionHeader { box-si= zing: border-box; padding: 0px; width: 100%; } .appsElementsGenerativeaiScoperSourceChipsDisclosureIcon { color: var(--gm3= -sys-color-on-surface,#1f1f1f); } .appsElementsGenerativeaiScoperSourceChipsSection:first-child { border-star= t-end-radius: 16px; border-start-start-radius: 16px; } .appsElementsGenerativeaiScoperSourceChipsSection:last-child { border-end-e= nd-radius: 16px; border-end-start-radius: 16px; } .appsElementsGenerativeaiScoperSourceChipsChipSet { --gm3-chip-set-horizont= al-space-between-chips: 4px; --gm3-chip-set-vertical-space-between-chips: 4= px; margin-block: 6px; } .appsElementsGenerativeaiScoperSourceChipsChipLinkPreviewAnchorWrapper { ma= x-block-size: 24px; } .appsElementsGenerativeaiScoperSourceChipsChipAnimateIn { animation: 0.3s e= ase-out 0s 1 normal forwards running sourcesChipFadeIn; } .appsElementsGenerativeaiScoperSourceChipsChip { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; background-color: var(--gm3-sys-colo= r-surface,#fff); width: fit-content; --gm3-chip-input-without-avatar-with-t= railing-icon-state-layer-height: 20px; --gm3-chip-input-without-avatar-with= -trailing-icon-state-layer-width: 20px; --gm3-chip-input-without-avatar-lab= el-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-chip-= input-without-avatar-outline-width: 0; --gm3-chip-shared-container-height: = 24px; --gm3-chip-assist-flat-label-text-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); --gm3-chip-assist-flat-outline-width: 0; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiScoperSourceChipsChip { --gm3-chip-input-without= -avatar-outline-width: 1px; --gm3-chip-assist-flat-outline-width: 1px; } } .appsElementsGenerativeaiScoperSourceChipsChipDisabled { opacity: 0.38; poi= nter-events: none; border: solid 1px color-mix(in srgb,var(--gm3-sys-color-= on-surface,#1f1f1f) 12%,transparent); } .appsElementsGenerativeaiScoperSourceChipsRecommendedChip { background: tra= nsparent; } .appsElementsGenerativeaiScoperSourceChipsRecommendedChipBorder [href] { te= xt-decoration: none; } .appsElementsGenerativeaiScoperSourceChipsRecommendedChipBorder::after { co= ntent: ""; position: absolute; inset: 0px; border-radius: inherit; padding:= 1px; background: linear-gradient(90deg,var(--ws-sys-color-genai-bold-gradi= ent01,#346bf1) 15.74%,var(--ws-sys-color-genai-bold-gradient02,#3186ff) 64.= 94%,var(--ws-sys-color-genai-bold-gradient03,#a9a8ff) 98.39%); mask-image: = ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-r= epeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude; = pointer-events: none; } .appsElementsGenerativeaiScoperSourceChipsAddSourceChip { --gm3-button-fill= ed-tonal-container-height: 24px; --gm3-button-filled-tonal-hover-container-= elevation: 0; --gm3-button-filled-tonal-with-leading-icon-leading-space: 8p= x; --gm3-button-filled-tonal-with-leading-icon-trailing-space: 16px; margin= -block: 0px; } .appsElementsGenerativeaiScoperSourceChipsAddSourceDropdownChip { --gm3-dro= pdown-button-filled-tonal-container-height: 24px; margin-block: 0px; } .appsElementsGenerativeaiScoperSourceChipsAddSourcesMenu { --gm3-list-list-= item-content-gap: 16px; --gm3-list-list-item-leading-space: 16px; --gm3-lis= t-list-item-trailing-space: 24px; --gm3-menu-divider-space: 6px; --gm3-menu= -group-title-height: 28px; --gm3-menu-list-item-container-height: 40px; --g= m3-menu-container-color: var(--gm3-sys-color-surface,#fff); --gm3-menu-list= -item-content-gap: 16px; --gm3-menu-list-item-leading-space: 16px; --gm3-me= nu-list-item-trailing-space: 24px; } .appsElementsGenerativeaiScoperSourceChipsChip a:hover { text-decoration: n= one; } .appsElementsGenerativeaiScoperSourceChipsChip :is(a:any-link, a:visited, a= :hover, a:active) { color: currentcolor; } .appsElementsGenerativeaiScoperSourceChipsSourceHeader { display: flex; jus= tify-content: space-between; align-items: center; } .appsElementsGenerativeaiScoperSourceChipsSourceActionContainer { display: = flex; gap: 8px; } .appsElementsGenerativeaiScoperSourceChipsClearSourcesButton { min-inline-s= ize: 0px; padding-inline: 6px; --gm3-button-text-container-height: 24px; --= gm3-button-text-label-text-size: 12px; } .appsElementsGenerativeaiScoperSourceChipsSourceMenuChip { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500= ; letter-spacing: 0.00625rem; line-height: 1rem; --gm3-dropdown-button-outl= ined-container-height: 32px; --gm3-dropdown-button-outlined-dropdown-icon-l= abel-space: 4px; --gm3-dropdown-button-outlined-focus-label-text-color: var= (--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outline= d-focus-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-= dropdown-button-outlined-hover-label-text-color: var(--gm3-sys-color-on-sur= face-variant,#444746); --gm3-dropdown-button-outlined-hover-outline-color: = var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-dropdown-button-outline= d-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant,#444746);= --gm3-dropdown-button-outlined-label-text-color: var(--gm3-sys-color-on-su= rface-variant,#444746); --gm3-dropdown-button-outlined-leading-space: 8px; = --gm3-dropdown-button-outlined-outline-color: var(--gm3-sys-color-outline-v= ariant,#c4c7c5); --gm3-dropdown-button-outlined-pressed-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outli= ned-pressed-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --= gm3-dropdown-button-outlined-pressed-state-layer-color: var(--gm3-sys-color= -on-surface-variant,#444746); --gm3-dropdown-button-outlined-trailing-space= : 4px; --gm3-dropdown-button-outlined-with-icon-focus-icon-color: var(--gm3= -sys-color-on-surface-variant,#444746); --gm3-dropdown-button-outlined-with= -icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --= gm3-dropdown-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-dropdown-button-outlined-with-icon-pressed-i= con-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-dropdown-= button-outlined-container-shape-start-start: 16px; --gm3-dropdown-button-ou= tlined-container-shape-start-end: 16px; --gm3-dropdown-button-outlined-cont= ainer-shape-end-end: 16px; --gm3-dropdown-button-outlined-container-shape-e= nd-start: 16px; --gm3-dropdown-button-outlined-pressed-container-shape-star= t-start: 16px; --gm3-dropdown-button-outlined-pressed-container-shape-start= -end: 16px; --gm3-dropdown-button-outlined-pressed-container-shape-end-end:= 16px; --gm3-dropdown-button-outlined-pressed-container-shape-end-start: 16= px; background: var(--gm3-sys-color-surface,#fff); border-style: none; max-= block-size: 24px; } .appsElementsGenerativeaiScoperSourceChipsSourceMenuListItemPreviewWrapper = { block-size: 32px; inline-size: 244px; display: block; position: relative;= } .appsElementsGenerativeaiScoperSourceChipsSourceMenuListItem { inline-size:= 244px; } .appsElementsGenerativeaiScoperSourceChipsSourceMenuListItem:hover { text-d= ecoration: none; } .appsElementsGenerativeaiScoperSourceChipsSourceMenu .appsElementsGenerativ= eaiScoperSourceChipsSourceMenuList, .appsElementsGenerativeaiScoperSourceCh= ipsSourceMenuListItem > :last-child { display: flex; pointer-events: all; } .appsElementsGenerativeaiScoperSourceChipsSourceMenuList { --gm3-list-list-= item-container-color: transparent; --gm3-list-list-item-label-text-size: 14= px; --gm3-list-list-item-leading-icon-size: 24px; --gm3-list-list-item-one-= line-container-height: 32px; --gm3-list-list-item-one-line-padding: 0; --gm= 3-list-list-item-control-selected-container-color: transparent; --gm3-list-= list-item-fallback-selection-end-margin: 0; padding-block: 0px 4px; inline-= size: 244px; background-color: var(--gm3-sys-color-surface,#fff); } .appsElementsGenerativeaiScoperSourceChipsSourceMenuContainer { max-block-s= ize: 208px; overflow-y: auto; padding-block: 4px 2px; } .appsElementsGenerativeaiScoperSourceChipsSourceMenuRemoveSourceButton { --= gm3-icon-button-standard-container-width: 24px; --gm3-icon-button-standard-= container-height: 24px; --gm3-icon-button-standard-icon-size: 20px; --gm3-i= con-button-standard-touch-target-size: 24px; padding: 0px; } .appsElementsGenerativeaiScoperSourceChipsSectionTitleContainer { color: va= r(--gm3-sys-color-on-surface,#1f1f1f); display: flex; gap: 8px; } .appsElementsGenerativeaiScoperSourceChipsSectionTitle { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.25rem; } .appsElementsGenerativeaiScoperSourceChipsRecommendedSourceContainer { bord= er-top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); padding-top= : 12px; } .appsElementsGenerativeaiScoperSourceChipsToggleExpansionChip { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight= : 500; letter-spacing: 0.00625rem; line-height: 1rem; background-color: tra= nsparent; max-width: fit-content; width: auto; --gm3-chip-shared-container-= height: 24px; --gm3-chip-shared-container-shape-start-start: 48px; --gm3-ch= ip-shared-container-shape-start-end: 48px; --gm3-chip-shared-container-shap= e-end-end: 48px; --gm3-chip-shared-container-shape-end-start: 48px; --gm3-c= hip-suggestion-flat-label-text-color: var(--gm3-sys-color-on-surface-varian= t,#444746); --gm3-chip-suggestion-flat-outline-color: var(--gm3-sys-color-o= utline-variant,#c4c7c5); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsGenerativeaiScoperSourceChipsToggleExpansionChip { --gm3-chi= p-suggestion-flat-outline-width: 1px; } } .appsElementsGenerativeaiScoperSourceChipsSectionDescription { font-family:= "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-colo= r-on-surface-variant,#444746); display: flex; gap: 8px; } .appsElementsGenerativeaiScoperSourceChipsCollapsibleSection:first-child { = border-start-end-radius: 4px; border-start-start-radius: 4px; } .appsElementsGenerativeaiScoperSourceChipsCollapsibleSection:last-child { b= order-end-end-radius: 4px; border-end-start-radius: 4px; } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipSuggestionFlatEl .javascriptMaterialde= signGm3WizChipShared-chip__icon--primary { color: var(--gm3-chip-suggestion= -flat-with-icon-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl.javascriptMaterialdes= ignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShare= d-chip__icon--primary { color: var(--gm3-chip-suggestion-flat-with-icon-dis= abled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm= 3WizChipShared-chip__icon--primary { color: var(--gm3-chip-suggestion-flat-= with-icon-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm= 3WizChipShared-chip__icon--primary { color: var(--gm3-chip-suggestion-flat-= with-icon-focus-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:active .javascriptMaterialdesignG= m3WizChipShared-chip__icon--primary { color: var(--gm3-chip-suggestion-flat= -with-icon-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl.javascriptMaterialdes= ignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShare= d-chip__icon--primary:has(svg, img) { opacity: var(--gm3-chip-suggestion-fl= at-with-icon-disabled-icon-opacity,.38); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__text-label { color: var(--gm3-chip-suggestion-flat-label-text= -color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm= 3WizChipShared-chip__text-label { color: var(--gm3-chip-suggestion-flat-hov= er-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm= 3WizChipShared-chip__text-label { color: var(--gm3-chip-suggestion-flat-foc= us-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl:not(.javascriptMateri= aldesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChi= pShared-chip__action--primary-interactive:active .javascriptMaterialdesignG= m3WizChipShared-chip__text-label { color: var(--gm3-chip-suggestion-flat-pr= essed-label-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl { --sbadab: var(--gm3= -chip-suggestion-flat-hover-state-layer-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --hSHBee: var(--gm3-chip-suggestion-flat-hover-state-l= ayer-opacity,0.08); --F1tVH: var(--gm3-chip-suggestion-flat-pressed-state-l= ayer-color,var(--gm3-sys-color-on-surface-variant,#444746)); --kDWEsd: var(= --gm3-chip-suggestion-flat-pressed-state-layer-opacity,0.1); } } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl .javascriptMaterialdesi= gnGm3WizChipShared-chip__action--primary::before { border-width: var(--gm3-= chip-suggestion-flat-outline-width,1px); } @media (forced-colors: none) { .javascriptMaterialdesignGm3WizChipSuggestionFlatEl .javascriptMaterialde= signGm3WizChipShared-chip__action--primary::before { border-color: var(--gm= 3-chip-suggestion-flat-outline-color,var(--gm3-sys-color-outline,#747775));= } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl .javascriptMaterialde= signGm3WizChipShared-chip__action--primary-interactive:focus::before { bord= er-color: var(--gm3-chip-suggestion-flat-focus-outline-color,var(--gm3-sys-= color-on-surface-variant,#444746)); } .javascriptMaterialdesignGm3WizChipSuggestionFlatEl.javascriptMaterialdes= ignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShare= d-chip__action--primary::before { border-color: var(--gm3-chip-suggestion-f= lat-disabled-outline-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31= ),.12)); } } .appsElementsSidekickExpandableContentExpandableContent { display: flex; fl= ex-direction: column; align-items: center; } .appsElementsSidekickExpandableContentExpandableContentOverflow { margin-bl= ock-end: -8px; } .appsElementsSidekickExpandableContentContentContainer ol, .appsElementsSid= ekickExpandableContentContentContainer p, .appsElementsSidekickExpandableCo= ntentContentContainer pre, .appsElementsSidekickExpandableContentContentCon= tainer ul { margin-block: unset; } .appsElementsSidekickExpandableContentContentContainer :is(ul, ol) { margin= -block: 16px; } .appsElementsSidekickExpandableContentContentContainer :is(ul, ol):first-ch= ild { margin-block-start: 0px; } .appsElementsSidekickExpandableContentContentContainer :is(ul, ol):last-chi= ld { margin-block-end: 0px; } .appsElementsSidekickExpandableContentContentContainer span[style=3D"displa= y: contents;"] > :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickExpandableContentContentContainer span[style=3D"displa= y: contents;"]:first-child > :is(ul, ol):first-child { margin-block-start: = 0px; } .appsElementsSidekickExpandableContentContentContainer span[style=3D"displa= y: contents;"]:last-child > :is(ul, ol):last-child { margin-block-end: 0px;= } .appsElementsSidekickExpandableContentContentContainer :is(ul, ol) :is(ul, = ol), .appsElementsSidekickExpandableContentContentContainer :is(ul, ol) :is= (ul, ol):is(:first-child, :last-child) { margin-block: 8px; } .appsElementsSidekickExpandableContentContentContainer ul { list-style-type= : disc; padding-inline-start: 16px; } .appsElementsSidekickExpandableContentContentContainer ol { padding-inline-= start: 3ch; } .appsElementsSidekickExpandableContentContentContainer code, .appsElementsS= idekickExpandableContentContentContainer pre { font-size: 0.75rem; font-wei= ght: 400; letter-spacing: 0.00625rem; line-height: 1rem; font-family: "Goog= le Sans Mono", monospace; white-space: pre-wrap; margin: unset; } .appsElementsSidekickExpandableContentContentContainer table { background-c= olor: var(--gm3-sys-color-surface,#fff); border-spacing: 0px; border: 1px s= olid var(--gm3-sys-color-outline-variant,#c4c7c5); border-collapse: inherit= ; word-break: auto-phrase; } .appsElementsSidekickExpandableContentContentContainer table th { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weig= ht: 500; letter-spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickExpandableContentContentContainer table td { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter-= spacing: 0.00625rem; line-height: 1rem; font-weight: 400; padding: 5px 8px;= } .appsElementsSidekickExpandableContentContentContainer table td, .appsEleme= ntsSidekickExpandableContentContentContainer table th { text-align: start; = border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsSidekickExpandableContentContentContainer table tr + tr td, .a= ppsElementsSidekickExpandableContentContentContainer table tr + tr th, .app= sElementsSidekickExpandableContentContentContainer table tr:first-child td,= .appsElementsSidekickExpandableContentContentContainer table tr:first-chil= d th { border-block-start: 0px; } .appsElementsSidekickExpandableContentContentContainer table td + td, .apps= ElementsSidekickExpandableContentContentContainer table td + th, .appsEleme= ntsSidekickExpandableContentContentContainer table td:first-child, .appsEle= mentsSidekickExpandableContentContentContainer table th + td, .appsElements= SidekickExpandableContentContentContainer table th + th, .appsElementsSidek= ickExpandableContentContentContainer table th:first-child { border-inline-s= tart: 0px; } .appsElementsSidekickExpandableContentContentContainer table td:last-child,= .appsElementsSidekickExpandableContentContentContainer table th:last-child= { border-inline-end: 0px; } .appsElementsSidekickExpandableContentContentContainer table tr:last-child = td { border-block-end: 0px; } .appsElementsSidekickExpandableContentContentContainer mark:not([class]) { = background-color: unset; color: unset; } .appsElementsSidekickExpandableContentContentContainer a:any-link:not([clas= s]) { color: var(--gm3-sys-color-primary,#0b57d0); text-underline-offset: 0= .25em; text-decoration: underline; } .appsElementsSidekickExpandableContentContentContainer a:active:not([class]= ), .appsElementsSidekickExpandableContentContentContainer a:hover:not([clas= s]), .appsElementsSidekickExpandableContentContentContainer a:visited:not([= class]) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickExpandableContentContentContainer { font-variant-ligat= ures: no-contextual; font-feature-settings: "liga" 0; align-self: start; ma= x-inline-size: stretch; overflow-x: auto; } .appsElementsSidekickExpandableContentContentContainer:has(table:only-child= ) { padding-block: 2px; } .appsElementsSidekickExpandableContentContentContainerOverflow { max-block-= size: 288px; overflow: hidden; position: relative; } .appsElementsSidekickExpandableContentCodeBlockShow [data-ice-generated-cod= e=3D"true"] { display: block; background-color: var(--gm3-sys-color-surface= -container,#f0f4f9); margin: 8px 0px; } .appsElementsSidekickExpandableContentCodeBlockHide [data-ice-generated-cod= e=3D"true"] { display: none; } .appsElementsSidekickExpandableContentCodeBlockButtonContainer { display: f= lex; flex-direction: row; justify-content: end; margin: 10px 0px; } .appsElementsSidekickExpandableContentOverflowButtonArrow { --gm3-icon-butt= on-standard-container-width: 28px; --gm3-icon-button-standard-container-hei= ght: 28px; --gm3-icon-button-standard-icon-size: 20px; margin-block-start: = 4px; } .appsElementsSidekickFeedHeaderAlphaBadge { --ae-badge-container-color: var= (--gm3-sys-color-primary-container,#d3e3fd); --ae-badge-text-color: var(--g= m3-sys-color-primary,#0b57d0); } .appsElementsSidekickFeedHeaderButton { --gm3-icon-button-standard-containe= r-height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-ico= n-button-standard-icon-size: 20px; --gm3-icon-button-standard-touch-target-= size: 32px; } .appsElementsSidekickFeedHeaderButton.appsElementsSidekickFeedHeaderNewConv= ersationButton { --gm3-icon-button-standard-icon-size: 18px; } .appsElementsSidekickFeedHeaderDogfood { --gm3-icon-button-standard-disable= d-icon-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb,68,71,70),1);= } .appsElementsSidekickFeedHeaderDogfood.appsElementsSidekickFeedHeaderDogfoo= dGreen { --gm3-icon-button-standard-disabled-icon-color: #37be5f; } .appsElementsSidekickFeedHeaderSaveAsProjectButtonContainer { align-items: = center; display: inline-flex; flex-shrink: 0; margin-inline: 8px; position:= relative; } .appsElementsSidekickFeedHeaderSaveAsProjectButton { --gm3-button-filled-to= nal-container-height: 32px; --gm3-button-filled-tonal-label-text-color: var= (--gm3-sys-color-on-secondary-container,#004a77); --gm3-button-filled-tonal= -with-icon-icon-color: var(--gm3-sys-color-on-secondary-container,#004a77);= --gm3-button-filled-tonal-with-icon-icon-size: 20px; flex-shrink: 0; line-= height: 1.25rem; min-width: max-content; white-space: nowrap; width: max-co= ntent; } .appsElementsSidekickFeedHeaderSaveAsProjectButtonWithTrailingBadge { --gm3= -button-filled-tonal-trailing-space: 56px; --gm3-button-filled-tonal-with-l= eading-icon-trailing-space: 56px; } .appsElementsSidekickFeedHeaderSaveAsProjectButtonBadge { align-items: cent= er; display: inline-flex; inset-inline-end: 8px; pointer-events: none; posi= tion: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .appsElementsSidekickFeedHeaderSaveAsProjectButtonIcon { align-items: cente= r; display: flex; block-size: 20px; inline-size: 20px; margin-inline-end: 8= px; } .appsElementsSidekickFeedHeaderButtonTooltipAnchorWrapper { block-size: 32p= x; display: flex; } .appsElementsSidekickGeneralFeedbackContainer { min-block-size: 100%; } .appsElementsSidekickGeneralFeedbackFeedbackConfirmation::before { position= : absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; le= ft: 0px; border: 1px solid transparent; border-radius: inherit; content: ""= ; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickGeneralFeedbackFeedbackConfirmation::before { border= -color: canvastext; } } .appsElementsSidekickGeneralFeedbackFeedbackConfirmation { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 40= 0; letter-spacing: 0px; line-height: 1.25rem; position: relative; flex-shri= nk: 0; color: var(--gm3-sys-color-on-surface-variant,#444746); padding: 16p= x; border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-r= adius: 16px; } .appsElementsSidekickGeneralFeedbackFeedbackButton::before { position: abso= lute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0p= x; border: 1px solid transparent; border-radius: inherit; content: ""; poin= ter-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickGeneralFeedbackFeedbackButton::before { border-color= : canvastext; } } .appsElementsSidekickGeneralFeedbackFeedbackButton { --gm3-icon-button-stan= dard-icon-size: 20px; --gm3-icon-button-standard-selected-icon-color: var(-= -gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-standard-sele= cted-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); --gm3-icon-button-standard-selected-pressed-icon-c= olor: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-button-st= andard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant,#44474= 6); --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-c= olor-on-surface-variant,#444746); --gm3-icon-button-standard-unselected-hov= er-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-icon-= button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surfa= ce-variant,#444746); padding-inline: 0px; } .appsElementsSidekickQuotaMessageRoot { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing:= 0.00625rem; line-height: 1rem; display: flex; text-align: center; text-wra= p: balance; color: var(--gm3-sys-color-outline,#747775); } .appsElementsSidekickZeroStateBannerEl { --leFxrb: var(--ae-banner-containe= r-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae= -banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHWR= yc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#4447= 46)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-v= ariant,#444746)); --gm3-icon-button-standard-unselected-icon-color: var(--a= e-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3= -icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-col= or,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-stan= dard-unselected-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys-= color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-p= ressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfac= e-variant,#444746)); --gm3-icon-button-standard-unselected-hover-state-laye= r-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,= #444746)); --gm3-icon-button-standard-unselected-pressed-state-layer-color:= var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)= ); --gm3-button-text-label-text-color: var(--ae-banner-action-color,var(--g= m3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: v= ar(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-bu= tton-text-focus-label-text-color: var(--ae-banner-action-color,var(--gm3-sy= s-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var(= --ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butto= n-text-hover-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys-= color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(-= -ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button= -filled-container-color: var(--ae-banner-button-filled-container-color,var(= --gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-color: va= r(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)= ); --gm3-button-filled-hover-label-text-color: var(--ae-banner-button-fille= d-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-foc= us-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sys= -color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-color: var= (--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff))= ; --gm3-button-filled-hover-state-layer-color: var(--ae-banner-button-fille= d-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pre= ssed-state-layer-color: var(--ae-banner-button-filled-text-color,var(--gm3-= sys-color-on-primary,#fff)); } .appsElementsSidekickZeroStateBannerEl:link { color: var(--ae-banner-text-l= ink-color,var(--gm3-sys-color-primary,#0b57d0)); text-decoration: underline= ; } .appsElementsSidekickZeroStateBannerEl { --WsPOW: 16px; --ae-banner-action-= color: var(--gm3-sys-color-on-secondary-container,#004a77); --ae-banner-but= ton-filled-container-color: var(--gm3-sys-color-secondary,#00639b); --ae-ba= nner-button-filled-text-color: var(--gm3-sys-color-on-secondary,#fff); --ae= -banner-container-color: var(--gm3-sys-color-secondary-container,#c2e7ff); = --ae-banner-text-color: var(--gm3-sys-color-on-secondary-container,#004a77)= ; --ae-banner-text-link-color: var(--gm3-sys-color-on-secondary-container,#= 004a77); } .appsElementsSidekickZeroStateBannerEl :is(:link, :visited) { color: var(--= ae-banner-text-link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decor= ation: underline; } .appsElementsSidekickGemManagerRoot { display: flex; flex-direction: column= ; inline-size: 100%; max-inline-size: 672px; } .appsElementsSidekickGemManagerList { --gm3-list-list-item-container-color:= var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-list-list-item-conta= iner-shape: 4px; --gm3-list-list-item-hover-state-layer-opacity: 0; --gm3-l= ist-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --= gm3-list-list-item-label-text-line-height: 1rem; --gm3-list-list-item-label= -text-size: 0.75rem; --gm3-list-list-item-label-text-tracking: 0.00625rem; = --gm3-list-list-item-label-text-weight: 500; --gm3-list-list-item-leading-a= vatar-size: 36px; --gm3-list-list-item-leading-icon-size: 36px; --gm3-list-= list-item-one-line-container-height: 76px; --gm3-list-list-item-selected-co= ntainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-list-l= ist-item-selected-label-text-weight: 500; --gm3-list-list-item-selected-sup= porting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-i= tem-supporting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list= -list-item-supporting-text-line-height: 1rem; --gm3-list-list-item-supporti= ng-text-size: 0.75rem; --gm3-list-list-item-supporting-text-tracking: 0.006= 25rem; --gm3-list-list-item-supporting-text-weight: 500; --gm3-list-list-it= em-trailing-icon-size: 20px; --gm3-list-list-item-two-line-container-height= : 64px; --gm3-list-list-item-control-selected-container-color: var(--gm3-sy= s-color-surface-container,#f0f4f9); --gm3-list-list-item-control-selected-c= ontainer-shape: 4px; --gm3-list-list-item-control-selected-hover-state-laye= r-opacity: 0; --gm3-list-list-item-control-selected-label-text-color: var(-= -gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-l= abel-text-weight: 500; --gm3-list-list-item-control-selected-supporting-tex= t-color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-item-control= -selected-container-shape-start-start: 4px; --gm3-list-list-item-control-se= lected-container-shape-start-end: 4px; --gm3-list-list-item-control-selecte= d-container-shape-end-end: 4px; --gm3-list-list-item-control-selected-conta= iner-shape-end-start: 4px; --gm3-list-list-item-container-shape-start-start= : 4px; --gm3-list-list-item-container-shape-start-end: 4px; --gm3-list-list= -item-container-shape-end-end: 4px; --gm3-list-list-item-container-shape-en= d-start: 4px; --gm3-list-container-shape-end-end: 4px; --gm3-list-container= -shape-end-start: 4px; --gm3-list-container-shape-start-end: 4px; --gm3-lis= t-container-shape-start-start: 4px; --gm3-list-list-item-selected-container= -shape-end-end: 4px; --gm3-list-list-item-selected-container-shape-end-star= t: 4px; --gm3-list-list-item-selected-container-shape-start-end: 4px; --gm3= -list-list-item-selected-container-shape-start-start: 4px; --gm3-list-focus= -indicator-shape-end-end: 4px; --gm3-list-focus-indicator-shape-end-start: = 4px; --gm3-list-focus-indicator-shape-start-end: 4px; --gm3-list-focus-indi= cator-shape-start-start: 4px; --gm3-list-list-item-hover-state-layer-shape-= end-end: 4px; --gm3-list-list-item-hover-state-layer-shape-end-start: 4px; = --gm3-list-list-item-hover-state-layer-shape-start-end: 4px; --gm3-list-lis= t-item-hover-state-layer-shape-start-start: 4px; --gm3-list-list-item-fallb= ack-selection-end-margin: 0; --gm3-list-list-item-three-line-container-heig= ht: 76px; display: flex; flex-direction: column; gap: 2px; padding: 0px; } .appsElementsSidekickGemManagerCreateGemButton { --gm3-button-filled-contai= ner-color: var(--gm3-sys-color-primary-container,#d3e3fd); --gm3-button-fil= led-container-elevation: 0; --gm3-button-filled-focus-label-text-color: var= (--gm3-sys-color-on-primary-container,#0842a0); --gm3-button-filled-hover-c= ontainer-elevation: 0; --gm3-button-filled-hover-label-text-color: var(--gm= 3-sys-color-on-primary-container,#0842a0); --gm3-button-filled-label-text-c= olor: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-button-fille= d-pressed-container-elevation: 0; --gm3-button-filled-pressed-label-text-co= lor: var(--gm3-sys-color-on-primary-container,#0842a0); --gm3-button-filled= -with-icon-focus-icon-color: var(--gm3-sys-color-on-primary-container,#0842= a0); --gm3-button-filled-with-icon-hover-icon-color: var(--gm3-sys-color-on= -primary-container,#0842a0); --gm3-button-filled-with-icon-icon-color: var(= --gm3-sys-color-on-primary-container,#0842a0); --gm3-button-filled-with-ico= n-pressed-icon-color: var(--gm3-sys-color-on-primary-container,#0842a0); in= line-size: 100%; } .appsElementsSidekickGemManagerDescription { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; letter-spaci= ng: 0.00625rem; line-height: 1rem; margin-block: 16px 4px; } .appsElementsSidekickGemManagerTilesHeader { font-family: "Google Sans", Ro= boto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spa= cing: 0.00625rem; line-height: 1rem; margin-block: 12px; } .appsElementsSidekickGemTileContentLogo { aspect-ratio: 1 / 1; border-radiu= s: 9999px; box-sizing: border-box; inline-size: 36px; } .appsElementsSidekickGemTileContentIcon { --gm3-list-list-item-leading-icon= -size: 20px; --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickGemTileContentMonogram { font-family: "Google Sans", R= oboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing= : 0px; line-height: 1.5rem; user-select: none; } .appsElementsSidekickGemTileContentListItem > :nth-child(-n+5), .appsElemen= tsSidekickGemTileContentListItem > :nth-child(n+3) { align-self: unset; } .appsElementsSidekickGemTileContentListItem::before { position: absolute; b= ox-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bord= er: 1px solid transparent; border-radius: inherit; content: ""; pointer-eve= nts: none; } @media screen and (forced-colors: active) { .appsElementsSidekickGemTileContentListItem::before { border-color: canva= stext; } } .appsElementsSidekickGemTileContentListItem:not([aria-disabled=3D"true"]):h= over { --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-co= ntainer-highest,#dde3ea); --gm3-list-list-item-selected-container-color: va= r(--gm3-sys-color-surface-container-highest,#dde3ea); --gm3-list-list-item-= control-selected-container-color: var(--gm3-sys-color-surface-container-hig= hest,#dde3ea); --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickGemTileContentListItem:only-child { --gm3-list-list-it= em-container-shape: 16px; --gm3-list-list-item-control-selected-container-s= hape: 16px; --gm3-list-list-item-control-selected-container-shape-start-sta= rt: 16px; --gm3-list-list-item-control-selected-container-shape-start-end: = 16px; --gm3-list-list-item-control-selected-container-shape-end-end: 16px; = --gm3-list-list-item-control-selected-container-shape-end-start: 16px; --gm= 3-list-list-item-container-shape-start-start: 16px; --gm3-list-list-item-co= ntainer-shape-start-end: 16px; --gm3-list-list-item-container-shape-end-end= : 16px; --gm3-list-list-item-container-shape-end-start: 16px; --gm3-list-co= ntainer-shape-end-end: 16px; --gm3-list-container-shape-end-start: 16px; --= gm3-list-container-shape-start-end: 16px; --gm3-list-container-shape-start-= start: 16px; --gm3-list-list-item-selected-container-shape-end-end: 16px; -= -gm3-list-list-item-selected-container-shape-end-start: 16px; --gm3-list-li= st-item-selected-container-shape-start-end: 16px; --gm3-list-list-item-sele= cted-container-shape-start-start: 16px; --gm3-list-focus-indicator-shape-en= d-end: 16px; --gm3-list-focus-indicator-shape-end-start: 16px; --gm3-list-f= ocus-indicator-shape-start-end: 16px; --gm3-list-focus-indicator-shape-star= t-start: 16px; --gm3-list-list-item-hover-state-layer-shape-end-end: 16px; = --gm3-list-list-item-hover-state-layer-shape-end-start: 16px; --gm3-list-li= st-item-hover-state-layer-shape-start-end: 16px; --gm3-list-list-item-hover= -state-layer-shape-start-start: 16px; --gm3-list-list-item-fallback-selecti= on-end-margin: 0; } .appsElementsSidekickGemTileContentListItem:not(:only-child):first-child { = --gm3-list-list-item-container-shape: 16px 16px 4px 4px; --gm3-list-list-it= em-control-selected-container-shape: 16px 16px 4px 4px; --gm3-list-list-ite= m-control-selected-container-shape-start-start: 16px; --gm3-list-list-item-= control-selected-container-shape-start-end: 16px; --gm3-list-list-item-cont= rol-selected-container-shape-end-end: 4px; --gm3-list-list-item-control-sel= ected-container-shape-end-start: 4px; --gm3-list-list-item-container-shape-= start-start: 16px; --gm3-list-list-item-container-shape-start-end: 16px; --= gm3-list-list-item-container-shape-end-end: 4px; --gm3-list-list-item-conta= iner-shape-end-start: 4px; --gm3-list-container-shape-end-end: 4px; --gm3-l= ist-container-shape-end-start: 4px; --gm3-list-container-shape-start-end: 1= 6px; --gm3-list-container-shape-start-start: 16px; --gm3-list-list-item-sel= ected-container-shape-end-end: 4px; --gm3-list-list-item-selected-container= -shape-end-start: 4px; --gm3-list-list-item-selected-container-shape-start-= end: 16px; --gm3-list-list-item-selected-container-shape-start-start: 16px;= --gm3-list-focus-indicator-shape-end-end: 4px; --gm3-list-focus-indicator-= shape-end-start: 4px; --gm3-list-focus-indicator-shape-start-end: 16px; --g= m3-list-focus-indicator-shape-start-start: 16px; --gm3-list-list-item-hover= -state-layer-shape-end-end: 4px; --gm3-list-list-item-hover-state-layer-sha= pe-end-start: 4px; --gm3-list-list-item-hover-state-layer-shape-start-end: = 16px; --gm3-list-list-item-hover-state-layer-shape-start-start: 16px; --gm3= -list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickGemTileContentListItem:not(:only-child):last-child { -= -gm3-list-list-item-container-shape: 4px 4px 16px 16px; --gm3-list-list-ite= m-control-selected-container-shape: 4px 4px 16px 16px; --gm3-list-list-item= -control-selected-container-shape-start-start: 4px; --gm3-list-list-item-co= ntrol-selected-container-shape-start-end: 4px; --gm3-list-list-item-control= -selected-container-shape-end-end: 16px; --gm3-list-list-item-control-selec= ted-container-shape-end-start: 16px; --gm3-list-list-item-container-shape-s= tart-start: 4px; --gm3-list-list-item-container-shape-start-end: 4px; --gm3= -list-list-item-container-shape-end-end: 16px; --gm3-list-list-item-contain= er-shape-end-start: 16px; --gm3-list-container-shape-end-end: 16px; --gm3-l= ist-container-shape-end-start: 16px; --gm3-list-container-shape-start-end: = 4px; --gm3-list-container-shape-start-start: 4px; --gm3-list-list-item-sele= cted-container-shape-end-end: 16px; --gm3-list-list-item-selected-container= -shape-end-start: 16px; --gm3-list-list-item-selected-container-shape-start= -end: 4px; --gm3-list-list-item-selected-container-shape-start-start: 4px; = --gm3-list-focus-indicator-shape-end-end: 16px; --gm3-list-focus-indicator-= shape-end-start: 16px; --gm3-list-focus-indicator-shape-start-end: 4px; --g= m3-list-focus-indicator-shape-start-start: 4px; --gm3-list-list-item-hover-= state-layer-shape-end-end: 16px; --gm3-list-list-item-hover-state-layer-sha= pe-end-start: 16px; --gm3-list-list-item-hover-state-layer-shape-start-end:= 4px; --gm3-list-list-item-hover-state-layer-shape-start-start: 4px; --gm3-= list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickHistorySettingsRoot { display: flex; flex-direction: c= olumn; block-size: 100%; } .appsElementsSidekickHistorySettingsTitle { font-family: "Google Sans", Rob= oto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spaci= ng: 0px; line-height: 1.25rem; margin: 0px; padding-block-end: 4px; } .appsElementsSidekickHistorySettingsBody { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.25rem; margin: 0px; } .appsElementsSidekickHistorySettingsToggleContainer { display: flex; flex-d= irection: row; align-items: center; justify-content: space-between; padding= -block: 16px 8px; } .appsElementsSidekickHistorySettingsSelect { --gm3-select-filled-text-field= -container-color: var(--gm3-sys-color-surface-container-lowest,#fff); inlin= e-size: 216px; padding-block-end: 16px; } .appsElementsSidekickHistorySettingsSelectMenu { --gm3-select-shared-menu-c= ontainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-selec= t-shared-menu-container-shape: 4px; --gm3-select-shared-menu-divider-height= : 16px; --gm3-select-shared-menu-list-item-one-line-container-height: 40px;= --gm3-select-shared-menu-list-item-one-line-padding: 12px; --gm3-select-sh= ared-menu-list-item-selected-container-color: var(--gm3-sys-color-secondary= -container,#c2e7ff); --gm3-list-list-item-leading-space: 12px; --gm3-list-l= ist-item-trailing-space: 12px; --gm3-list-list-item-fallback-selection-end-= margin: 0; } .appsElementsSidekickHistorySettingsButtonContainer { display: flex; flex-d= irection: row; gap: 8px; justify-content: flex-end; } .appsElementsSidekickHistorySettingsCancelButton { --gm3-button-text-contai= ner-height: 36px; } .appsElementsSidekickHistorySettingsErrorBanner.appsElementsSidekickHistory= SettingsErrorBanner { --leFxrb: var(--ae-banner-container-color,var(--gm3-s= ys-color-surface-container,#f0f4f9)); --BK3ddb: var(--ae-banner-text-color,= var(--gm3-sys-color-on-surface-variant,#444746)); --nHWRyc: var(--ae-banner= -text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --ByDq6e: var= (--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); -= -gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text-color= ,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-standa= rd-unselected-hover-icon-color: var(--ae-banner-text-color,var(--gm3-sys-co= lor-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-foc= us-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-va= riant,#444746)); --gm3-icon-button-standard-unselected-pressed-icon-color: = var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746))= ; --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--ae-b= anner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-ic= on-button-standard-unselected-pressed-state-layer-color: var(--ae-banner-te= xt-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-button-tex= t-label-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primar= y,#0b57d0)); --gm3-button-text-hover-label-text-color: var(--ae-banner-acti= on-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-focus-lab= el-text-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b= 57d0)); --gm3-button-text-pressed-label-text-color: var(--ae-banner-action-= color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-state-= layer-color: var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57= d0)); --gm3-button-text-pressed-state-layer-color: var(--ae-banner-action-c= olor,var(--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-container-c= olor: var(--ae-banner-button-filled-container-color,var(--gm3-sys-color-pri= mary,#0b57d0)); --gm3-button-filled-label-text-color: var(--ae-banner-butto= n-filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-fil= led-hover-label-text-color: var(--ae-banner-button-filled-text-color,var(--= gm3-sys-color-on-primary,#fff)); --gm3-button-filled-focus-label-text-color= : var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#= fff)); --gm3-button-filled-pressed-label-text-color: var(--ae-banner-button= -filled-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-fill= ed-hover-state-layer-color: var(--ae-banner-button-filled-text-color,var(--= gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pressed-state-layer-co= lor: var(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primar= y,#fff)); } .appsElementsSidekickHistorySettingsErrorBanner.appsElementsSidekickHistory= SettingsErrorBanner:link { color: var(--ae-banner-text-link-color,var(--gm3= -sys-color-primary,#0b57d0)); text-decoration: underline; } .appsElementsSidekickHistorySettingsErrorBanner.appsElementsSidekickHistory= SettingsErrorBanner { --WsPOW: 16px; --ae-banner-action-color: var(--ws-sys= -color-extended-on-yellow-tonal,#6d3a01); --ae-banner-button-filled-contain= er-color: var(--ws-sys-color-extended-yellow-fill,#fcbd00); --ae-banner-but= ton-filled-text-color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01);= --ae-banner-container-color: var(--ws-sys-color-extended-yellow-tonal,#fff= 2b4); --ae-banner-text-color: var(--ws-sys-color-extended-on-yellow-tonal,#= 6d3a01); --ae-banner-text-link-color: var(--ws-sys-color-extended-on-yellow= -tonal,#6d3a01); --gm3-icon-button-standard-container-width: 32px; --gm3-ic= on-button-standard-container-height: 32px; --gm3-icon-button-standard-icon-= size: 20px; --rgEnKb: 4px; --lKBblb: 6px; --KEZEkb: 52px; --gGO0Kd: 40px; -= -mSVvtd: 8px; --El9Bhf: 4px; --MbloWe: 0.875rem; --brmLFc: 1.25rem; positio= n: sticky; margin-bottom: 16px; } .appsElementsSidekickHistorySettingsErrorBanner.appsElementsSidekickHistory= SettingsErrorBanner > :nth-child(2) { justify-content: center; } .appsElementsSidekickHistorySettingsErrorBanner.appsElementsSidekickHistory= SettingsErrorBanner > :nth-child(2) > :first-child > * { align-self: center= ; } .appsElementsSidekickHistorySettingsWarningBanner.appsElementsSidekickHisto= rySettingsWarningBanner { font-family: "Google Sans", Roboto, Arial, sans-s= erif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625rem; lin= e-height: 1rem; background-color: var(--gm3-sys-color-surface-container,#f0= f4f9); border-radius: 16px; color: var(--gm3-sys-color-on-surface-variant,#= 444746); display: flex; align-items: center; gap: 8px; margin-bottom: 23px;= padding: 12px; } .appsElementsSidekickHistorySettingsWarningBanner.appsElementsSidekickHisto= rySettingsWarningBanner svg { fill: var(--gm3-sys-color-on-surface-variant,= #444746); flex-shrink: 0; } .appsElementsSidekickHistorySettingsSaveButton { --gm3-button-filled-contai= ner-height: 36px; } .appsElementsSidekickHistorySettingsDialog { --pjsEwc: 512px; --eNKeTe: var= (--gm3-sys-color-surface-container-low,#f8fafd); } .appsElementsSidekickHistorySettingsCircularProgress { --EkrYwf: 24px; --Es= cQs: 2px; display: flex; justify-content: center; align-items: center; flex= -grow: 1; } .javascriptMaterialdesignGm3WizSelectFilledOldTokens { --upgradeable-gm3-se= lect-filled-text-field-container-color: var(--gm3-select-filled-text-field-= container-color,var(--gm3-sys-color-surface-variant,#e1e3e1)); --upgradeabl= e-gm3-select-filled-text-field-error-hover-active-indicator-color: var(--gm= 3-select-filled-text-field-error-hover-active-indicator-color,var(--gm3-sys= -color-on-error-container,#410e0b)); } .javascriptMaterialdesignGm3WizSelectFilled-select .javascriptMaterialdesig= nGm3WizSelectShared-select__anchor { background-color: var(--upgradeable-gm= 3-select-filled-text-field-container-color,var(--gm3-select-filled-text-fie= ld-container-color,var(--gm3-sys-color-surface-container-highest,#dde3ea)))= ; border-start-start-radius: var(--gm3-select-filled-text-field-container-s= hape-start-start,4px); border-start-end-radius: var(--gm3-select-filled-tex= t-field-container-shape-start-end,4px); border-end-end-radius: var(--gm3-se= lect-filled-text-field-container-shape-end-end,0); border-end-start-radius:= var(--gm3-select-filled-text-field-container-shape-end-start,0); } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectSh= ared-select__anchor { background-color: var(--gm3-select-filled-text-field-= disabled-container-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),= .04)); } .javascriptMaterialdesignGm3WizSelectFilled-select:not(.javascriptMateriald= esignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdesig= nGm3WizSelectShared-select__anchor { padding-inline-start: 16px; } .javascriptMaterialdesignGm3WizSelectFilled-select:not(.javascriptMateriald= esignGm3WizSelectFilled-select--no-label) .javascriptMaterialdesignGm3WizSe= lectShared-select__selected-text-container { padding-block-start: calc(var(= --gm3-select-filled-text-field-label-text-populated-line-height, 1rem) + va= r(--gm3-select-filled-text-field-top-space, 8px) - 1px); } .javascriptMaterialdesignGm3WizSelectFilled-select--no-label .javascriptMat= erialdesignGm3WizSelectShared-select__selected-text-container { height: 100= %; display: inline-flex; align-items: center; } .javascriptMaterialdesignGm3WizSelectFilled-select .javascriptMaterialdesig= nGm3WizSelectShared-select__floating-label { --gm3-floating-label-label-tex= t-display: var(--gm3-select-filled-text-field-label-text-display,unset); --= gm3-floating-label-floating-label-top-space: var(--gm3-select-filled-text-f= ield-top-space,8px); --gm3-floating-label-floating-label-leading-space: 16p= x; --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-sel= ect-filled-text-field-trailing-icon-size, 24px) - 24px); } .javascriptMaterialdesignGm3WizSelectFilled-select:not(.javascriptMateriald= esignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdesig= nGm3WizSelectShared-select__floating-label { --gm3-floating-label-resting-l= abel-leading-space: 16px; } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--with-leading-icon .javascriptMaterialdesignGm3Wi= zSelectShared-select__floating-label { --gm3-floating-label-floating-label-= leading-space: calc(var(--gm3-select-filled-text-field-leading-icon-size, 2= 4px) + 24px); --gm3-floating-label-floating-label-max-width: calc(100% - va= r(--gm3-select-filled-text-field-leading-icon-size, 24px) - 48px - var(--gm= 3-select-filled-text-field-trailing-icon-size, 24px)); } .javascriptMaterialdesignGm3WizSelectFilled-select__line-ripple { pointer-e= vents: none; position: absolute; inset: auto 0px 0px; } .javascriptMaterialdesignGm3WizSelectFilled-select__line-ripple::after, .ja= vascriptMaterialdesignGm3WizSelectFilled-select__line-ripple::before { bord= er-block-end: var(--gm3-select-filled-text-field-active-indicator-height,1p= x) solid var(--gm3-select-filled-text-field-active-indicator-color,var(--gm= 3-sys-color-on-surface-variant,#444746)); position: absolute; inset: auto 0= px 0px; content: ""; } .javascriptMaterialdesignGm3WizSelectFilled-select:hover .javascriptMateria= ldesignGm3WizSelectFilled-select__line-ripple::before { border-block-end-co= lor: var(--gm3-select-filled-text-field-hover-active-indicator-color,var(--= gm3-sys-color-on-surface,#1f1f1f)); border-block-end-width: var(--gm3-selec= t-filled-text-field-hover-active-indicator-height,1px); } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectFil= led-select__line-ripple::before { border-block-end-color: var(--gm3-select-= filled-text-field-error-active-indicator-color,var(--gm3-sys-color-error,#b= 3261e)); } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSel= ectFilled-select__line-ripple::before { border-block-end-color: var(--upgra= deable-gm3-select-filled-text-field-error-hover-active-indicator-color,var(= --gm3-select-filled-text-field-error-hover-active-indicator-color,var(--gm3= -sys-color-on-error-container,#8c1d18))); } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectFi= lled-select__line-ripple::before, .javascriptMaterialdesignGm3WizSelectFill= ed-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javas= criptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialde= signGm3WizSelectFilled-select__line-ripple::before { border-block-end-color= : var(--gm3-select-filled-text-field-disabled-active-indicator-color,rgba(v= ar(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); border-block-end-width: = var(--gm3-select-filled-text-field-disabled-active-indicator-height,1px); } @media (forced-colors: active) { .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesi= gnGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelect= Filled-select__line-ripple::before, .javascriptMaterialdesignGm3WizSelectFi= lled-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.jav= ascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterial= designGm3WizSelectFilled-select__line-ripple::before { border-block-end-col= or: graytext; } } .javascriptMaterialdesignGm3WizSelectFilled-select__line-ripple::after { op= acity: 0; transition: opacity 0.15s cubic-bezier(0.2, 0, 0, 1); } .javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMate= rialdesignGm3WizSelectFilled-select__line-ripple::after { border-block-end-= color: var(--gm3-select-filled-text-field-focus-active-indicator-color,var(= --gm3-sys-color-primary,#0b57d0)); border-block-end-width: var(--gm3-select= -filled-text-field-focus-active-indicator-height,3px); } .javascriptMaterialdesignGm3WizSelectShared-select--focused.javascriptMater= ialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3Wiz= SelectFilled-select__line-ripple::after { border-block-end-color: var(--gm3= -select-filled-text-field-error-focus-active-indicator-color,var(--gm3-sys-= color-error,#b3261e)); } .javascriptMaterialdesignGm3WizSelectShared-select--focused:not(.javascript= MaterialdesignGm3WizSelectShared-select--disabled) .javascriptMaterialdesig= nGm3WizSelectFilled-select__line-ripple::after { opacity: 1; } .javascriptMaterialdesignGm3WizSelectFilled-select__hover-overlay { backgro= und-color: var(--gm3-select-filled-text-field-hover-state-layer-color,var(-= -gm3-sys-color-on-surface,#1f1f1f)); opacity: var(--gm3-select-filled-text-= field-hover-state-layer-opacity,.08); border-radius: inherit; pointer-event= s: none; position: absolute; inset: 0px; visibility: hidden; } .javascriptMaterialdesignGm3WizSelectFilled-select.javascriptMaterialdesign= Gm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectFil= led-select__hover-overlay { background-color: var(--gm3-select-filled-text-= field-error-hover-state-layer-color,var(--gm3-sys-color-on-surface,#1f1f1f)= ); opacity: var(--gm3-select-filled-text-field-error-hover-state-layer-opac= ity,.08); } .javascriptMaterialdesignGm3WizSelectFilled-select:not(.javascriptMateriald= esignGm3WizSelectShared-select--disabled):hover .javascriptMaterialdesignGm= 3WizSelectFilled-select__hover-overlay { visibility: visible; } .appsElementsSidekickInlineSuggestionListSuggestionList { --gm3-list-list-i= tem-one-line-container-height: 40px; --gm3-list-list-item-two-line-containe= r-height: 56px; --gm3-list-list-item-one-line-padding: 0px; --gm3-list-list= -item-two-line-padding: 0px; --gm3-list-list-item-container-shape: 8px; --g= m3-list-list-item-content-gap: 10px; --gm3-list-list-item-label-text-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-labe= l-text-line-height: 1rem; --gm3-list-list-item-label-text-size: 0.75rem; --= gm3-list-list-item-label-text-tracking: 0.00625rem; --gm3-list-list-item-la= bel-text-weight: 500; --gm3-list-list-item-leading-icon-size: 20px; --gm3-l= ist-list-item-leading-space: 4px; --gm3-list-list-item-selected-label-text-= color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-ite= m-selected-label-text-weight: 500; --gm3-list-list-item-control-selected-co= ntainer-shape: 8px; --gm3-list-list-item-control-selected-label-text-color:= var(--gm3-sys-color-on-surface-variant,#444746); --gm3-list-list-item-cont= rol-selected-label-text-weight: 500; --gm3-list-list-item-control-selected-= container-shape-start-start: 8px; --gm3-list-list-item-control-selected-con= tainer-shape-start-end: 8px; --gm3-list-list-item-control-selected-containe= r-shape-end-end: 8px; --gm3-list-list-item-control-selected-container-shape= -end-start: 8px; --gm3-list-list-item-container-shape-start-start: 8px; --g= m3-list-list-item-container-shape-start-end: 8px; --gm3-list-list-item-cont= ainer-shape-end-end: 8px; --gm3-list-list-item-container-shape-end-start: 8= px; --gm3-list-container-shape-end-end: 8px; --gm3-list-container-shape-end= -start: 8px; --gm3-list-container-shape-start-end: 8px; --gm3-list-containe= r-shape-start-start: 8px; --gm3-list-list-item-selected-container-shape-end= -end: 8px; --gm3-list-list-item-selected-container-shape-end-start: 8px; --= gm3-list-list-item-selected-container-shape-start-end: 8px; --gm3-list-list= -item-selected-container-shape-start-start: 8px; --gm3-list-focus-indicator= -shape-end-end: 8px; --gm3-list-focus-indicator-shape-end-start: 8px; --gm3= -list-focus-indicator-shape-start-end: 8px; --gm3-list-focus-indicator-shap= e-start-start: 8px; --gm3-list-list-item-hover-state-layer-shape-end-end: 8= px; --gm3-list-list-item-hover-state-layer-shape-end-start: 8px; --gm3-list= -list-item-hover-state-layer-shape-start-end: 8px; --gm3-list-list-item-hov= er-state-layer-shape-start-start: 8px; --gm3-list-list-item-fallback-select= ion-end-margin: 0; --gm3-list-list-item-fallback-selection-content-gap: 10p= x; --gm3-list-list-item-three-line-container-height: 72px; --gm3-list-list-= item-three-line-padding: 4px; flex-shrink: 0; overflow: clip; overflow-clip= -margin: 16px; padding-block: 0px; flex-direction: column; align-items: fle= x-start; } .appsElementsSidekickInlineSuggestionListCategorySuggestionList { --gm3-lis= t-list-item-container-shape: 8px; --gm3-list-list-item-one-line-container-h= eight: 40px; --gm3-list-list-item-leading-icon-size: 18px; --gm3-list-list-= item-leading-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-lis= t-list-item-leading-space: 16px; --gm3-list-list-item-label-text-size: 0.87= 5rem; --gm3-list-list-item-label-text-weight: 500; --gm3-list-list-item-lab= el-text-line-height: 1.25rem; --gm3-list-list-item-label-text-tracking: 0re= m; --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1= f1f1f); --gm3-list-list-item-control-selected-container-shape: 8px; --gm3-l= ist-list-item-control-selected-label-text-color: var(--gm3-sys-color-on-sur= face,#1f1f1f); --gm3-list-list-item-control-selected-label-text-weight: 500= ; --gm3-list-list-item-control-selected-leading-icon-color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-container-s= hape-start-start: 8px; --gm3-list-list-item-control-selected-container-shap= e-start-end: 8px; --gm3-list-list-item-control-selected-container-shape-end= -end: 8px; --gm3-list-list-item-control-selected-container-shape-end-start:= 8px; --gm3-list-list-item-container-shape-start-start: 8px; --gm3-list-lis= t-item-container-shape-start-end: 8px; --gm3-list-list-item-container-shape= -end-end: 8px; --gm3-list-list-item-container-shape-end-start: 8px; --gm3-l= ist-container-shape-end-end: 8px; --gm3-list-container-shape-end-start: 8px= ; --gm3-list-container-shape-start-end: 8px; --gm3-list-container-shape-sta= rt-start: 8px; --gm3-list-list-item-selected-container-shape-end-end: 8px; = --gm3-list-list-item-selected-container-shape-end-start: 8px; --gm3-list-li= st-item-selected-container-shape-start-end: 8px; --gm3-list-list-item-selec= ted-container-shape-start-start: 8px; --gm3-list-focus-indicator-shape-end-= end: 8px; --gm3-list-focus-indicator-shape-end-start: 8px; --gm3-list-focus= -indicator-shape-start-end: 8px; --gm3-list-focus-indicator-shape-start-sta= rt: 8px; --gm3-list-list-item-hover-state-layer-shape-end-end: 8px; --gm3-l= ist-list-item-hover-state-layer-shape-end-start: 8px; --gm3-list-list-item-= hover-state-layer-shape-start-end: 8px; --gm3-list-list-item-hover-state-la= yer-shape-start-start: 8px; --gm3-list-list-item-fallback-selection-end-mar= gin: 0; inline-size: fit-content; } .appsElementsSidekickInlineSuggestionListSuggestionListContainer:not(:has(.= appsElementsSidekickInlineSuggestionListSuggestion)):not(:has(.appsElements= SidekickInlineSuggestionListCategorySet)) { display: none; } .appsElementsSidekickInlineSuggestionListSuggestionListContainer { gap: 4px= ; display: flex; flex-direction: column; } .appsElementsSidekickInlineSuggestionListSuggestionIcon { color: var(--gm3-= sys-color-on-surface-variant,#444746); } .appsElementsSidekickInlineSuggestionListSuggestion { padding-inline: 4px; = overflow-wrap: break-word; inline-size: 100%; } @media not (prefers-reduced-motion) { .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView { opa= city: 0; animation: 0.25s cubic-bezier(0.2, 0, 0, 1) 0s 1 normal forwards r= unning appsElementsSidekickInlineSuggestionListSuggestionPositionUp, 0.1s l= inear 0s 1 normal forwards running appsElementsSidekickInlineSuggestionList= SuggestionOpacityIn; } .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView:first= -child { animation-delay: 0s; } .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView:nth-c= hild(2) { animation-delay: 30ms; } .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView:nth-c= hild(3) { animation-delay: 60ms; } .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView:nth-c= hild(4) { animation-delay: 90ms; } } .appsElementsSidekickInlineSuggestionListSuggestionFromCategoryView { paddi= ng-inline-start: 6px; } .appsElementsSidekickInlineSuggestionListCategorySet { --gm3-chip-set-horiz= ontal-space-between-chips: 6px; --gm3-chip-set-vertical-space-between-chips= : 8px; padding-block-end: 0px; } .appsElementsSidekickInlineSuggestionListBackButton { --gm3-icon-button-sta= ndard-container-height: 32px; --gm3-icon-button-standard-container-width: 3= 2px; --gm3-icon-button-standard-touch-target-size: 32px; --gm3-icon-button-= standard-icon-size: 20px; background-color: var(--gm3-sys-color-surface-con= tainer,#f0f4f9); } .appsElementsSidekickInlineSuggestionListCategoryChip { --gm3-chip-shared-c= ontainer-height: 40px; --gm3-chip-shared-trailing-space: 24px; --gm3-chip-s= hared-with-leading-icon-leading-space: 16px; --gm3-chip-shared-container-sh= ape-start-start: 9999px; --gm3-chip-shared-container-shape-start-end: 9999p= x; --gm3-chip-shared-container-shape-end-end: 9999px; --gm3-chip-shared-con= tainer-shape-end-start: 9999px; --gm3-chip-assist-flat-outline-width: 0; --= gm3-chip-assist-flat-with-icon-icon-color: var(--gm3-sys-color-on-surface,#= 1f1f1f); --gm3-chip-assist-flat-with-icon-focus-icon-color: var(--gm3-sys-c= olor-on-surface,#1f1f1f); --gm3-chip-assist-flat-with-icon-hover-icon-color= : var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-chip-assist-flat-with-icon= -pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickInlineSuggestionListCategoryChip { --gm3-chip-assist= -flat-outline-width: 1px; } } .appsElementsSidekickInlineSuggestionListCategoryChip { background-color: v= ar(--gm3-sys-color-surface-container,#f0f4f9); } @media not (prefers-reduced-motion) { .appsElementsSidekickInlineSuggestionListCategoryAnimation { opacity: 0; = animation: 0.35s cubic-bezier(0.2, 0, 0, 1) 0s 1 normal forwards running ap= psElementsSidekickInlineSuggestionListCategoryChipFadeIn, 0.4s cubic-bezier= (0.2, 0, 0, 1) 0s 1 normal forwards running appsElementsSidekickInlineSugge= stionListCategoryChipSlideIn, 0.4s linear 0s 1 normal forwards running apps= ElementsSidekickInlineSuggestionListCategoryChipBlurIn; } .appsElementsSidekickInlineSuggestionListCategoryAnimation:first-child { = animation-delay: 0s; } .appsElementsSidekickInlineSuggestionListCategoryAnimation:nth-child(2) {= animation-delay: 50ms; } .appsElementsSidekickInlineSuggestionListCategoryAnimation:nth-child(3) {= animation-delay: 0.1s; } .appsElementsSidekickInlineSuggestionListCategoryAnimation:nth-child(4) {= animation-delay: 0.15s; } } @keyframes appsElementsSidekickInlineSuggestionListCategoryChipFadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes appsElementsSidekickInlineSuggestionListCategoryChipSlideIn {=20 0% { transform: translateX(30px); } 100% { transform: translateX(0px); } } @keyframes appsElementsSidekickInlineSuggestionListCategoryChipBlurIn {=20 0% { filter: blur(15px); } 100% { filter: blur(0px); } } @keyframes appsElementsSidekickInlineSuggestionListSuggestionPositionUp {= =20 0% { transform: translateY(5px); } 100% { transform: translateY(0px); } } @keyframes appsElementsSidekickInlineSuggestionListSuggestionOpacityIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } .appsElementsSidekickImageGridRoot { --gm3-sys-color-background: #fff; --gm= 3-sys-color-background-rgb: 255,255,255; --gm3-sys-color-error: #b3261e; --= gm3-sys-color-error-rgb: 179,38,30; --gm3-sys-color-error-container: #f9ded= c; --gm3-sys-color-error-container-rgb: 249,222,220; --gm3-sys-color-invers= e-on-surface: #f2f2f2; --gm3-sys-color-inverse-on-surface-rgb: 242,242,242;= --gm3-sys-color-inverse-primary: #a8c7fa; --gm3-sys-color-inverse-primary-= rgb: 168,199,250; --gm3-sys-color-inverse-surface: #303030; --gm3-sys-color= -inverse-surface-rgb: 48,48,48; --gm3-sys-color-on-background: #1f1f1f; --g= m3-sys-color-on-background-rgb: 31,31,31; --gm3-sys-color-on-error: #fff; -= -gm3-sys-color-on-error-rgb: 255,255,255; --gm3-sys-color-on-error-containe= r: #8c1d18; --gm3-sys-color-on-error-container-rgb: 140,29,24; --gm3-sys-co= lor-on-primary: #fff; --gm3-sys-color-on-primary-rgb: 255,255,255; --gm3-sy= s-color-on-primary-container: #0842a0; --gm3-sys-color-on-primary-container= -rgb: 8,66,160; --gm3-sys-color-on-primary-fixed: #041e49; --gm3-sys-color-= on-primary-fixed-rgb: 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0= 842a0; --gm3-sys-color-on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-co= lor-on-secondary: #fff; --gm3-sys-color-on-secondary-rgb: 255,255,255; --gm= 3-sys-color-on-secondary-container: #004a77; --gm3-sys-color-on-secondary-c= ontainer-rgb: 0,74,119; --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-= sys-color-on-secondary-fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fix= ed-variant: #004a77; --gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,1= 19; --gm3-sys-color-on-surface: #1f1f1f; --gm3-sys-color-on-surface-rgb: 31= ,31,31; --gm3-sys-color-on-surface-variant: #444746; --gm3-sys-color-on-sur= face-variant-rgb: 68,71,70; --gm3-sys-color-on-tertiary: #fff; --gm3-sys-co= lor-on-tertiary-rgb: 255,255,255; --gm3-sys-color-on-tertiary-container: #0= f5223; --gm3-sys-color-on-tertiary-container-rgb: 15,82,35; --gm3-sys-color= -on-tertiary-fixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb: 7,39,17= ; --gm3-sys-color-on-tertiary-fixed-variant: #0f5223; --gm3-sys-color-on-te= rtiary-fixed-variant-rgb: 15,82,35; --gm3-sys-color-outline: #747775; --gm3= -sys-color-outline-rgb: 116,119,117; --gm3-sys-color-outline-variant: #c4c7= c5; --gm3-sys-color-outline-variant-rgb: 196,199,197; --gm3-sys-color-prima= ry: #0b57d0; --gm3-sys-color-primary-rgb: 11,87,208; --gm3-sys-color-primar= y-container: #d3e3fd; --gm3-sys-color-primary-container-rgb: 211,227,253; -= -gm3-sys-color-primary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rgb: 2= 11,227,253; --gm3-sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color-pri= mary-fixed-dim-rgb: 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys-col= or-scrim-rgb: 0,0,0; --gm3-sys-color-secondary: #00639b; --gm3-sys-color-se= condary-rgb: 0,99,155; --gm3-sys-color-secondary-container: #c2e7ff; --gm3-= sys-color-secondary-container-rgb: 194,231,255; --gm3-sys-color-secondary-f= ixed: #c2e7ff; --gm3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-sys-= color-secondary-fixed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim-rgb= : 127,207,255; --gm3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb: 0,= 0,0; --gm3-sys-color-surface: #fff; --gm3-sys-color-surface-rgb: 255,255,25= 5; --gm3-sys-color-surface-bright: #fff; --gm3-sys-color-surface-bright-rgb= : 255,255,255; --gm3-sys-color-surface-container: #f0f4f9; --gm3-sys-color-= surface-container-rgb: 240,244,249; --gm3-sys-color-surface-container-high:= #e9eef6; --gm3-sys-color-surface-container-high-rgb: 233,238,246; --gm3-sy= s-color-surface-container-highest: #dde3ea; --gm3-sys-color-surface-contain= er-highest-rgb: 221,227,234; --gm3-sys-color-surface-container-low: #f8fafd= ; --gm3-sys-color-surface-container-low-rgb: 248,250,253; --gm3-sys-color-s= urface-container-lowest: #fff; --gm3-sys-color-surface-container-lowest-rgb= : 255,255,255; --gm3-sys-color-surface-dim: #d3dbe5; --gm3-sys-color-surfac= e-dim-rgb: 211,219,229; --gm3-sys-color-surface-variant: #e1e3e1; --gm3-sys= -color-surface-variant-rgb: 225,227,225; --gm3-sys-color-tertiary: #146c2e;= --gm3-sys-color-tertiary-rgb: 20,108,46; --gm3-sys-color-tertiary-containe= r: #c4eed0; --gm3-sys-color-tertiary-container-rgb: 196,238,208; --gm3-sys-= color-tertiary-fixed: #c4eed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,= 208; --gm3-sys-color-tertiary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-= fixed-dim-rgb: 109,213,140; --eNKeTe: transparent; --W1aG0b: 0; --bBZC5b: 0= ; --QtLBTb: 0; --xzxxIf: color-mix(in srgb,var(--gm3-sys-color-scrim,#000),= transparent 20%); --urucif: 0; --Cv3aid: 0; --xkSh4b: 0; --tukwab: 0; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickImageGridRoot [role=3D"dialog"] { outline: none; } .appsElementsSidekickImageGridRoot [role=3D"dialog"]::after { border-widt= h: medium; border-style: none; border-color: currentcolor; border-image: no= ne; } } .appsElementsSidekickImageGridImageContainer { display: flex; align-items: = center; overflow: hidden; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickImageGridImage { border: 1px solid; } } .appsElementsSidekickImageGridImage { min-inline-size: 0px; border-radius: = 12px; user-select: none; } .appsElementsSidekickImageGridMinimizeButton::before { position: absolute; = box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bor= der: 1px solid transparent; border-radius: inherit; content: ""; pointer-ev= ents: none; } @media screen and (forced-colors: active) { .appsElementsSidekickImageGridMinimizeButton::before { border-color: canv= astext; } } .appsElementsSidekickImageGridMinimizeButton { --gm3-icon-button-filled-con= tainer-width: 32px; --gm3-icon-button-filled-container-height: 32px; --gm3-= icon-button-filled-icon-size: 20px; --gm3-icon-button-filled-container-colo= r: var(--gm3-sys-color-scrim,#000); --gm3-icon-button-filled-focus-icon-col= or: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-button-fill= ed-hover-icon-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3= -icon-button-filled-icon-color: var(--gm3-sys-color-inverse-on-surface,#f2f= 2f2); --gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-inve= rse-on-surface,#f2f2f2); position: absolute; inset-block-start: 16px; inset= -inline-end: 44px; } .appsElementsSidekickImageGridCarouselButton::before { position: absolute; = box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bor= der: 1px solid transparent; border-radius: inherit; content: ""; pointer-ev= ents: none; } @media screen and (forced-colors: active) { .appsElementsSidekickImageGridCarouselButton::before { border-color: canv= astext; } } .appsElementsSidekickImageGridCarouselButton { --gm3-icon-button-filled-con= tainer-color: var(--gm3-sys-color-surface,#fff); --gm3-icon-button-filled-i= con-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-fille= d-hover-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-but= ton-filled-pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f1f); --g= m3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-on-surface,#1f1= f1f); --gm3-icon-button-filled-icon-size: 24px; } .appsElementsSidekickImageGridNextButton { margin-inline: -20px 8px; } .appsElementsSidekickImageGridPreviousButton { margin-inline: 8px -20px; } .appsElementsSidekickImageGridFirstImageSpacing { margin-inline-start: 28px= ; } .appsElementsSidekickImageGridLastImageSpacing { margin-inline-end: 28px; } .appsElementsSidekickImageGridInsertButton { --gm3-button-filled-container-= color: var(--gm3-sys-color-scrim,#000); --gm3-button-filled-label-text-size= : 0.875rem; --gm3-button-filled-label-text-weight: 400; --gm3-button-filled= -label-text-tracking: 0rem; --gm3-button-filled-container-shape-start-start= : 8px; --gm3-button-filled-container-shape-start-end: 8px; --gm3-button-fil= led-container-shape-end-end: 8px; --gm3-button-filled-container-shape-end-s= tart: 8px; --gm3-button-filled-pressed-container-shape-start-start: 8px; --= gm3-button-filled-pressed-container-shape-start-end: 8px; --gm3-button-fill= ed-pressed-container-shape-end-end: 8px; --gm3-button-filled-pressed-contai= ner-shape-end-start: 8px; padding-inline: 24px; margin: 12px 0px 8px 28px; = } .appsElementsSidekickImageGridFeedbackButtons::before { position: absolute;= box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; bo= rder: 1px solid transparent; border-radius: inherit; content: ""; pointer-e= vents: none; } @media screen and (forced-colors: active) { .appsElementsSidekickImageGridFeedbackButtons::before { border-color: can= vastext; } } .appsElementsSidekickImageGridFeedbackButtons { --gm3-icon-button-filled-to= nal-container-color: var(--gm3-sys-color-scrim,#000); --gm3-icon-button-fil= led-tonal-disabled-container-color: rgba(var(--gm3-sys-color-scrim-rgb,0,0,= 0),1); --gm3-icon-button-filled-tonal-disabled-icon-color: rgba(var(--gm3-s= ys-color-inverse-on-surface-rgb,242,242,242),1); --gm3-icon-button-filled-t= onal-focus-icon-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --g= m3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-inverse-o= n-surface,#f2f2f2); --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sy= s-color-inverse-on-surface,#f2f2f2); --gm3-icon-button-filled-tonal-icon-si= ze: 24px; --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-sys-= color-inverse-on-surface,#f2f2f2); --gm3-icon-button-filled-tonal-container= -shape-start-start: 12px; --gm3-icon-button-filled-tonal-container-shape-st= art-end: 12px; --gm3-icon-button-filled-tonal-container-shape-end-end: 12px= ; --gm3-icon-button-filled-tonal-container-shape-end-start: 12px; --gm3-ico= n-button-filled-tonal-pressed-container-shape-start-start: 12px; --gm3-icon= -button-filled-tonal-pressed-container-shape-start-end: 12px; --gm3-icon-bu= tton-filled-tonal-pressed-container-shape-end-end: 12px; --gm3-icon-button-= filled-tonal-pressed-container-shape-end-start: 12px; --gm3-icon-button-fil= led-tonal-selected-container-shape-start-start: 12px; --gm3-icon-button-fil= led-tonal-selected-container-shape-start-end: 12px; --gm3-icon-button-fille= d-tonal-selected-container-shape-end-end: 12px; --gm3-icon-button-filled-to= nal-selected-container-shape-end-start: 12px; } .appsElementsSidekickImageGridGrid { display: flex; flex-wrap: wrap; gap: 2= px; } .appsElementsSidekickImageGridFocusRing { --Mal6Ee: none; --QzESQd: 4px; --= cIYKdb: 4px; --po6djf: 4px; --Oypuue: 4px; } .appsElementsSidekickImageGridGridImageContainer::before { position: absolu= te; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px;= border: 1px solid transparent; border-radius: inherit; content: ""; pointe= r-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickImageGridGridImageContainer::before { border-color: = canvastext; } } .appsElementsSidekickImageGridGridImageContainer:hover { cursor: zoom-in; } .appsElementsSidekickImageGridGridImageContainer { border-radius: 4px; over= flow: hidden; position: relative; flex-basis: calc(50% - 2px); flex-grow: 1= ; } .appsElementsSidekickImageGridGridImageContainer:focus-visible .appsElement= sSidekickImageGridFocusRing { --Mal6Ee: block; } .appsElementsSidekickImageGridGridImageContainer:focus-within .appsElements= SidekickImageGridImageOptionsContainer, .appsElementsSidekickImageGridGridI= mageContainer:hover .appsElementsSidekickImageGridImageOptionsContainer { d= isplay: flex; gap: 8px; width: 100%; } .appsElementsSidekickImageGridGridImage { width: 100%; height: auto; displa= y: block; } .appsElementsSidekickImageGridImageOptionsContainer { display: none; positi= on: absolute; inset-block-end: 12px; justify-content: center; } .appsElementsSidekickImageGridLightboxFeedbackOptionContainer { display: fl= ex; gap: 8px; margin: 12px 28px 8px 0px; float: right; } .appsElementsSidekickImageGridImageOption { --gm3-icon-button-filled-tonal-= container-width: 28px; --gm3-icon-button-filled-tonal-container-height: 28p= x; --gm3-icon-button-filled-tonal-icon-size: 20px; --gm3-icon-button-filled= -tonal-container-color: var(--gm3-sys-color-inverse-surface,#303030); --gm3= -icon-button-filled-tonal-icon-color: var(--gm3-sys-color-inverse-on-surfac= e,#f2f2f2); --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-= color-inverse-on-surface,#f2f2f2); --gm3-icon-button-filled-tonal-pressed-i= con-color: var(--gm3-sys-color-inverse-on-surface,#f2f2f2); --gm3-icon-butt= on-filled-tonal-focus-icon-color: var(--gm3-sys-color-inverse-on-surface,#f= 2f2f2); --gm3-icon-button-filled-tonal-container-shape-start-start: 12px; -= -gm3-icon-button-filled-tonal-container-shape-start-end: 12px; --gm3-icon-b= utton-filled-tonal-container-shape-end-end: 12px; --gm3-icon-button-filled-= tonal-container-shape-end-start: 12px; --gm3-icon-button-filled-tonal-press= ed-container-shape-start-start: 12px; --gm3-icon-button-filled-tonal-presse= d-container-shape-start-end: 12px; --gm3-icon-button-filled-tonal-pressed-c= ontainer-shape-end-end: 12px; --gm3-icon-button-filled-tonal-pressed-contai= ner-shape-end-start: 12px; --gm3-icon-button-filled-tonal-selected-containe= r-shape-start-start: 12px; --gm3-icon-button-filled-tonal-selected-containe= r-shape-start-end: 12px; --gm3-icon-button-filled-tonal-selected-container-= shape-end-end: 12px; --gm3-icon-button-filled-tonal-selected-container-shap= e-end-start: 12px; } .appsElementsSidekickImageGridImageOption::before { position: absolute; box= -sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border= : 1px solid transparent; border-radius: inherit; content: ""; pointer-event= s: none; } @media screen and (forced-colors: active) { .appsElementsSidekickImageGridImageOption::before { border-color: canvast= ext; } } .appsElementsSidekickImageGridRipple { --sbadab: var(--gm3-sys-color-scrim,= #000); --hSHBee: 0.08; --F1tVH: var(--gm3-sys-color-scrim,#000); --kDWEsd: = 0.1; } .appsElementsSidekickNoticeBannerBanner { --leFxrb: var(--ae-banner-contain= er-color,var(--gm3-sys-color-surface-container,#f0f4f9)); --BK3ddb: var(--a= e-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --nHW= Ryc: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444= 746)); --ByDq6e: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-= variant,#444746)); --gm3-icon-button-standard-unselected-icon-color: var(--= ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746)); --gm= 3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-co= lor,var(--gm3-sys-color-on-surface-variant,#444746)); --gm3-icon-button-sta= ndard-unselected-focus-icon-color: var(--ae-banner-text-color,var(--gm3-sys= -color-on-surface-variant,#444746)); --gm3-icon-button-standard-unselected-= pressed-icon-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surfa= ce-variant,#444746)); --gm3-icon-button-standard-unselected-hover-state-lay= er-color: var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant= ,#444746)); --gm3-icon-button-standard-unselected-pressed-state-layer-color= : var(--ae-banner-text-color,var(--gm3-sys-color-on-surface-variant,#444746= )); --gm3-button-text-label-text-color: var(--ae-banner-action-color,var(--= gm3-sys-color-primary,#0b57d0)); --gm3-button-text-hover-label-text-color: = var(--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-b= utton-text-focus-label-text-color: var(--ae-banner-action-color,var(--gm3-s= ys-color-primary,#0b57d0)); --gm3-button-text-pressed-label-text-color: var= (--ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butt= on-text-hover-state-layer-color: var(--ae-banner-action-color,var(--gm3-sys= -color-primary,#0b57d0)); --gm3-button-text-pressed-state-layer-color: var(= --ae-banner-action-color,var(--gm3-sys-color-primary,#0b57d0)); --gm3-butto= n-filled-container-color: var(--ae-banner-button-filled-container-color,var= (--gm3-sys-color-primary,#0b57d0)); --gm3-button-filled-label-text-color: v= ar(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff= )); --gm3-button-filled-hover-label-text-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-fo= cus-label-text-color: var(--ae-banner-button-filled-text-color,var(--gm3-sy= s-color-on-primary,#fff)); --gm3-button-filled-pressed-label-text-color: va= r(--ae-banner-button-filled-text-color,var(--gm3-sys-color-on-primary,#fff)= ); --gm3-button-filled-hover-state-layer-color: var(--ae-banner-button-fill= ed-text-color,var(--gm3-sys-color-on-primary,#fff)); --gm3-button-filled-pr= essed-state-layer-color: var(--ae-banner-button-filled-text-color,var(--gm3= -sys-color-on-primary,#fff)); } .appsElementsSidekickNoticeBannerBanner:link { color: var(--ae-banner-text-= link-color,var(--gm3-sys-color-primary,#0b57d0)); text-decoration: underlin= e; } .appsElementsSidekickNoticeBannerBanner { --WsPOW: 16px; --ae-banner-action= -color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-filled-con= tainer-color: var(--gm3-sys-color-primary,#0b57d0); --ae-banner-button-fill= ed-text-color: var(--gm3-sys-color-on-primary,#fff); --ae-banner-container-= color: var(--gm3-sys-color-surface-container-high,#e9eef6); --ae-banner-tex= t-color: var(--gm3-sys-color-on-surface-variant,#444746); --ae-banner-text-= link-color: var(--gm3-sys-color-primary,#0b57d0); margin-block: 12px; } .appsElementsSidekickNoticeBannerIcon { display: flex; margin: 8px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardfooterButtonG= roup { padding-inline: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCard.CardMixin { = border-width: medium; border-style: none; border-color: currentcolor; borde= r-image: none; border-radius: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardButtonFilledTonal= TextButton { --light-bg-color: var(--gm3-sys-color-primary-container,#d3e3f= d); --light-text-color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickUiKitRoot { --gm3-chip-assist-flat-label-text-color: v= ar(--gm3-sys-color-on-surface-variant,#444746); --gm3-chip-assist-flat-hove= r-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-= chip-assist-flat-pressed-label-text-color: var(--gm3-sys-color-on-surface-v= ariant,#444746); --gm3-chip-assist-flat-focus-label-text-color: var(--gm3-s= ys-color-on-surface-variant,#444746); --gm3-chip-assist-flat-disabled-outli= ne-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-chip-assist-f= lat-focus-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm= 3-chip-assist-flat-outline-color: var(--gm3-sys-color-outline-variant,#c4c7= c5); --gm3-chip-assist-flat-outline-width: 1px; } .appsElementsSidekickUiKitRoot::before { position: absolute; box-sizing: bo= rder-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px solid= transparent; border-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickUiKitRoot::before { border-color: canvastext; } } .appsElementsSidekickUiKitRoot { block-size: 100%; position: relative; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionCardSe= ction { --uikit-background-color: var(--gm3-sys-color-surface-container-hig= h,#e9eef6); border-width: medium; border-style: none; border-color: current= color; border-image: none; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionCardSe= ction:has(.boqAddonscardsrendererCardKeyvalueKeyValueContainer:first-child:= last-child) { overflow: hidden; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget= .WidgetDensity:has(.boqAddonscardsrendererCardDividerSpace) { padding-botto= m: 4px; padding-top: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget= :has(.boqAddonscardsrendererCardChiplistChipList) { padding-top: 0px; } .appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-ch= ip { background-color: var(--gm3-sys-color-on-primary,#fff); border: 1px so= lid var(--gm3-sys-color-outline-variant,#c4c7c5); margin-block: 0px; } .appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-ch= ip--disabled { background-color: transparent; } .appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-ch= ip__action--primary::before { display: none; } .appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-ch= ip__graphic { inline-size: 20px; block-size: 20px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardChiplistChipList = .boqAddonscardsrendererCardIconImageContainer { inline-size: 20px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardIconImageContai= ner { filter: contrast(0.3); } } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContain= er:only-child { padding: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContain= er:only-child .boqAddonscardsrendererCardCardheaderCardHeader { padding: 0p= x; flex-direction: column; align-items: flex-start; gap: 8px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContain= er:only-child .boqAddonscardsrendererCardCardheaderTitleText { font-size: 1= 4px; font-weight: 400; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueC= ontainer { justify-content: flex-start; margin-block-end: -4px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueC= ontainer:has(.boqAddonscardsrendererCardKeyvalueKeyValue:first-child:last-c= hild) { margin-block-end: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue = { inline-size: 100%; gap: 8px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue:= has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-child, .boqA= ddonscardsrendererCardKeyvalueKeyValueText:last-child) { gap: 12px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue.= clickable:has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-ch= ild, .boqAddonscardsrendererCardKeyvalueKeyValueText:last-child) { margin: = -16px; padding: 16px; max-inline-size: none; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue.= clickable:has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-ch= ild, .boqAddonscardsrendererCardKeyvalueKeyValueText:last-child):hover { --= uikit-background-color: var(--gm3-sys-color-surface-container-highest,#dde3= ea); background-color: var(--gm3-sys-color-surface-container-highest,#dde3e= a); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueS= tartIcon { margin: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardIconFontIcon.cust= omStyle { font-size: 20px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueT= ext { margin: 0px; flex: 1 1 0%; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueB= ottomLabel { font-family: "Google Sans", Roboto, Arial, sans-serif; font-si= ze: 0.75rem; font-weight: 500; letter-spacing: 0.00625rem; line-height: 1re= m; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionSectio= nHeaderIcon { --uikit-background-color: var(--gm3-sys-color-surface,#fff); = background-color: var(--gm3-sys-color-surface,#fff); inline-size: 32px; blo= ck-size: 32px; border-radius: 32px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardImageImage { disp= lay: block; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardFormattedtextFont= WeightBold { font-weight: 500; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns { = --uikit-columns-gap: 16px; gap: var(--uikit-columns-gap); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns .b= oqAddonscardsrendererCardColumnsColumn { --uikit-column-size: 50%; --uikit-= column-width: calc(var(--uikit-column-size) - var(--uikit-columns-gap)/2); = flex-basis: var(--uikit-column-width); min-width: var(--uikit-column-width)= ; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns .b= oqAddonscardsrendererCardColumnsColumn.FillMinimumSpace { --uikit-column-si= ze: 40%; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionSectio= nHeader .boqAddonscardsrendererCardFormattedtextFormattedTextSpan { color: = var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumnWidg= et .boqAddonscardsrendererCardKeyvalueKeyValueContainer .boqAddonscardsrend= ererCardKeyvalueKeyValueStartIcon { --uikit-background-color: none; backgro= und: none; border-radius: 0px; inline-size: 24px; block-size: 24px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumnWidg= et .boqAddonscardsrendererCardKeyvalueKeyValue { gap: 8px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphText= Paragraph[data-max-lines] .boqAddonscardsrendererCardTextparagraphCollapsed= Text { mask-image: linear-gradient(rgb(0, 0, 0) 50%, transparent); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= LessTextButton, .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardT= extparagraphShowMoreTextButton { --gm3-button-text-container-min-width: 28p= x; --gm3-button-text-container-height: 28px; --gm3-button-text-leading-spac= e: 0; --gm3-button-text-trailing-space: 0; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= LessTextButton > span:nth-child(5), .appsElementsSidekickUiKitRoot .boqAddo= nscardsrendererCardTextparagraphShowMoreTextButton > span:nth-child(5) { di= splay: none; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= LessTextButton > span:nth-child(4), .appsElementsSidekickUiKitRoot .boqAddo= nscardsrendererCardTextparagraphShowMoreTextButton > span:nth-child(4) { di= splay: block; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= LessTextButton > span:nth-child(4)::before, .appsElementsSidekickUiKitRoot = .boqAddonscardsrendererCardTextparagraphShowMoreTextButton > span:nth-child= (4)::before { display: block; inline-size: 24px; block-size: 24px; content:= ""; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget= .WidgetDensity a, .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCar= dCardsectionWidget.WidgetDensity a:active, .appsElementsSidekickUiKitRoot .= boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a:hover, .appsEle= mentsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetD= ensity a:link, .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCa= rdsectionWidget.WidgetDensity a:visited { color: var(--gm3-sys-color-primar= y,#0b57d0); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .b= oqAddonscardsrendererCardColumnsColumnWidget:last-child { align-items: flex= -end; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .b= oqAddonscardsrendererCardColumnsColumnWidget:last-child a, .appsElementsSid= ekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsren= dererCardColumnsColumnWidget:last-child a:active, .appsElementsSidekickUiKi= tRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCard= ColumnsColumnWidget:last-child a:hover, .appsElementsSidekickUiKitRoot .boq= AddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsCol= umnWidget:last-child a:link, .appsElementsSidekickUiKitRoot .boqAddonscards= rendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:l= ast-child a:visited { color: var(--gm3-sys-color-primary,#0b57d0); font-wei= ght: 500; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselSlides { = overflow-x: hidden; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= MoreTextButton > span:nth-child(4)::before { background-image: url("https:/= /fonts.gstatic.com/s/i/short-term/release/googlesymbols/more_horiz/default/= 24px.svg"); filter: invert(17%) sepia(100%) saturate(2545%) hue-rotate(186d= eg) brightness(98%) contrast(101%); } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShow= LessTextButton > span:nth-child(4)::before { background-image: url("https:/= /fonts.gstatic.com/s/i/short-term/release/googlesymbols/remove/default/24px= .svg"); filter: invert(17%) sepia(100%) saturate(2545%) hue-rotate(186deg) = brightness(98%) contrast(101%); } .appsElementsSidekickUiKitRoot img[src*=3D"error_icon"] { inline-size: 20px= ; block-size: 20px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphText= Paragraph .mdc-touch-target-wrapper { display: flex; justify-content: cente= r; inline-size: 100%; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselSlides { = overflow: hidden; scroll-behavior: unset; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget { = padding-block-end: 0px; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .b= oqAddonscardsrendererCardColumnsColumns { height: 100%; } .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .b= oqAddonscardsrendererCardColumnsColumn { gap: 16px; justify-content: space-= between; } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] { max= -width: 500px; } @media (forced-colors: active) { .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .ja= vascriptMaterialdesignGm3WizButtonFilled-button__icon-slot, .appsElementsSi= dekickUiKitRoot[data-card-name=3D"sheets-action-card"] .javascriptMateriald= esignGm3WizButtonFilledTonal-button__icon-slot, .appsElementsSidekickUiKitR= oot[data-card-name=3D"sheets-action-card"] .javascriptMaterialdesignGm3WizI= conButtonFilled-icon-button__icon-slot { filter: brightness(0) invert(1); } } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] { --g= m3-button-filled-hover-container-elevation: 0; --gm3-button-filled-hover-st= ate-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-fill= ed-pressed-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm= 3-button-filled-tonal-hover-container-elevation: 0; --gm3-button-filled-ton= al-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed,#041e49); = --gm3-button-filled-tonal-pressed-state-layer-color: var(--gm3-sys-color-on= -primary-fixed,#041e49); --gm3-icon-button-filled-hover-state-layer-color: = var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-pressed-s= tate-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .boqA= ddonscardsrendererCardButtonFilledImageButton { --light-icon-color: var(--g= m3-sys-color-on-surface,#1f1f1f); } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .boqA= ddonscardsrendererCardFormattedtextChipContainer { --chip-container-height:= 18px; --chip-background-color: var(--gm3-sys-color-primary-container,#d3e3= fd); --chip-shape: 8px; --chip-focus-indicator-thickness: unset; --chip-foc= us-indicator-outline-offset: unset; --chip-focus-label-text-color: var(--gm= 3-sys-color-on-primary-container,#0842a0); --chip-hover-label-text-color: v= ar(--gm3-sys-color-on-primary-container,#0842a0); --chip-label-text-color: = var(--gm3-sys-color-on-primary-container,#0842a0); --chip-pressed-label-tex= t-color: var(--gm3-sys-color-on-primary-container,#0842a0); --chip-label-te= xt-font-family: Google Sans; --chip-label-text-line-height: 1rem; --chip-la= bel-text-size: 0.75rem; --chip-label-text-tracking: 0.00625rem; --chip-labe= l-text-weight: 400; --chip-disabled-outline-color: transparent; --chip-focu= s-outline-color: transparent; --chip-outline-color: transparent; --chip-out= line-width: 1px; --chip-hover-state-layer-color: var(--gm3-sys-color-on-pri= mary-fixed,#041e49); --chip-pressed-state-layer-color: var(--gm3-sys-color-= on-primary-fixed,#041e49); } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .java= scriptMaterialdesignGm3WizChipShared-chip__action--primary { padding-inline= : 4px; } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .java= scriptMaterialdesignGm3WizChipShared-chip__cell--primary { min-width: unset= ; } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .java= scriptMaterialdesignGm3WizChipShared-chip { background-color: var(--gm3-sys= -color-primary-container,#d3e3fd); border: unset; margin-block: unset; } .appsElementsSidekickUiKitRoot[data-card-name=3D"sheets-action-card"] .java= scriptMaterialdesignGm3WizChipShared-chip__action--primary::before { displa= y: unset; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] { max-= width: 500px; } @media (forced-colors: active) { .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .jav= ascriptMaterialdesignGm3WizButtonFilled-button__icon-slot, .appsElementsSid= ekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .javascriptMaterialdes= ignGm3WizButtonFilledTonal-button__icon-slot, .appsElementsSidekickUiKitRoo= t[data-card-name*=3D"SPREADSHEET_ITEM"] .javascriptMaterialdesignGm3WizIcon= ButtonFilled-icon-button__icon-slot { filter: brightness(0) invert(1); } } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] { --gm= 3-button-filled-hover-container-elevation: 0; --gm3-button-filled-hover-sta= te-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-button-fille= d-pressed-state-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3= -button-filled-tonal-hover-container-elevation: 0; --gm3-button-filled-tona= l-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed,#041e49); -= -gm3-button-filled-tonal-pressed-state-layer-color: var(--gm3-sys-color-on-= primary-fixed,#041e49); --gm3-icon-button-filled-hover-state-layer-color: v= ar(--gm3-sys-color-on-surface,#1f1f1f); --gm3-icon-button-filled-pressed-st= ate-layer-color: var(--gm3-sys-color-on-surface,#1f1f1f); } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .boqAd= donscardsrendererCardButtonFilledImageButton { --light-icon-color: var(--gm= 3-sys-color-on-surface,#1f1f1f); } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .boqAd= donscardsrendererCardFormattedtextChipContainer { --chip-container-height: = 18px; --chip-background-color: var(--gm3-sys-color-primary-container,#d3e3f= d); --chip-shape: 8px; --chip-focus-indicator-thickness: unset; --chip-focu= s-indicator-outline-offset: unset; --chip-focus-label-text-color: var(--gm3= -sys-color-on-primary-container,#0842a0); --chip-hover-label-text-color: va= r(--gm3-sys-color-on-primary-container,#0842a0); --chip-label-text-color: v= ar(--gm3-sys-color-on-primary-container,#0842a0); --chip-pressed-label-text= -color: var(--gm3-sys-color-on-primary-container,#0842a0); --chip-label-tex= t-font-family: Google Sans; --chip-label-text-line-height: 1rem; --chip-lab= el-text-size: 0.75rem; --chip-label-text-tracking: 0.00625rem; --chip-label= -text-weight: 400; --chip-disabled-outline-color: transparent; --chip-focus= -outline-color: transparent; --chip-outline-color: transparent; --chip-outl= ine-width: 1px; --chip-hover-state-layer-color: var(--gm3-sys-color-on-prim= ary-fixed,#041e49); --chip-pressed-state-layer-color: var(--gm3-sys-color-o= n-primary-fixed,#041e49); } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .javas= criptMaterialdesignGm3WizChipShared-chip__action--primary { padding-inline:= 4px; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .javas= criptMaterialdesignGm3WizChipShared-chip__cell--primary { min-width: unset;= } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .javas= criptMaterialdesignGm3WizChipShared-chip { background-color: var(--gm3-sys-= color-primary-container,#d3e3fd); border: unset; margin-block: unset; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"SPREADSHEET_ITEM"] .javas= criptMaterialdesignGm3WizChipShared-chip__action--primary::before { display= : unset; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"EMAIL_ITEM"] [id^=3D"card= -banner-section"] { background-color: var(--gm3-sys-color-primary-fixed,#d3= e3fd); } .appsElementsSidekickUiKitRoot[data-card-name*=3D"EMAIL_ITEM"] [id^=3D"card= -banner-section"] + .boqAddonscardsrendererCardDividerSpace { display: none= ; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"EMAIL_ITEM"] [id^=3D"card= -banner-section"] .boqAddonscardsrendererCardFormattedtextFormattedText { c= olor: var(--gm3-sys-color-on-primary-fixed-variant,#0842a0); } .appsElementsSidekickUiKitRoot[data-card-name*=3D"EMAIL_ITEM"] [id^=3D"card= -banner-section"] .boqAddonscardsrendererCardTextparagraphTextParagraph .bo= qAddonscardsrendererCardFormattedtextFormattedText { --text-line-height: 1r= em; --text-size: 0.75rem; --text-weight: 500; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"drive-action"] .javascrip= tMaterialdesignGm3WizChipShared-chip__action.javascriptMaterialdesignGm3Wiz= ChipShared-chip__action--primary { padding-inline-end: 4px; --gm3-chip-shar= ed-with-leading-icon-leading-space: 2px; --gm3-chip-shared-with-icon-icon-l= abel-space: 2px; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"drive-action"] .javascrip= tMaterialdesignGm3WizChipShared-chip.boqAddonscardsrendererCardFormattedtex= tChip { border-width: medium; border-style: none; border-color: currentcolo= r; border-image: none; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"drive-action"] .javascrip= tMaterialdesignGm3WizChipShared-chip.boqAddonscardsrendererCardFormattedtex= tChip .javascriptMaterialdesignGm3WizChipShared-chip__graphic { inline-size= : 18px; block-size: 18px; } .appsElementsSidekickUiKitRoot[data-card-name*=3D"drive-action"] .boqAddons= cardsrendererCardFormattedtextChipContainer { --chip-icon-size: 12px; --chi= p-container-height: 18px; --chip-label-text-line-height: 1rem; --chip-label= -text-weight: ; } .appsElementsSidekickUiKitLoadingContainer { position: absolute; display: f= lex; flex-direction: column; align-items: center; justify-content: center; = inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%,= -50%); } .appsElementsSidekickUiKitScrimContainer { position: relative; } .appsElementsSidekickUiKitScrimContainer[data-card-name=3D"sheets-action-ca= rd"] { width: fit-content; } .appsElementsSidekickUiKitScrimContainer[data-card-name*=3D"SPREADSHEET_ITE= M"] { width: fit-content; } .appsElementsSidekickUiKitScrim { position: absolute; inset: 0px; visibilit= y: hidden; } .appsElementsSidekickUiKitScrim:not([data-scrim=3D"hidden"]) { border-radiu= s: 16px; background-color: var(--gm3-sys-color-surface-container,#f0f4f9); = transition: opacity 0.3s linear; visibility: visible; } .appsElementsSidekickUiKitScrim[data-scrim=3D"loading"] { opacity: 1; } .appsElementsSidekickUiKitScrim[data-scrim=3D"disabled"] { opacity: 0.38; } .appsElementsSidekickUiKitScrim[data-scrim=3D"hidden"] { opacity: 0; } .appsElementsSidekickMultipanelEl { block-size: 100%; inline-size: 100%; po= sition: relative; display: grid; grid-template-rows: 1fr; transition: 0.3s = cubic-bezier(0.2, 0, 0, 1); } .appsElementsSidekickMultipanelColumnsOne { grid-template-columns: 0px 1fr = 0px; } .appsElementsSidekickMultipanelColumnsTwoLeading { grid-template-columns: 3= 36px 1fr 0px; } .appsElementsSidekickMultipanelColumnsTwoTrailing { grid-template-columns: = 0px 1fr 336px; } .appsElementsSidekickMultipanelColumnsThree { grid-template-columns: 320px = 1fr 320px; } .appsElementsSidekickMultipanelColumn { height: 0px; min-height: 100%; posi= tion: relative; } .appsElementsSidekickMultipanelCenterPanel { height: 100%; } .appsElementsSidekickMultipanelLeadingPanel { padding-inline-start: 16px; b= ox-sizing: border-box; height: 100%; } @media not (prefers-reduced-motion) { .appsElementsSidekickMultipanelLeadingPanel.appsElementsSidekickMultipane= lAnimatePanelHideBothToNone, .appsElementsSidekickMultipanelLeadingPanel.ap= psElementsSidekickMultipanelAnimatePanelHideLeadingToNone, .appsElementsSid= ekickMultipanelLeadingPanel.appsElementsSidekickMultipanelAnimatePanelHideL= eadingToTrailing, .appsElementsSidekickMultipanelLeadingPanel.appsElementsS= idekickMultipanelAnimatePanelSwitchLeadingToTrailing { animation-duration: = 0.3s, 0.25s; animation-fill-mode: backwards, backwards; animation-name: sid= ekickMultiPanelShrinkOutLeading, sidekickMultiPanelFadeOut; animation-timin= g-function: cubic-bezier(0.3, 0, 0.8, 0.15), linear; } .appsElementsSidekickMultipanelLeadingPanel.appsElementsSidekickMultipane= lAnimatePanelShowBothFromNone, .appsElementsSidekickMultipanelLeadingPanel.= appsElementsSidekickMultipanelAnimatePanelShowLeadingFromNone, .appsElement= sSidekickMultipanelLeadingPanel.appsElementsSidekickMultipanelAnimatePanelS= howLeadingFromTrailing, .appsElementsSidekickMultipanelLeadingPanel.appsEle= mentsSidekickMultipanelAnimatePanelSwitchTrailingToLeading { animation-dura= tion: 0.5s, 0.25s; animation-fill-mode: backwards, backwards; animation-nam= e: sidekickMultiPanelGrowInLeading, sidekickMultiPanelFadeIn; animation-tim= ing-function: cubic-bezier(0.05, 0.7, 0.1, 1), linear; } } .appsElementsSidekickMultipanelTrailingPanel { padding-inline-end: 16px; bo= x-sizing: border-box; height: 100%; } @media not (prefers-reduced-motion) { .appsElementsSidekickMultipanelTrailingPanel.appsElementsSidekickMultipan= elAnimatePanelHideBothToNone, .appsElementsSidekickMultipanelTrailingPanel.= appsElementsSidekickMultipanelAnimatePanelHideTrailingToLeading, .appsEleme= ntsSidekickMultipanelTrailingPanel.appsElementsSidekickMultipanelAnimatePan= elHideTrailingToNone, .appsElementsSidekickMultipanelTrailingPanel.appsElem= entsSidekickMultipanelAnimatePanelSwitchTrailingToLeading { animation-durat= ion: 0.25s, 0.25s; animation-fill-mode: backwards, backwards; animation-nam= e: sidekickMultiPanelSlideOutToTrailing, sidekickMultiPanelFadeOut; animati= on-timing-function: cubic-bezier(0.2, 0, 0, 1), linear; } .appsElementsSidekickMultipanelTrailingPanel.appsElementsSidekickMultipan= elAnimatePanelShowBothFromNone, .appsElementsSidekickMultipanelTrailingPane= l.appsElementsSidekickMultipanelAnimatePanelShowTrailingFromLeading, .appsE= lementsSidekickMultipanelTrailingPanel.appsElementsSidekickMultipanelAnimat= ePanelShowTrailingFromNone, .appsElementsSidekickMultipanelTrailingPanel.ap= psElementsSidekickMultipanelAnimatePanelSwitchLeadingToTrailing { animation= -duration: 0.25s, 0.25s; animation-fill-mode: backwards, backwards; animati= on-name: sidekickMultiPanelSlideInFromTrailing, sidekickMultiPanelFadeIn; a= nimation-timing-function: cubic-bezier(0.2, 0, 0, 1), linear; } } .appsElementsSidekickMultipanelHidden { display: none; } @keyframes sidekickMultiPanelFadeIn {=20 0% { opacity: 0; } 99.9999% { opacity: 1; } 100% { opacity: 1; } } @keyframes sidekickMultiPanelFadeOut {=20 0% { display: block; opacity: 1; } 99.9999% { opacity: 0; } 100% { opacity: 0; display: none; } } @keyframes sidekickMultiPanelSlideInFromTrailing {=20 0% { transform: translateX(160px); } 100% { transform: translateX(0px); } } @keyframes sidekickMultiPanelSlideOutToTrailing {=20 0% { transform: translateX(0px); } 100% { transform: translateX(160px); } } @keyframes sidekickMultiPanelGrowInLeading {=20 0% { position: absolute; pointer-events: none; transform-origin: right bo= ttom; transform: scale(0); width: 336px; top: 0px; bottom: 0px; } 99.999% { position: absolute; pointer-events: none; transform-origin: rig= ht bottom; transform: scale(1); width: 336px; top: 0px; bottom: 0px; } 100% { position: static; pointer-events: auto; } } @keyframes sidekickMultiPanelShrinkOutLeading {=20 0% { position: absolute; pointer-events: none; transform-origin: right bo= ttom; transform: scale(1); width: 336px; top: 0px; bottom: 0px; } 99.999% { position: absolute; pointer-events: none; transform-origin: rig= ht bottom; transform: scale(0); width: 336px; top: 0px; bottom: 0px; } 100% { position: static; pointer-events: auto; } } .appsElementsSidekickNavigationViewAllButtonRoot { --gm3-button-text-contai= ner-height: 24px; --gm3-button-text-label-text-color: color-mix(in srgb,var= (--gm3-sys-color-on-surface,#1f1f1f),transparent 30%); --gm3-button-text-la= bel-text-size: 0.75rem; --gm3-button-text-label-text-tracking: 0.00625rem; = --gm3-button-text-label-text-weight: 500; margin-inline-end: -12px; } .appsElementsSidekickNavigationViewRoot { display: contents; } .appsElementsSidekickNavigationViewContainer { display: flex; flex-directio= n: column; gap: 8px; margin-block-end: 8px; overflow-y: auto; } .appsElementsSidekickNavigationViewScrollDelineation { border-block-start: = 1px solid var(--ae-sidekick-outline-color,var(--gm3-sys-color-surface-varia= nt,#e1e3e1)); padding-block-start: 7px; } .appsElementsSidekickNavigationViewSection { display: flex; flex-direction:= column; gap: 8px; } .appsElementsSidekickNavigationViewHeader { align-items: center; display: f= lex; justify-content: space-between; margin-inline: 16px; } .appsElementsSidekickNavigationViewTitle { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing= : 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surface,#1f1= f1f); margin: 0px; } .appsElementsSidekickNavigationViewIconButton { --gm3-icon-button-standard-= container-height: 32px; --gm3-icon-button-standard-container-width: 32px; -= -gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-standard-touch= -target-size: 32px; } .appsElementsSidekickNavigationViewList { --gm3-list-list-item-one-line-con= tainer-height: 40px; --gm3-list-list-item-two-line-container-height: 56px; = --gm3-list-list-item-one-line-padding: 0px; --gm3-list-list-item-two-line-p= adding: 0px; --gm3-list-list-item-content-gap: 8px; --gm3-list-list-item-la= bel-text-line-height: 1.25rem; --gm3-list-list-item-label-text-size: 0.875r= em; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-list-item-la= bel-text-weight: 400; --gm3-list-list-item-leading-avatar-size: 20px; --gm3= -list-list-item-leading-icon-size: 20px; --gm3-list-list-item-trailing-icon= -size: 20px; --gm3-list-list-item-control-selected-label-text-weight: 400; = --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-list-item= -fallback-selection-content-gap: 8px; --gm3-list-list-item-three-line-conta= iner-height: 72px; --gm3-list-list-item-three-line-padding: 4px; padding: 0= px; } .appsElementsSidekickNavigationViewSettingsOptionItem :has(> [data-listitem= -end]) { display: flex; justify-content: flex-end; margin-inline-end: -12px= ; } .appsElementsSidekickNavigationViewDivider { border: 0px; border-block-star= t: 1px solid color-mix(in srgb, rgb(105, 145, 214) 16%, transparent 84%); m= argin: 0px 16px; } .appsElementsSidekickNavigationViewLoader { display: flex; flex-direction: = column; justify-content: center; padding-inline: 16px; block-size: 40px; } .appsElementsSidekickNavigationViewGemListItemLogo { aspect-ratio: 1 / 1; b= order-radius: 9999px; box-sizing: border-box; inline-size: 20px; } .appsElementsSidekickNavigationViewGemListItemIcon { --gm3-list-list-item-l= eading-icon-size: 14px; --gm3-list-list-item-fallback-selection-end-margin:= 0; } .appsElementsSidekickNavigationViewGemListItemMonogram { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.25rem; user-select: none; } .appsElementsSidekickNavigationViewButtonTooltipAnchorWrapper { block-size:= 32px; display: flex; } .appsElementsSidekickNavigationViewBadge { --ae-badge-container-color: var(= --gm3-sys-color-primary,#0b57d0); --ae-badge-text-color: var(--gm3-sys-colo= r-on-primary,#fff); --ae-badge-container-shape: 9999px; --ae-badge-containe= r-padding-inline: 8px; --ae-badge-max-inline-size: 80px; display: flex; ali= gn-items: center; margin-inline-start: -80px; } .appsElementsSidekickNavigationViewStatusDot { border-radius: 9999px; inlin= e-size: 8px; block-size: 8px; display: block; flex: 0 0 8px; align-self: ce= nter; } .appsElementsSidekickNavigationViewStatusDotBlue { background-color: var(--= gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickNavigationViewStatusDotRed { background-color: var(--g= m3-sys-color-error,#b3261e); } .appsElementsSidekickNavigationViewItemInProgress { --gm3-list-list-item-le= ading-icon-color: transparent; --gm3-list-list-item-hover-leading-icon-icon= -color: transparent; --gm3-list-list-item-control-selected-hover-leading-ic= on-color: transparent; --gm3-list-list-item-control-selected-leading-icon-c= olor: transparent; --gm3-list-list-item-fallback-selection-end-margin: 0; } .appsElementsSidekickNavigationViewCircularProgress { --EkrYwf: 18px; --Esc= Qs: 2px; } .appsElementsSidekickOverlayPanelRoot .boqAddonscardsrendererCardCard.CardM= ixin { border-width: medium; border-style: none; border-color: currentcolor= ; border-image: none; border-radius: 0px; } .appsElementsSidekickOverlayPanelRoot .CardMixin { display: flex; flex-dire= ction: column; max-height: 100%; width: 100%; } .appsElementsSidekickOverlayPanelRoot .CardBodyMixin { flex: 1 1 0%; overfl= ow: hidden auto; width: 100%; } .appsElementsSidekickOverlayPanelRoot .boqAddonscardsrendererCardCardsectio= nCardSection { --uikit-background-color: var(--gm3-sys-color-surface-contai= ner-low,#f8fafd); --section-background-color-light-theme: var(--gm3-sys-col= or-surface-container-low,#f8fafd); } .appsElementsSidekickOverlayPanelRoot { block-size: 100%; display: flex; fl= ex-direction: column; max-inline-size: stretch; max-block-size: stretch; } .appsElementsSidekickOverlayPanelContent { overflow: hidden auto; block-siz= e: 90%; padding: 8px 8px 8px 16px; } .appsElementsSidekickOverlayPanelCardRoot { block-size: 100%; } .appsElementsSidekickPromptLibraryRoot { display: flex; flex-direction: col= umn; inline-size: 100%; max-inline-size: 672px; padding-block-end: 8px; } .appsElementsSidekickPromptLibraryChipSet { padding: 8px 16px; } .appsElementsSidekickPromptLibraryCategoryName { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter= -spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-on-surf= ace-variant,#444746); padding-inline: 20px 16px; margin: unset; } .appsElementsSidekickPromptLibraryCategoryChip { --gm3-chip-filter-flat-foc= us-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-chip-= filter-flat-outline-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --= gm3-chip-filter-flat-selected-container-color: var(--gm3-sys-color-secondar= y-container,#c2e7ff); --gm3-chip-filter-flat-with-icon-focus-icon-color: va= r(--gm3-sys-color-on-surface-variant,#444746); --gm3-chip-filter-flat-with-= icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --g= m3-chip-filter-flat-with-icon-icon-color: var(--gm3-sys-color-on-surface-va= riant,#444746); --gm3-chip-filter-flat-with-icon-pressed-icon-color: var(--= gm3-sys-color-on-surface-variant,#444746); --gm3-chip-filter-flat-with-icon= -selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant,#444746)= ; --gm3-chip-filter-flat-with-icon-selected-hover-icon-color: var(--gm3-sys= -color-on-surface-variant,#444746); --gm3-chip-filter-flat-with-icon-select= ed-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-chip-= filter-flat-with-icon-selected-pressed-icon-color: var(--gm3-sys-color-on-s= urface-variant,#444746); scroll-snap-align: start end; } .appsElementsSidekickPromptLibraryContent { display: flex; flex-direction: = column; gap: 12px; padding-block-start: 16px; } .appsElementsSidekickPromptLibraryChipContainer { display: flex; overflow-x= : hidden; overscroll-behavior: none; scroll-snap-type: inline mandatory; sc= roll-padding-inline: 52px; margin-block-end: -8px; } @media not (prefers-reduced-motion) { .appsElementsSidekickPromptLibraryChipContainer { scroll-behavior: smooth= ; } } .appsElementsSidekickPromptLibraryScrollButton::before { position: absolute= ; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; b= order: 1px solid transparent; border-radius: inherit; content: ""; pointer-= events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickPromptLibraryScrollButton::before { border-color: ca= nvastext; } } .appsElementsSidekickPromptLibraryScrollButton { border-width: 0px; box-sha= dow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px = 6px 2px; } .appsElementsSidekickPromptLibraryScrollButton .mdc-elevation-overlay { opa= city: 0; } .appsElementsSidekickPromptLibraryScrollButton { --gm3-icon-button-filled-t= onal-container-color: var(--gm3-sys-color-on-primary,#fff); --gm3-icon-butt= on-filled-tonal-focus-icon-color: var(--gm3-sys-color-primary,#0b57d0); --g= m3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-primary,#= 0b57d0); --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-pri= mary,#0b57d0); --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3= -sys-color-primary,#0b57d0); block-size: 36px; inline-size: 36px; position:= absolute; margin-block-start: 6px; } .appsElementsSidekickPromptLibraryScrollButton:first-of-type { inset-inline= -start: 16px; } .appsElementsSidekickPromptLibraryScrollButton:last-of-type { inset-inline-= end: 16px; } .appsElementsSidekickPromptLibraryScrollButtonContainer { position: relativ= e; z-index: 2; } .appsElementsSidekickPromptLibraryScrollButtonContainer::after, .appsElemen= tsSidekickPromptLibraryScrollButtonContainer::before { display: none; posit= ion: absolute; inline-size: 52px; block-size: 52px; content: ""; pointer-ev= ents: none; inset-block-start: -2px; forced-color-adjust: none; } .appsElementsSidekickPromptLibraryScrollButtonContainer::before { inset-inl= ine-start: 0px; background: linear-gradient(to right,var(--ae-sidekick-cont= ainer-color,var(--gm3-sys-color-surface,#fff)),transparent); } .appsElementsSidekickPromptLibraryScrollButtonContainer::after { inset-inli= ne-end: 0px; background: linear-gradient(to right,transparent,var(--ae-side= kick-container-color,var(--gm3-sys-color-surface,#fff))); z-index: -1; } .appsElementsSidekickPromptLibraryScrollButtonContainer:has(.appsElementsSi= dekickPromptLibraryScrollButton:first-of-type:not([style*=3D"display: none;= "]):not(.appsElementsSidekickPromptLibraryScrollButtonHidden))::before, .ap= psElementsSidekickPromptLibraryScrollButtonContainer:has(.appsElementsSidek= ickPromptLibraryScrollButton:last-of-type:not([style*=3D"display: none;"]):= not(.appsElementsSidekickPromptLibraryScrollButtonHidden))::after { display= : unset; } .appsElementsSidekickPromptLibraryScrollButtonHidden { display: none; } .appsElementsSidekickPromptLibraryPromptList { --gm3-list-list-item-one-lin= e-container-height: 48px; --gm3-list-list-item-two-line-container-height: 6= 4px; --gm3-list-list-item-one-line-padding: 4px; --gm3-list-list-item-two-l= ine-padding: 4px; --gm3-list-list-item-container-shape: 0px; --gm3-list-lis= t-item-content-gap: 10px; --gm3-list-list-item-label-text-color: var(--gm3-= sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-line-height:= 1.25rem; --gm3-list-list-item-label-text-size: 0.875rem; --gm3-list-list-i= tem-label-text-tracking: 0rem; --gm3-list-list-item-label-text-weight: 400;= --gm3-list-list-item-leading-icon-size: 20px; --gm3-list-list-item-control= -selected-container-shape: 0px; --gm3-list-list-item-control-selected-label= -text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-= control-selected-label-text-weight: 400; --gm3-list-list-item-control-selec= ted-container-shape-start-start: 0px; --gm3-list-list-item-control-selected= -container-shape-start-end: 0px; --gm3-list-list-item-control-selected-cont= ainer-shape-end-end: 0px; --gm3-list-list-item-control-selected-container-s= hape-end-start: 0px; --gm3-list-list-item-container-shape-start-start: 0px;= --gm3-list-list-item-container-shape-start-end: 0px; --gm3-list-list-item-= container-shape-end-end: 0px; --gm3-list-list-item-container-shape-end-star= t: 0px; --gm3-list-container-shape-end-end: 0px; --gm3-list-container-shape= -end-start: 0px; --gm3-list-container-shape-start-end: 0px; --gm3-list-cont= ainer-shape-start-start: 0px; --gm3-list-list-item-selected-container-shape= -end-end: 0px; --gm3-list-list-item-selected-container-shape-end-start: 0px= ; --gm3-list-list-item-selected-container-shape-start-end: 0px; --gm3-list-= list-item-selected-container-shape-start-start: 0px; --gm3-list-focus-indic= ator-shape-end-end: 0px; --gm3-list-focus-indicator-shape-end-start: 0px; -= -gm3-list-focus-indicator-shape-start-end: 0px; --gm3-list-focus-indicator-= shape-start-start: 0px; --gm3-list-list-item-hover-state-layer-shape-end-en= d: 0px; --gm3-list-list-item-hover-state-layer-shape-end-start: 0px; --gm3-= list-list-item-hover-state-layer-shape-start-end: 0px; --gm3-list-list-item= -hover-state-layer-shape-start-start: 0px; --gm3-list-list-item-fallback-se= lection-end-margin: 0; --gm3-list-list-item-fallback-selection-content-gap:= 10px; --gm3-list-list-item-three-line-container-height: 80px; --gm3-list-l= ist-item-three-line-padding: 8px; display: flex; gap: 8px; } .appsElementsSidekickPromptLibraryPromptListItem { padding: 4px 20px; } .appsElementsSidekickPromptLibraryDivider { border: 0px; border-block-start= : 1px solid color-mix(in srgb, rgb(105, 145, 214) 16%, transparent 84%); ma= rgin: 0px 16px; } .appsElementsSidekickPromptLibraryDivider:last-of-type { display: none; } .appsElementsSidekickQuestionnaireRoot { container: questionnaireRoot / inl= ine-size; display: flex; flex-direction: column; } .appsElementsSidekickQuestionnaireSection::before { position: absolute; box= -sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border= : 1px solid transparent; border-radius: inherit; content: ""; pointer-event= s: none; } @media screen and (forced-colors: active) { .appsElementsSidekickQuestionnaireSection::before { border-color: canvast= ext; } } .appsElementsSidekickQuestionnaireSection { background-color: var(--gm3-sys= -color-surface-container,#f0f4f9); border-radius: 4px; display: flex; flex-= direction: column; margin-block-start: 2px; } .appsElementsSidekickQuestionnaireSectionPadding { padding: 12px; } .appsElementsSidekickQuestionnaireSectionHeaderContainer { border-start-sta= rt-radius: 16px; border-start-end-radius: 16px; display: flex; gap: 12px; } .appsElementsSidekickQuestionnaireSectionTitleContainer { display: flex; fl= ex-direction: row; gap: 8px; } .appsElementsSidekickQuestionnaireSectionTitle { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-= spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickQuestionnaireSectionDescription { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; l= etter-spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickQuestionnaireQuestionList { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-= spacing: 0px; line-height: 1.25rem; display: block; } .appsElementsSidekickQuestionnaireQuestionList[class] { margin-block: 0px; = padding-inline-start: 0px; } .appsElementsSidekickQuestionnaireQuestionListNoNumbering { list-style-type= : none; } .appsElementsSidekickQuestionnaireQuestion { margin-inline-start: 16px; } .appsElementsSidekickQuestionnaireQuestionMargin { margin-block-end: 8px; } .appsElementsSidekickQuestionnaireQuestionListNoNumbering .appsElementsSide= kickQuestionnaireQuestion { margin-inline-start: 0px; } .appsElementsSidekickQuestionnaireQuestionTitle { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter= -spacing: 0px; line-height: 1.25rem; } .appsElementsSidekickQuestionnaireQuestionTitleContainer { display: flex; f= lex-direction: row; gap: 8px; } .appsElementsSidekickQuestionnaireQuestionDescription { font-family: "Googl= e Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; l= etter-spacing: 0.00625rem; line-height: 1rem; } .appsElementsSidekickQuestionnaireQuestionDescriptionMargin { margin-block-= end: 8px; } .appsElementsSidekickQuestionnaireQuestionDescriptionChip { --ae-chip-conta= iner-color: var(--gm3-sys-color-surface,#fff); margin-block: 2px; margin-in= line: 4px; } .appsElementsSidekickQuestionnaireQuestionDescriptionChipOnlyPeople { --ae-= chip-container-color: var(--gm3-sys-color-surface,#fff); --ae-chip-containe= r-height: 24px; --ae-chip-container-padding-inline: 4px 8px; --ae-chip-icon= -size: 16px; --ae-chip-label-text-line-height: 1rem; --ae-chip-label-text-s= ize: 0.75rem; --ae-chip-label-text-tracking: 0.00625rem; --ae-chip-label-te= xt-weight: 500; border-radius: 9999px; margin-block: 2px; margin-inline: 0p= x 4px; } p + person-chip > .appsElementsSidekickQuestionnaireQuestionDescriptionChip= OnlyPeople { margin-block-start: 12px; } person-chip:has(> .appsElementsSidekickQuestionnaireQuestionDescriptionChip= OnlyPeople) + p { margin-block-start: 6px; } .appsElementsSidekickQuestionnaireQuestionDescriptionChipOnlyLinks { --ae-c= hip-container-color: var(--gm3-sys-color-surface,#fff); --ae-chip-container= -height: 24px; --ae-chip-container-padding-inline: 4px 8px; --ae-chip-icon-= size: 18px; --ae-chip-label-text-line-height: 1rem; --ae-chip-label-text-si= ze: 0.75rem; --ae-chip-label-text-tracking: 0.00625rem; --ae-chip-label-tex= t-weight: 500; border-radius: 8px; gap: 8px; margin-block: 2px; margin-inli= ne: 0px 4px; } .appsElementsSidekickQuestionnaireAnswerOption, .appsElementsSidekickQuesti= onnaireAnswerOptions { display: flex; flex-direction: column; } .appsElementsSidekickQuestionnaireAnswerOptionsExtraTopMargin { margin-bloc= k-start: 8px; } .appsElementsSidekickQuestionnaireAnswerOption { margin-block-end: 8px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer { align-items:= flex-start; display: flex; flex-direction: row; gap: 2px; } .appsElementsSidekickQuestionnaireAnswerOptionTextContainer { display: flex= ; flex-direction: column; justify-content: center; min-height: 28px; } .appsElementsSidekickQuestionnaireAnswerOptionLabel { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; letter-spacing: 0px;= line-height: 1.25rem; cursor: pointer; font-weight: 500; } .appsElementsSidekickQuestionnaireAnswerOptionDescription { font-family: "G= oogle Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 40= 0; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-colo= r-on-surface-variant,#444746); margin-block-start: 2px; } .appsElementsSidekickQuestionnaireAnswerOptionRadioButton { --gm3-radio-sta= te-layer-size: 32px; margin-block-start: -2px; margin-inline: -6px 0px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer:has(.appsEleme= ntsSidekickQuestionnaireAnswerOptionDescription) .appsElementsSidekickQuest= ionnaireAnswerOptionRadioButton { margin-block-start: -6px; } .appsElementsSidekickQuestionnaireAnswerOptionCheckbox { --gm3-checkbox-con= tainer-size: 18px; --gm3-checkbox-state-layer-size: 32px; --gm3-checkbox-to= uch-target-size: 0px; margin-block-start: -2px; margin-inline: -7px 0px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer:has(.appsEleme= ntsSidekickQuestionnaireAnswerOptionDescription) .appsElementsSidekickQuest= ionnaireAnswerOptionCheckbox { margin-block-start: -6px; } @container questionnaireRoot (inline-size > 576px) { .appsElementsSidekickQuestionnaireAnswerOption:has(.appsElementsSidekickQ= uestionnaireAnswerOptionDescription) { margin-block-end: 12px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer { gap: 8px; = } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer:has(.appsEle= mentsSidekickQuestionnaireAnswerOptionDescription) { align-items: center; } .appsElementsSidekickQuestionnaireAnswerOptionRadioButton { margin-inline= : -2px 0px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer:has(.appsEle= mentsSidekickQuestionnaireAnswerOptionDescription) .appsElementsSidekickQue= stionnaireAnswerOptionRadioButton { margin-block-start: 0px; } .appsElementsSidekickQuestionnaireAnswerOptionCheckbox { margin-inline: -= 3px 0px; } .appsElementsSidekickQuestionnaireAnswerOptionTitleContainer:has(.appsEle= mentsSidekickQuestionnaireAnswerOptionDescription) .appsElementsSidekickQue= stionnaireAnswerOptionCheckbox { margin-block-start: 0px; } } .appsElementsSidekickQuestionnaireAnswerOptionDropdown { --gm3-select-share= d-menu-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); --g= m3-select-shared-menu-container-shape: 4px; --gm3-select-shared-menu-list-i= tem-selected-container-color: var(--gm3-sys-color-secondary-container,#c2e7= ff); --gm3-select-outlined-text-field-container-shape: 16px; --gm3-select-o= utlined-text-field-container-shape-start-start: 16px; --gm3-select-outlined= -text-field-container-shape-start-end: 16px; --gm3-select-outlined-text-fie= ld-container-shape-end-end: 16px; --gm3-select-outlined-text-field-containe= r-shape-end-start: 16px; width: 100%; } .appsElementsSidekickQuestionnaireCustomInputFieldContainer { display: bloc= k; } .appsElementsSidekickQuestionnaireCustomInputFieldContainerHidden { display= : none; } .appsElementsSidekickQuestionnaireCustomInputField[class] { --gm3-text-fiel= d-outlined-disabled-outline-color: "transparent"; --gm3-text-field-outlined= -disabled-outline-width: 0; } .appsElementsSidekickQuestionnaireCustomInputField { font-family: "Google S= ans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; let= ter-spacing: 0px; line-height: 1.25rem; --gm3-text-field-outlined-bottom-sp= ace: 10px; --gm3-text-field-outlined-disabled-outline-color: "transparent";= --gm3-text-field-outlined-disabled-outline-width: 0; --gm3-text-field-outl= ined-focus-indicator-outline-color: "transparent"; --gm3-text-field-outline= d-hover-outline-width: 0; --gm3-text-field-outlined-input-text-placeholder-= color: var(--gm3-sys-color-outline,#747775); --gm3-text-field-outlined-inpu= t-text-size: 14px; --gm3-text-field-outlined-outline-width: 0; background-c= olor: var(--gm3-sys-color-surface,#fff); border-radius: 16px; display: flex= ; margin-block-start: 3px; min-block-size: 72px; outline: none; } .appsElementsSidekickQuestionnaireCustomInputField::before { position: abso= lute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0p= x; border: 1px solid transparent; border-radius: inherit; content: ""; poin= ter-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickQuestionnaireCustomInputField::before { border-color= : canvastext; } } .appsElementsSidekickQuestionnaireActionButtonsContainer { border-end-start= -radius: 16px; border-end-end-radius: 16px; display: flex; flex-direction: = unset; gap: 8px; justify-content: flex-end; padding-block: 8px; } .appsElementsSidekickSettingsViewRoot { display: flex; flex-direction: colu= mn; inline-size: 100%; block-size: 100%; padding: 8px 0px; position: relati= ve; box-sizing: border-box; } .appsElementsSidekickSettingsViewBadge { --ae-badge-container-color: var(--= gm3-sys-color-primary,#0b57d0); --ae-badge-text-color: var(--gm3-sys-color-= on-primary,#fff); --ae-badge-container-shape: 9999px; --ae-badge-container-= padding-inline: 8px; --ae-badge-max-inline-size: 80px; display: flex; align= -items: center; margin-inline-start: -80px; } .appsElementsSidekickSettingsViewList { --gm3-list-list-item-one-line-conta= iner-height: 40px; --gm3-list-list-item-two-line-container-height: 56px; --= gm3-list-list-item-one-line-padding: 0px; --gm3-list-list-item-two-line-pad= ding: 0px; --gm3-list-list-item-content-gap: 8px; --gm3-list-list-item-labe= l-text-line-height: 1.25rem; --gm3-list-list-item-label-text-size: 0.875rem= ; --gm3-list-list-item-label-text-tracking: 0rem; --gm3-list-list-item-labe= l-text-weight: 400; --gm3-list-list-item-leading-avatar-size: 20px; --gm3-l= ist-list-item-leading-icon-size: 20px; --gm3-list-list-item-trailing-icon-s= ize: 20px; --gm3-list-list-item-control-selected-label-text-weight: 400; --= gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-list-item-f= allback-selection-content-gap: 8px; --gm3-list-list-item-three-line-contain= er-height: 72px; --gm3-list-list-item-three-line-padding: 4px; padding: 0px= ; } .appsElementsSidekickSettingsViewSettingsOptionItem { position: relative; } .appsElementsSidekickSettingsViewSettingsOptionItem::before { position: abs= olute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left: 0= px; border: 1px solid transparent; border-radius: inherit; content: ""; poi= nter-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickSettingsViewSettingsOptionItem::before { border-colo= r: canvastext; } } .appsElementsSidekickSettingsViewSettingsOptionItem :has(> [data-listitem-e= nd]) { display: flex; justify-content: flex-end; align-items: center; } .appsElementsSidekickSourcesSearchSettingsOptionList { --gm3-list-list-item= -container-color: transparent; --gm3-list-list-item-content-gap: 12px; --gm= 3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-item-labe= l-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem; --gm= 3-list-list-item-label-text-weight: 400; --gm3-list-list-item-leading-icon-= color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-item-leading-i= con-size: 20px; --gm3-list-list-item-one-line-container-height: 32px; --gm3= -list-list-item-one-line-padding: 0; --gm3-list-list-item-selected-containe= r-color: transparent; --gm3-list-list-item-selected-leading-icon-color: var= (--gm3-sys-color-primary,#0b57d0); --gm3-list-list-item-trailing-icon-size:= 18px; --gm3-list-list-item-control-selected-container-color: transparent; = --gm3-list-list-item-control-selected-label-text-weight: 400; --gm3-list-li= st-item-control-selected-leading-icon-color: var(--gm3-sys-color-outline,#7= 47775); --gm3-list-list-item-fallback-selection-end-margin: 0; --gm3-list-l= ist-item-fallback-selection-content-gap: 12px; padding-block: 0px; } .appsElementsSidekickSourcesSearchSettingsOptionList :has(> .appsElementsSi= dekickSourcesSearchSettingsIcon) { inline-size: fit-content; } .appsElementsSidekickSourcesSearchSettingsIcon { display: flex; gap: 12px; = } .appsElementsSidekickSourcesSearchSettingsIconSelected, .appsElementsSideki= ckSourcesSearchSettingsIconUnselected { display: none; } .appsElementsSidekickSourcesSearchSettingsItem[aria-selected=3D"false"] .ap= psElementsSidekickSourcesSearchSettingsIconUnselected, .appsElementsSidekic= kSourcesSearchSettingsItem[aria-selected=3D"true"] .appsElementsSidekickSou= rcesSearchSettingsIconSelected { display: unset; } .appsElementsSidekickSourcesSourceSelectionCardRoot { display: flex; flex-d= irection: column; gap: 2px; border-radius: 16px; margin-block-start: 12px; = overflow: hidden; } .appsElementsSidekickSourcesSourceSelectionCardButtonContainer, .appsElemen= tsSidekickSourcesSourceSelectionCardSearchSettings, .appsElementsSidekickSo= urcesSourceSelectionCardTitle { display: flex; border-radius: 4px; backgrou= nd-color: var(--gm3-sys-color-surface-container,#f0f4f9); padding: 12px 16p= x; } .appsElementsSidekickSourcesSourceSelectionCardTitle { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.25rem; display: flex; gap: 8px; margin: = unset; } .appsElementsSidekickSourcesSourceSelectionCardTitleIcon { color: var(--gm3= -sys-color-on-surface-variant,#444746); } .appsElementsSidekickSourcesSourceSelectionCardSearchSettings { flex-direct= ion: column; gap: 8px; } .appsElementsSidekickSourcesSourceSelectionCardSearchSettingsTitle { font-f= amily: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-= weight: 500; letter-spacing: 0px; line-height: 1.25rem; display: flex; flex= -direction: column; gap: 4px; } .appsElementsSidekickSourcesSourceSelectionCardSearchSettingsSubtitle { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3= -sys-color-on-surface-variant,#444746); } .appsElementsSidekickSourcesSourceSelectionCardSearchSettingsInvalid { colo= r: var(--gm3-sys-color-error,#b3261e); } .appsElementsSidekickSourcesSourceSelectionCardSearchSettingsList { --gm3-l= ist-list-item-leading-space: 16px; --gm3-list-list-item-trailing-space: 16p= x; --gm3-list-list-item-fallback-selection-end-margin: 0; margin-inline: -1= 6px; } .appsElementsSidekickSourcesSourceSelectionCardButtonContainer { display: f= lex; flex-direction: row; gap: 8px; justify-content: flex-end; } .appsElementsSidekickSourcesSourceSelectionCardNextButton { --gm3-button-fi= lled-container-height: 36px; } .appsElementsSidekickUserMessageRoot { display: flex; flex-direction: colum= n; gap: 8px; min-inline-size: 0px; user-select: none; container: userMessag= eRoot / inline-size; } .appsElementsSidekickUserMessageBubble.appsElementsSidekickUserMessageEphem= eral { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); back= ground-color: var(--gm3-sys-color-surface,#fff); } .appsElementsSidekickUserMessageBubble::before { position: absolute; box-si= zing: border-box; width: 100%; height: 100%; top: 0px; left: 0px; border: 1= px solid transparent; border-radius: inherit; content: ""; pointer-events: = none; } @media screen and (forced-colors: active) { .appsElementsSidekickUserMessageBubble::before { border-color: canvastext= ; } } .appsElementsSidekickUserMessageBubble ol, .appsElementsSidekickUserMessage= Bubble p, .appsElementsSidekickUserMessageBubble pre, .appsElementsSidekick= UserMessageBubble ul { margin-block: unset; } .appsElementsSidekickUserMessageBubble :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickUserMessageBubble :is(ul, ol):first-child { margin-blo= ck-start: 0px; } .appsElementsSidekickUserMessageBubble :is(ul, ol):last-child { margin-bloc= k-end: 0px; } .appsElementsSidekickUserMessageBubble span[style=3D"display: contents;"] >= :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickUserMessageBubble span[style=3D"display: contents;"]:f= irst-child > :is(ul, ol):first-child { margin-block-start: 0px; } .appsElementsSidekickUserMessageBubble span[style=3D"display: contents;"]:l= ast-child > :is(ul, ol):last-child { margin-block-end: 0px; } .appsElementsSidekickUserMessageBubble :is(ul, ol) :is(ul, ol), .appsElemen= tsSidekickUserMessageBubble :is(ul, ol) :is(ul, ol):is(:first-child, :last-= child) { margin-block: 8px; } .appsElementsSidekickUserMessageBubble ul { list-style-type: disc; padding-= inline-start: 16px; } .appsElementsSidekickUserMessageBubble ol { padding-inline-start: 3ch; } .appsElementsSidekickUserMessageBubble code, .appsElementsSidekickUserMessa= geBubble pre { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.0062= 5rem; line-height: 1rem; font-family: "Google Sans Mono", monospace; white-= space: pre-wrap; margin: unset; } .appsElementsSidekickUserMessageBubble table { background-color: var(--gm3-= sys-color-surface,#fff); border-spacing: 0px; border: 1px solid var(--gm3-s= ys-color-outline-variant,#c4c7c5); border-collapse: inherit; word-break: au= to-phrase; } .appsElementsSidekickUserMessageBubble table th { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-= spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickUserMessageBubble table td { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter-spacing: 0.00625= rem; line-height: 1rem; font-weight: 400; padding: 5px 8px; } .appsElementsSidekickUserMessageBubble table td, .appsElementsSidekickUserM= essageBubble table th { text-align: start; border: 1px solid var(--gm3-sys-= color-outline-variant,#c4c7c5); } .appsElementsSidekickUserMessageBubble table tr + tr td, .appsElementsSidek= ickUserMessageBubble table tr + tr th, .appsElementsSidekickUserMessageBubb= le table tr:first-child td, .appsElementsSidekickUserMessageBubble table tr= :first-child th { border-block-start: 0px; } .appsElementsSidekickUserMessageBubble table td + td, .appsElementsSidekick= UserMessageBubble table td + th, .appsElementsSidekickUserMessageBubble tab= le td:first-child, .appsElementsSidekickUserMessageBubble table th + td, .a= ppsElementsSidekickUserMessageBubble table th + th, .appsElementsSidekickUs= erMessageBubble table th:first-child { border-inline-start: 0px; } .appsElementsSidekickUserMessageBubble table td:last-child, .appsElementsSi= dekickUserMessageBubble table th:last-child { border-inline-end: 0px; } .appsElementsSidekickUserMessageBubble table tr:last-child td { border-bloc= k-end: 0px; } .appsElementsSidekickUserMessageBubble mark:not([class]) { background-color= : unset; color: unset; } .appsElementsSidekickUserMessageBubble a:any-link:not([class]) { color: var= (--gm3-sys-color-primary,#0b57d0); text-underline-offset: 0.25em; text-deco= ration: underline; } .appsElementsSidekickUserMessageBubble a:active:not([class]), .appsElements= SidekickUserMessageBubble a:hover:not([class]), .appsElementsSidekickUserMe= ssageBubble a:visited:not([class]) { color: var(--gm3-sys-color-primary,#0b= 57d0); } .appsElementsSidekickUserMessageBubble { font-variant-ligatures: no-context= ual; font-feature-settings: "liga" 0; --ae-chip-container-color: var(--gm3-= sys-color-surface,#fff); --ae-chip-container-max-inline-size: initial; --ae= -chip-hover-state-layer-color: var(--gm3-sys-color-surface-container-low,#f= 8fafd); text-wrap: pretty; overflow-wrap: break-word; word-break: break-wor= d; display: flex; flex-direction: column; user-select: text; background-col= or: var(--gm3-sys-color-surface-container,#f0f4f9); border-radius: 16px 4px= 16px 16px; inline-size: max-content; max-inline-size: 244px; padding: 12px= 16px; align-items: flex-start; gap: 4px; box-sizing: border-box; position:= relative; } .appsElementsSidekickUserMessageBubble:has(.appsElementsSidekickUserMessage= ContentToggleButton) { padding-inline-end: 42px; } .appsElementsSidekickUserMessageTetherCardWrapper { display: flex; flex-dir= ection: column; gap: 4px; } .appsElementsSidekickUserMessageTetherCardWrapper:has(.appsElementsSidekick= UserMessageTetherCard) .appsElementsSidekickUserMessageBubble:not(.appsElem= entsSidekickUserMessageTetherCard) { border-end-end-radius: 4px; } @container userMessageRoot (inline-size <=3D 576px) { .appsElementsSidekickUserMessageBubble { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacin= g: 0px; line-height: 1.5rem; } } @container userMessageRoot (inline-size > 412px) { .appsElementsSidekickUserMessageBubble { max-inline-size: 281px; } } @container userMessageRoot (inline-size > 576px) { .appsElementsSidekickUserMessageBubble { font-family: "Google Sans", Robo= to, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0= px; line-height: 1.75rem; max-inline-size: 400px; } } @container userMessageRoot (inline-size > 672px) { .appsElementsSidekickUserMessageBubble { max-inline-size: 448px; } } @media (max-height: 799px) { .appsElementsSidekickUserMessageBubbleContent.appsElementsSidekickUserMes= sageAiModeReply { font-family: "Google Sans", Roboto, Arial, sans-serif; fo= nt-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.5r= em; } } .appsElementsSidekickUserMessageBubbleContent { inline-size: 100%; } .appsElementsSidekickUserMessageVoiceLiveUserTurn { font-style: italic; } .appsElementsSidekickUserMessageVoiceLiveUserTurn::before { content: open-q= uote; } .appsElementsSidekickUserMessageVoiceLiveUserTurn::after { content: close-q= uote; } .appsElementsSidekickUserMessageBubbleCollapsed { display: -webkit-inline-b= ox; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; = } .appsElementsSidekickUserMessageBubbleTruncated { --ae-chip-container-max-i= nline-size: calc(100% - var(--ae-sidekick-computed-scrollbar-width, 16)*1px= - 2ch); } .appsElementsSidekickUserMessagePromptCanceled { font-family: "Google Sans"= , Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: 500; letter-s= pacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-outline,#= 747775); margin-inline-start: auto; } .appsElementsSidekickUserMessageContentToggleButton { --gm3-icon-button-sta= ndard-container-width: 30px; --gm3-icon-button-standard-container-height: 3= 0px; --gm3-icon-button-standard-icon-size: 20px; position: absolute; inset-= block-start: 12px; inset-inline-end: 12px; } .appsElementsSidekickUserMessageGeneratedTetherContext { display: flex; fle= x-direction: row; align-items: center; gap: 12px; } .appsElementsSidekickUserMessageContextThumbnailContainer { display: flex; = align-items: center; } .appsElementsSidekickUserMessageContextThumbnail, .appsElementsSidekickUser= MessageContextThumbnailSeparator { display: block; inline-size: 24px; block= -size: 24px; border-radius: 4px; z-index: var(--context-thumbnail-order,0);= } .appsElementsSidekickUserMessageContextThumbnail + .appsElementsSidekickUse= rMessageContextThumbnailSeparator, .appsElementsSidekickUserMessageContextT= humbnailSeparator + .appsElementsSidekickUserMessageContextThumbnail { marg= in-inline-start: -22px; } .appsElementsSidekickUserMessageContextThumbnailSeparator { background-colo= r: var(--gm3-sys-color-surface-container,#f0f4f9); } .appsElementsSidekickUserMessageTetherCard { inline-size: 244px; padding: 1= 2px; gap: 8px; } .appsElementsSidekickUserMessageTetherCardImage { display: block; inline-si= ze: 100%; block-size: auto; border-radius: 8px; object-fit: cover; } .appsElementsSidekickUserMessageTetherCardLabel { font-family: "Google Sans= ", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter= -spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,= #1f1f1f); text-wrap: pretty; overflow-wrap: break-word; word-break: break-w= ord; } .appsElementsSidekickUserMessageEditPromptButton { --gm3-icon-button-standa= rd-container-width: 30px; --gm3-icon-button-standard-container-height: 30px= ; --gm3-icon-button-standard-icon-size: 20px; visibility: hidden; } .appsElementsSidekickUserMessageRoot:has(:hover, :focus-within) .appsElemen= tsSidekickUserMessageEditPromptButton { visibility: visible; } .appsElementsSidekickUserMessageDebugPromptButton { --gm3-icon-button-stand= ard-container-width: 30px; --gm3-icon-button-standard-container-height: 30p= x; --gm3-icon-button-standard-icon-size: 20px; } .appsElementsSidekickUserMessagePromptEditorContainer { border-radius: 8px;= outline: 1px solid var(--gm3-sys-color-outline,#747775); max-inline-size: = 672px; inline-size: 100%; } .appsElementsSidekickUserMessagePromptEditorContainer:focus-within { outlin= e: 1px solid var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickUserMessagePromptEditorContainer:focus-within:has(.app= sElementsSidekickUserMessagePromptEditor[aria-invalid=3D"true"]) { outline-= color: var(--gm3-sys-color-error,#b3261e); } .appsElementsSidekickUserMessagePromptEditor { font-family: "Google Sans", = Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-sp= acing: 0px; line-height: 1.25rem; padding: 16px; overflow: hidden auto; box= -sizing: border-box; background-color: var(--gm3-sys-color-surface-containe= r,#f0f4f9); color: var(--ae-sidekick-prompt-input-text-color,#000); caret-c= olor: var(--gm3-sys-color-primary,#0b57d0); max-block-size: 320px; } .appsElementsSidekickUserMessagePromptEditorContainer .appsElementsSidekick= UserMessagePromptEditor::before { color: var(--ae-sidekick-prompt-input-tex= t-placeholder-color,#5e5e5e); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsSidekickUserMessagePromptEditorContainer .appsElementsSideki= ckUserMessagePromptEditor::before { color: graytext; } } .appsElementsSidekickUserMessageCancelEditPromptButton { --gm3-button-text-= container-height: 36px; --gm3-button-text-label-text-size: 0.75rem; } .appsElementsSidekickUserMessageUpdatePromptButton { --gm3-button-filled-co= ntainer-height: 32px; --gm3-button-filled-label-text-size: 0.75rem; padding= -inline: 16px; } .appsElementsSidekickUserMessageEditPromptButtons { display: flex; flex-dir= ection: row; gap: 4px; } .appsElementsSidekickUserMessageContainer { display: flex; flex-direction: = row; gap: 8px; justify-content: flex-end; } .appsElementsSidekickZeroStateGreetingRoot { display: flex; align-items: ce= nter; justify-content: center; flex-grow: 1; flex-direction: column; gap: 1= 2px; } .appsElementsSidekickZeroStateGreetingRoot.appsElementsSidekickZeroStateGre= etingWithCategoryView { flex-grow: 0; } .appsElementsSidekickZeroStateGreetingRoot:is(.appsElementsSidekickZeroStat= eGreetingWithCategoryView, .appsElementsSidekickZeroStateGreetingWithSugges= tions) { justify-content: end; align-items: flex-start; } .appsElementsSidekickZeroStateGreetingRoot:is(.appsElementsSidekickZeroStat= eGreetingWithCategoryView, .appsElementsSidekickZeroStateGreetingWithSugges= tions) :is(.appsElementsSidekickZeroStateGreetingGreetingContainer, .appsEl= ementsSidekickZeroStateGreetingGreetingSubtitle, .appsElementsSidekickZeroS= tateGreetingGreetingTextStatic, .appsElementsSidekickZeroStateGreetingGreet= ingSubTextStatic) { text-align: start; } .appsElementsSidekickZeroStateGreetingRoot.appsElementsSidekickZeroStateGre= etingWithStarterTiles { align-items: flex-start; gap: 24px; } .appsElementsSidekickZeroStateGreetingRoot.appsElementsSidekickZeroStateGre= etingWithLongFormStarterTiles { align-items: flex-start; gap: 16px; } .appsElementsSidekickZeroStateGreetingRoot.appsElementsSidekickZeroStateGre= etingWithLongFormStarterTiles :is(.appsElementsSidekickZeroStateGreetingGre= etingContainer, .appsElementsSidekickZeroStateGreetingGreetingTextStatic) {= text-align: start; padding-inline-start: 16px; } .appsElementsSidekickZeroStateGreetingWithCenteredGreetingAndBottomPrompts = { display: flex; align-items: center; justify-content: center; flex-grow: 1= ; flex-direction: column; gap: 16px; position: relative; padding-block-end:= 220px; } .appsElementsSidekickZeroStateGreetingGreetingContainer { font-family: "Goo= gle Sans", Roboto, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; = letter-spacing: 0px; line-height: 2rem; text-align: center; } .appsElementsSidekickZeroStateGreetingGreetingSubtitle { font-family: "Goog= le Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500;= letter-spacing: 0px; line-height: 1.25rem; background: linear-gradient(135= deg, rgb(33, 123, 254), rgb(7, 142, 251), rgb(172, 135, 235), rgb(33, 123, = 254)); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateGreetingGreetingSubtitle { background-posit= ion: 50% center; background-size: 800% auto; } } .appsElementsSidekickZeroStateGreetingGreetingSubtitle { background-clip: t= ext; color: transparent; -webkit-text-fill-color: transparent; display: non= e; opacity: 0; text-align: center; } .appsElementsSidekickZeroStateGreetingAnimated .appsElementsSidekickZeroSta= teGreetingGreetingSubtitle { transition: opacity 0.2s ease-in-out; } .appsElementsSidekickZeroStateGreetingGreetingSubtitle.appsElementsSidekick= ZeroStateGreetingGreetingSubtitleShow { display: block; } .appsElementsSidekickZeroStateGreetingGreetingSubtitle.appsElementsSidekick= ZeroStateGreetingGreetingSubtitleVisible { opacity: 1; } .appsElementsSidekickZeroStateGreetingWord { background: linear-gradient(13= 5deg, rgb(33, 123, 254), rgb(7, 142, 251), rgb(172, 135, 235), rgb(33, 123,= 254)); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateGreetingWord { background-position: 50% cen= ter; background-size: 800% auto; } @keyframes feature-shimmer {=20 0% { background-position: 100% 100%; } 100% { background-position: 0px 0px; } } } .appsElementsSidekickZeroStateGreetingWord { background-clip: text; color: = transparent; -webkit-text-fill-color: transparent; display: inline-block; o= pacity: 0; white-space: pre; will-change: opacity, transform, filter; trans= form: translateZ(0px); filter: blur(12px); } .appsElementsSidekickZeroStateGreetingWordStatic.appsElementsSidekickZeroSt= ateGreetingWordStatic { opacity: 1; filter: none; } .appsElementsSidekickZeroStateGreetingWordAnimatingIn { opacity: 1; filter:= blur(0px); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateGreetingWordAnimatingIn { animation: 0.2s e= ase-out 0s 1 normal forwards running word-enter, 2.1s linear 0s infinite no= rmal none running feature-shimmer; } } .appsElementsSidekickZeroStateGreetingWordAnimatingOut { opacity: 0; filter= : blur(12px); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateGreetingWordAnimatingOut { animation: 0.2s = ease-in 0s 1 normal forwards running word-exit, 2.1s linear 0s infinite nor= mal none running feature-shimmer; } } @keyframes word-enter {=20 0% { opacity: 0; filter: blur(12px); transform: translateY(15px) scale(0.= 95); } 100% { opacity: 1; filter: blur(0px); transform: translateY(0px) scale(1)= ; } } @keyframes word-exit {=20 0% { opacity: 1; filter: blur(0px); transform: scale(1); } 100% { opacity: 0; filter: blur(12px); transform: scale(1.05); } } .appsElementsSidekickZeroStateGreetingGreetingTextStatic { background: line= ar-gradient(135deg, rgb(33, 123, 254), rgb(7, 142, 251) 33%, rgb(172, 135, = 235)) text; font-family: "Google Sans", Roboto, Arial, sans-serif; font-siz= e: 1.5rem; font-weight: 500; letter-spacing: 0px; line-height: 2rem; text-a= lign: center; word-break: break-word; color: transparent; -webkit-text-fill= -color: transparent; inline-size: fit-content; } .appsElementsSidekickZeroStateGreetingGreetingSubTextStatic { font-family: = "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.25rem; background: linear-gradien= t(135deg, rgb(33, 123, 254), rgb(7, 142, 251) 33%, rgb(172, 135, 235)) text= ; color: transparent; -webkit-text-fill-color: transparent; text-align: cen= ter; } .appsElementsSidekickZeroStateStarterTilesRoot { display: flex; flex-flow: = wrap; gap: 8px; min-block-size: 56px; } .appsElementsSidekickZeroStateStarterTilesTile { --gm3-button-filled-tonal-= with-icon-icon-size: 24px; --gm3-button-filled-tonal-container-height: 56px= ; --gm3-button-filled-tonal-with-icon-icon-label-space: 8px; --gm3-button-f= illed-tonal-label-text-size: 1rem; --gm3-button-filled-tonal-leading-space:= 24px; --gm3-button-filled-tonal-trailing-space: 24px; --gm3-button-filled-= tonal-with-leading-icon-leading-space: 24px; --gm3-button-filled-tonal-with= -leading-icon-trailing-space: 24px; --gm3-button-filled-tonal-with-trailing= -icon-trailing-space: 24px; --gm3-button-filled-tonal-with-trailing-icon-le= ading-space: 24px; --gm3-button-filled-tonal-disabled-container-opacity: 0.= 1; --gm3-button-filled-tonal-hover-container-elevation: 0; --gm3-button-fil= led-tonal-container-color: var(--gm3-sys-color-surface-container,#f0f4f9); = --gm3-button-filled-tonal-label-text-color: var(--gm3-sys-color-on-surface-= variant,#444746); --gm3-button-filled-tonal-container-shape-start-start: 99= 99px; --gm3-button-filled-tonal-container-shape-start-end: 9999px; --gm3-bu= tton-filled-tonal-container-shape-end-end: 9999px; --gm3-button-filled-tona= l-container-shape-end-start: 9999px; --gm3-button-filled-tonal-pressed-cont= ainer-shape-start-start: 12px; --gm3-button-filled-tonal-pressed-container-= shape-start-end: 12px; --gm3-button-filled-tonal-pressed-container-shape-en= d-end: 12px; --gm3-button-filled-tonal-pressed-container-shape-end-start: 1= 2px; } .appsElementsSidekickZeroStateStarterTilesIconGreen { color: rgb(18, 137, 5= 5); } .appsElementsSidekickZeroStateStarterTilesIconBlue { color: rgb(50, 113, 23= 4); } .appsElementsSidekickZeroStateStarterTilesIconPink { color: rgb(220, 37, 14= 1); } .appsElementsSidekickZeroStateStarterTilesSkeletonContainer { display: cont= ents; } .appsElementsSidekickZeroStateStarterTilesSkeleton { background-color: var(= --gm3-sys-color-surface-container,#f0f4f9); border-radius: 9999px; display:= flex; gap: 8px; padding: 22px 24px; outline: transparent solid 1px; } .appsElementsSidekickZeroStateStarterTilesSkeletonIcon { background: var(--= ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-gena= i-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2= ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-g= enai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateStarterTilesSkeletonIcon { background-posit= ion: 50% center; background-size: 800% 800%; } } .appsElementsSidekickZeroStateStarterTilesSkeletonIcon { animation: 2.1s li= near 0s infinite normal none running generation-shimmer; block-size: 12px; = inline-size: 12px; border-radius: 9999px; outline: transparent solid 1px; } .appsElementsSidekickZeroStateStarterTilesSkeletonText { background: var(--= ae-genai-generation-gradient,linear-gradient(135deg,var(--ws-sys-color-gena= i-muted-gradient01,#e9eef6),var(--ws-sys-color-genai-muted-gradient02,#bbe2= ff),var(--ws-sys-color-genai-muted-gradient03,#d0d9ff),var(--ws-sys-color-g= enai-muted-gradient01,#e9eef6))); } @media not (prefers-reduced-motion) { .appsElementsSidekickZeroStateStarterTilesSkeletonText { background-posit= ion: 50% center; background-size: 800% 800%; } @keyframes generation-shimmer {=20 0% { background-position: 100% 100%; } 100% { background-position: 0px 0px; } } } .appsElementsSidekickZeroStateStarterTilesSkeletonText { animation: 2.1s li= near 0s infinite normal none running generation-shimmer; block-size: 12px; = inline-size: 112px; border-radius: 9999px; outline: transparent solid 1px; = } .appsElementsSidekickZeroStateStarterTilesLongFormRoot { display: flex; fle= x-direction: column; gap: 0px; inline-size: 100%; position: absolute; botto= m: 0px; left: 0px; right: 0px; } .appsElementsSidekickZeroStateStarterTilesLongFormList { padding: 0px; marg= in: 0px; inline-size: 100%; } .appsElementsSidekickZeroStateStarterTilesLongFormTile { --gm3-list-list-it= em-container-color: transparent; --gm3-list-list-item-selected-container-co= lor: transparent; --gm3-list-list-item-container-shape: 100px; --gm3-list-l= ist-item-leading-space: 14px; --gm3-list-list-item-trailing-space: 16px; --= gm3-list-list-item-content-gap: 6px; --gm3-list-list-item-label-text-color:= var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-label-text-l= ine-height: 1.5rem; --gm3-list-list-item-label-text-size: 0.875rem; --gm3-l= ist-list-item-label-text-tracking: 0rem; --gm3-list-list-item-label-text-we= ight: 400; --gm3-list-list-item-leading-icon-size: 20px; --gm3-list-list-it= em-control-selected-container-color: transparent; --gm3-list-list-item-cont= rol-selected-container-shape: 100px; --gm3-list-list-item-control-selected-= label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-= item-control-selected-label-text-weight: 400; --gm3-list-list-item-control-= selected-container-shape-start-start: 100px; --gm3-list-list-item-control-s= elected-container-shape-start-end: 100px; --gm3-list-list-item-control-sele= cted-container-shape-end-end: 100px; --gm3-list-list-item-control-selected-= container-shape-end-start: 100px; --gm3-list-list-item-container-shape-star= t-start: 100px; --gm3-list-list-item-container-shape-start-end: 100px; --gm= 3-list-list-item-container-shape-end-end: 100px; --gm3-list-list-item-conta= iner-shape-end-start: 100px; --gm3-list-container-shape-end-end: 100px; --g= m3-list-container-shape-end-start: 100px; --gm3-list-container-shape-start-= end: 100px; --gm3-list-container-shape-start-start: 100px; --gm3-list-list-= item-selected-container-shape-end-end: 100px; --gm3-list-list-item-selected= -container-shape-end-start: 100px; --gm3-list-list-item-selected-container-= shape-start-end: 100px; --gm3-list-list-item-selected-container-shape-start= -start: 100px; --gm3-list-focus-indicator-shape-end-end: 100px; --gm3-list-= focus-indicator-shape-end-start: 100px; --gm3-list-focus-indicator-shape-st= art-end: 100px; --gm3-list-focus-indicator-shape-start-start: 100px; --gm3-= list-list-item-hover-state-layer-shape-end-end: 100px; --gm3-list-list-item= -hover-state-layer-shape-end-start: 100px; --gm3-list-list-item-hover-state= -layer-shape-start-end: 100px; --gm3-list-list-item-hover-state-layer-shape= -start-start: 100px; --gm3-list-list-item-fallback-selection-end-margin: 0;= --gm3-list-list-item-fallback-selection-content-gap: 6px; min-block-size: = 68px; block-size: auto; padding-block: 10px; inline-size: 100%; max-inline-= size: 672px; word-break: break-word; } .appsElementsSidekickZeroStateStarterTilesLongFormTileLeadingIcon { padding= : 2px; } .appsElementsSidekickZeroStateRoot { display: flex; flex-direction: column;= inline-size: 100%; max-inline-size: 672px; block-size: 100%; container-typ= e: inline-size; } .appsElementsSidekickZeroStateRootQuotaBlocked { display: none; block-size:= 0px; } .appsElementsSidekickZeroStateList { --gm3-list-list-item-container-color: = var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-list-list-item-contai= ner-shape: 4px; --gm3-list-list-item-hover-state-layer-opacity: 0; --gm3-li= st-list-item-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f); --g= m3-list-list-item-label-text-line-height: 1rem; --gm3-list-list-item-label-= text-size: 0.75rem; --gm3-list-list-item-label-text-tracking: 0.00625rem; -= -gm3-list-list-item-label-text-weight: 500; --gm3-list-list-item-leading-av= atar-size: 36px; --gm3-list-list-item-leading-icon-size: 36px; --gm3-list-l= ist-item-one-line-container-height: 76px; --gm3-list-list-item-selected-con= tainer-color: var(--gm3-sys-color-surface-container,#f0f4f9); --gm3-list-li= st-item-selected-label-text-weight: 500; --gm3-list-list-item-selected-supp= orting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-it= em-supporting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list-= list-item-supporting-text-line-height: 1rem; --gm3-list-list-item-supportin= g-text-size: 0.75rem; --gm3-list-list-item-supporting-text-tracking: 0.0062= 5rem; --gm3-list-list-item-supporting-text-weight: 500; --gm3-list-list-ite= m-trailing-icon-size: 20px; --gm3-list-list-item-two-line-container-height:= 64px; --gm3-list-list-item-control-selected-container-color: var(--gm3-sys= -color-surface-container,#f0f4f9); --gm3-list-list-item-control-selected-co= ntainer-shape: 4px; --gm3-list-list-item-control-selected-hover-state-layer= -opacity: 0; --gm3-list-list-item-control-selected-label-text-color: var(--= gm3-sys-color-on-surface,#1f1f1f); --gm3-list-list-item-control-selected-la= bel-text-weight: 500; --gm3-list-list-item-control-selected-supporting-text= -color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-item-control-= selected-container-shape-start-start: 4px; --gm3-list-list-item-control-sel= ected-container-shape-start-end: 4px; --gm3-list-list-item-control-selected= -container-shape-end-end: 4px; --gm3-list-list-item-control-selected-contai= ner-shape-end-start: 4px; --gm3-list-list-item-container-shape-start-start:= 4px; --gm3-list-list-item-container-shape-start-end: 4px; --gm3-list-list-= item-container-shape-end-end: 4px; --gm3-list-list-item-container-shape-end= -start: 4px; --gm3-list-container-shape-end-end: 4px; --gm3-list-container-= shape-end-start: 4px; --gm3-list-container-shape-start-end: 4px; --gm3-list= -container-shape-start-start: 4px; --gm3-list-list-item-selected-container-= shape-end-end: 4px; --gm3-list-list-item-selected-container-shape-end-start= : 4px; --gm3-list-list-item-selected-container-shape-start-end: 4px; --gm3-= list-list-item-selected-container-shape-start-start: 4px; --gm3-list-focus-= indicator-shape-end-end: 4px; --gm3-list-focus-indicator-shape-end-start: 4= px; --gm3-list-focus-indicator-shape-start-end: 4px; --gm3-list-focus-indic= ator-shape-start-start: 4px; --gm3-list-list-item-hover-state-layer-shape-e= nd-end: 4px; --gm3-list-list-item-hover-state-layer-shape-end-start: 4px; -= -gm3-list-list-item-hover-state-layer-shape-start-end: 4px; --gm3-list-list= -item-hover-state-layer-shape-start-start: 4px; --gm3-list-list-item-fallba= ck-selection-end-margin: 0; --gm3-list-list-item-three-line-container-heigh= t: 76px; display: flex; flex-direction: column; gap: 2px; padding: 0px; } .appsElementsSidekickZeroStateAiModeSpacing { padding-top: 16px; } .appsElementsSidekickZeroStateCategoryViewOverlay { flex-grow: 1; } .appsElementsSidekickZeroStateSuggestionsContainer { justify-content: end; = } .appsElementsSidekickZeroStateHeaderButton { --gm3-button-text-container-he= ight: 20px; --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-o= n-surface,#1f1f1f); --gm3-button-text-label-text-color: var(--gm3-sys-color= -on-surface,#1f1f1f); --gm3-button-text-label-text-size: 0.6875rem; --gm3-b= utton-text-pressed-label-text-color: var(--gm3-sys-color-on-surface,#1f1f1f= ); --gm3-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-sur= face,#1f1f1f); --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-= on-surface,#1f1f1f); --gm3-button-text-with-icon-icon-size: 20px; --gm3-but= ton-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface,#1f1f= 1f); justify-content: space-between; padding-inline: 4px; inline-size: 100%= ; } .appsElementsSidekickZeroStateHeaderContainer > [data-is-tooltip-wrapper=3D= "true"] { inline-size: 100%; } .appsElementsSidekickZeroStateHeaderContainer { display: flex; align-items:= center; justify-content: space-between; block-size: 20px; margin-block: 8p= x; } .appsElementsSidekickZeroStateHeader { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; letter-spacing: = 0.00625rem; line-height: 1rem; margin-inline: 4px; } .appsElementsSidekickZeroStateQuickConsumptionContainer { display: flex; fl= ex-direction: column; gap: 4px; } .appsElementsSidekickZeroStateContent:has(.appsElementsSidekickZeroStateAiM= odeConversationHistoryList) .appsElementsSidekickZeroStateQuickConsumptionC= ontainer, .appsElementsSidekickZeroStateContent:has(.appsElementsSidekickZe= roStateSuggestionsContainer) .appsElementsSidekickZeroStateQuickConsumption= Container { flex-grow: 1; } .appsElementsSidekickZeroStateQuickConsumptionContent ol, .appsElementsSide= kickZeroStateQuickConsumptionContent p, .appsElementsSidekickZeroStateQuick= ConsumptionContent pre, .appsElementsSidekickZeroStateQuickConsumptionConte= nt ul { margin-block: unset; } .appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) { margin-= block: 16px; } .appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol):first-chi= ld { margin-block-start: 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol):last-chil= d { margin-block-end: 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent span[style=3D"display= : contents;"] > :is(ul, ol) { margin-block: 16px; } .appsElementsSidekickZeroStateQuickConsumptionContent span[style=3D"display= : contents;"]:first-child > :is(ul, ol):first-child { margin-block-start: 0= px; } .appsElementsSidekickZeroStateQuickConsumptionContent span[style=3D"display= : contents;"]:last-child > :is(ul, ol):last-child { margin-block-end: 0px; = } .appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) :is(ul, o= l), .appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) :is(u= l, ol):is(:first-child, :last-child) { margin-block: 8px; } .appsElementsSidekickZeroStateQuickConsumptionContent ul { list-style-type:= disc; padding-inline-start: 16px; } .appsElementsSidekickZeroStateQuickConsumptionContent ol { padding-inline-s= tart: 3ch; } .appsElementsSidekickZeroStateQuickConsumptionContent code, .appsElementsSi= dekickZeroStateQuickConsumptionContent pre { font-size: 0.75rem; font-weigh= t: 400; letter-spacing: 0.00625rem; line-height: 1rem; font-family: "Google= Sans Mono", monospace; white-space: pre-wrap; margin: unset; } .appsElementsSidekickZeroStateQuickConsumptionContent table { background-co= lor: var(--gm3-sys-color-surface,#fff); border-spacing: 0px; border: 1px so= lid var(--gm3-sys-color-outline-variant,#c4c7c5); border-collapse: inherit;= word-break: auto-phrase; } .appsElementsSidekickZeroStateQuickConsumptionContent table th { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weigh= t: 500; letter-spacing: 0.00625rem; line-height: 1rem; padding: 8px; } .appsElementsSidekickZeroStateQuickConsumptionContent table td { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; letter-s= pacing: 0.00625rem; line-height: 1rem; font-weight: 400; padding: 5px 8px; = } .appsElementsSidekickZeroStateQuickConsumptionContent table td, .appsElemen= tsSidekickZeroStateQuickConsumptionContent table th { text-align: start; bo= rder: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); } .appsElementsSidekickZeroStateQuickConsumptionContent table tr + tr td, .ap= psElementsSidekickZeroStateQuickConsumptionContent table tr + tr th, .appsE= lementsSidekickZeroStateQuickConsumptionContent table tr:first-child td, .a= ppsElementsSidekickZeroStateQuickConsumptionContent table tr:first-child th= { border-block-start: 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent table td + td, .appsE= lementsSidekickZeroStateQuickConsumptionContent table td + th, .appsElement= sSidekickZeroStateQuickConsumptionContent table td:first-child, .appsElemen= tsSidekickZeroStateQuickConsumptionContent table th + td, .appsElementsSide= kickZeroStateQuickConsumptionContent table th + th, .appsElementsSidekickZe= roStateQuickConsumptionContent table th:first-child { border-inline-start: = 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent table td:last-child, = .appsElementsSidekickZeroStateQuickConsumptionContent table th:last-child {= border-inline-end: 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent table tr:last-child t= d { border-block-end: 0px; } .appsElementsSidekickZeroStateQuickConsumptionContent mark:not([class]) { b= ackground-color: unset; color: unset; } .appsElementsSidekickZeroStateQuickConsumptionContent a:any-link:not([class= ]) { color: var(--gm3-sys-color-primary,#0b57d0); text-underline-offset: 0.= 25em; text-decoration: underline; } .appsElementsSidekickZeroStateQuickConsumptionContent a:active:not([class])= , .appsElementsSidekickZeroStateQuickConsumptionContent a:hover:not([class]= ), .appsElementsSidekickZeroStateQuickConsumptionContent a:visited:not([cla= ss]) { color: var(--gm3-sys-color-primary,#0b57d0); } .appsElementsSidekickZeroStateQuickConsumptionContent { font-variant-ligatu= res: no-contextual; font-feature-settings: "liga" 0; } .appsElementsSidekickZeroStateQuickConsumptionContent::before { position: a= bsolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; left:= 0px; border: 1px solid transparent; border-radius: inherit; content: ""; p= ointer-events: none; } @media screen and (forced-colors: active) { .appsElementsSidekickZeroStateQuickConsumptionContent::before { border-co= lor: canvastext; } } .appsElementsSidekickZeroStateQuickConsumptionContent { flex-shrink: 0; dis= play: flex; flex-direction: column; gap: 12px; text-wrap: pretty; overflow-= wrap: break-word; word-break: break-word; position: relative; } .appsElementsSidekickZeroStateQuickConsumptionContent[role=3D"button"] { cu= rsor: pointer; } .appsElementsSidekickZeroStateQuickConsumptionContent:not(:only-child) { bo= rder-end-start-radius: 2px; border-end-end-radius: 2px; } .appsElementsSidekickZeroStateQuickConsumptionPrompt { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.25rem; display: flex; align-items: cente= r; gap: 8px; } .appsElementsSidekickZeroStateTopRightMenuContainer { position: absolute; i= nset-block-start: 0px; inset-inline-end: 0px; z-index: 1; } .appsElementsSidekickZeroStateResponseOptionsMenuList { padding-inline: 0px= ; } .appsElementsSidekickZeroStateQuickConsumptionPrompt.appsElementsSidekickZe= roStateAiModePrompt { font-family: "Google Sans", Roboto, Arial, sans-serif= ; font-size: 0.875rem; font-weight: 500; letter-spacing: 0px; line-height: = 1.25rem; } .appsElementsSidekickZeroStatePromptWithMenu { padding-inline-end: 40px; } .appsElementsSidekickZeroStateTextAnalysisIcon { padding-block-end: 4px; } .appsElementsSidekickZeroStateQuickConsumptionReply { font-family: "Google = Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; le= tter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surf= ace-variant,#444746); } .appsElementsSidekickZeroStateQuickConsumptionReply.appsElementsSidekickZer= oStateAiModeReply { font-family: "Google Sans", Roboto, Arial, sans-serif; = font-size: 1rem; font-weight: 400; letter-spacing: 0px; line-height: 1.75re= m; } @container (max-width: 576px) { .appsElementsSidekickZeroStateQuickConsumptionReply.appsElementsSidekickZ= eroStateAiModeReply { font-family: "Google Sans", Roboto, Arial, sans-serif= ; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: = 1.5rem; } } @media (max-height: 799px) { .appsElementsSidekickZeroStateQuickConsumptionReply.appsElementsSidekickZ= eroStateAiModeReply { font-family: "Google Sans", Roboto, Arial, sans-serif= ; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: = 1.5rem; } } .appsElementsSidekickZeroStateQuickConsumptionReplyCollapsed { overflow: hi= dden; position: relative; display: -webkit-inline-box; -webkit-box-orient: = vertical; -webkit-line-clamp: 5; } .appsElementsSidekickZeroStateContent { display: flex; flex-direction: colu= mn; gap: 8px; block-size: 100%; } .appsElementsSidekickZeroStateResponseOptionsContainer { margin: 0px; } .appsElementsSidekickZeroStateResponseOptionsContainer > :first-child { mar= gin-inline-start: 1px; } .appsElementsSidekickZeroStateBanner { margin-block-end: 8px; } .appsElementsSidekickZeroStateSuggestionIcon { color: var(--gm3-sys-color-o= n-surface-variant,#444746); } .appsElementsSidekickZeroStateSkeletonIcon { inline-size: 20px; } .appsElementsSidekickZeroStateGracefulLoadingMessageContainer { display: gr= id; margin-top: 8px; overflow: hidden; } .appsElementsSidekickZeroStateGracefulLoadingMessage { font-family: "Google= Sans", Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; = letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-color-o= utline,#747775); grid-area: 1 / 1; opacity: 0; } .appsElementsSidekickZeroStateInitialLoadingMessage { animation: 0.4s cubic= -bezier(0.05, 0.7, 0.1, 1) 10s 1 normal forwards running apps-elements-side= kick-zero-state-slide-in, 0.4s cubic-bezier(0.3, 0, 0.8, 0.15) 19.6s 1 norm= al forwards running apps-elements-sidekick-zero-state-slide-out; } .appsElementsSidekickZeroStateExtendedLoadingMessage { animation: 0.4s cubi= c-bezier(0.05, 0.7, 0.1, 1) 20s 1 normal forwards running apps-elements-sid= ekick-zero-state-slide-in; } .appsElementsSidekickZeroStateAiModeConversationHistoryHeaderContainer { bl= ock-size: 28px; justify-content: flex-start; margin-block: 16px 0px; } .appsElementsSidekickZeroStateAiModeConversationHistoryHeaderContainer > [d= ata-is-tooltip-wrapper=3D"true"] { inline-size: fit-content; } .appsElementsSidekickZeroStateAiModeConversationHistoryHeader { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 5= 00; letter-spacing: 0px; line-height: 1.5rem; --gm3-button-text-container-h= eight: 28px; --gm3-button-text-hover-state-layer-opacity: 0.08; --gm3-butto= n-text-label-text-size: 1rem; --gm3-button-text-label-text-tracking: 0rem; = --gm3-button-text-label-text-weight: 500; --gm3-button-text-leading-space: = 12px; --gm3-button-text-trailing-space: 4px; --gm3-button-text-with-trailin= g-icon-leading-space: 12px; --gm3-button-text-with-trailing-icon-trailing-s= pace: 4px; --gm3-button-text-container-shape-start-start: 9999px; --gm3-but= ton-text-container-shape-start-end: 9999px; --gm3-button-text-container-sha= pe-end-end: 9999px; --gm3-button-text-container-shape-end-start: 9999px; --= gm3-button-text-pressed-container-shape-start-start: 9999px; --gm3-button-t= ext-pressed-container-shape-start-end: 9999px; --gm3-button-text-pressed-co= ntainer-shape-end-end: 9999px; --gm3-button-text-pressed-container-shape-en= d-start: 9999px; inline-size: fit-content; justify-content: flex-start; pad= ding-inline: 12px 4px; } .appsElementsSidekickZeroStateAiModeConversationHistoryList { --gm3-list-li= st-item-container-color: transparent; --gm3-list-list-item-container-shape:= 9999px; --gm3-list-list-item-content-gap: 4px; --gm3-list-list-item-hover-= state-layer-opacity: 0.08; --gm3-list-list-item-hover-state-layer-shape: 99= 99px; --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface= -variant,#444746); --gm3-list-list-item-label-text-font: "Google Sans Text"= ; --gm3-list-list-item-label-text-line-height: 1.25rem; --gm3-list-list-ite= m-label-text-size: 0.875rem; --gm3-list-list-item-label-text-tracking: 0rem= ; --gm3-list-list-item-label-text-weight: 400; --gm3-list-list-item-leading= -space: 12px; --gm3-list-list-item-one-line-container-height: 28px; --gm3-l= ist-list-item-selected-container-color: transparent; --gm3-list-list-item-s= elected-label-text-color: var(--gm3-sys-color-on-surface-variant,#444746); = --gm3-list-list-item-selected-label-text-weight: 400; --gm3-list-list-item-= selected-trailing-supporting-text-color: var(--gm3-sys-color-outline,#74777= 5); --gm3-list-list-item-selected-trailing-supporting-text-weight: 500; --g= m3-list-list-item-trailing-space: 16px; --gm3-list-list-item-trailing-suppo= rting-text-color: var(--gm3-sys-color-outline,#747775); --gm3-list-list-ite= m-trailing-supporting-text-font: "Google Sans Text"; --gm3-list-list-item-t= railing-supporting-text-line-height: 1rem; --gm3-list-list-item-trailing-su= pporting-text-size: 0.75rem; --gm3-list-list-item-trailing-supporting-text-= tracking: 0.00625rem; --gm3-list-list-item-trailing-supporting-text-weight:= 500; --gm3-list-list-item-control-selected-container-color: transparent; -= -gm3-list-list-item-control-selected-container-shape: 9999px; --gm3-list-li= st-item-control-selected-hover-state-layer-opacity: 0.08; --gm3-list-list-i= tem-control-selected-label-text-color: var(--gm3-sys-color-on-surface-varia= nt,#444746); --gm3-list-list-item-control-selected-label-text-weight: 400; = --gm3-list-list-item-control-selected-trailing-supporting-text-color: var(-= -gm3-sys-color-outline,#747775); --gm3-list-list-item-control-selected-trai= ling-supporting-text-weight: 500; --gm3-list-list-item-hover-state-layer-sh= ape-start-start: 9999px; --gm3-list-list-item-hover-state-layer-shape-start= -end: 9999px; --gm3-list-list-item-hover-state-layer-shape-end-end: 9999px;= --gm3-list-list-item-hover-state-layer-shape-end-start: 9999px; --gm3-list= -list-item-control-selected-container-shape-start-start: 9999px; --gm3-list= -list-item-control-selected-container-shape-start-end: 9999px; --gm3-list-l= ist-item-control-selected-container-shape-end-end: 9999px; --gm3-list-list-= item-control-selected-container-shape-end-start: 9999px; --gm3-list-list-it= em-container-shape-start-start: 9999px; --gm3-list-list-item-container-shap= e-start-end: 9999px; --gm3-list-list-item-container-shape-end-end: 9999px; = --gm3-list-list-item-container-shape-end-start: 9999px; --gm3-list-containe= r-shape-end-end: 9999px; --gm3-list-container-shape-end-start: 9999px; --gm= 3-list-container-shape-start-end: 9999px; --gm3-list-container-shape-start-= start: 9999px; --gm3-list-list-item-selected-container-shape-end-end: 9999p= x; --gm3-list-list-item-selected-container-shape-end-start: 9999px; --gm3-l= ist-list-item-selected-container-shape-start-end: 9999px; --gm3-list-list-i= tem-selected-container-shape-start-start: 9999px; --gm3-list-focus-indicato= r-shape-end-end: 9999px; --gm3-list-focus-indicator-shape-end-start: 9999px= ; --gm3-list-focus-indicator-shape-start-end: 9999px; --gm3-list-focus-indi= cator-shape-start-start: 9999px; --gm3-list-list-item-fallback-selection-en= d-margin: 0; --gm3-list-list-item-fallback-selection-content-gap: 4px; gap:= 0px; padding-block-end: 16px; } @keyframes apps-elements-sidekick-zero-state-slide-in {=20 0% { opacity: 0; transform: translateY(-15px) scale(0.95); } 100% { opacity: 1; transform: translateY(0px) scale(1); } } @keyframes apps-elements-sidekick-zero-state-slide-out {=20 0% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(15px) scale(1.05); } } .appsElementsPurchaseCardRoot { display: flex; inline-size: fit-content; te= xt-align: center; min-inline-size: var(--ae-sidekick-collapsed-inline-size,= 320px); } .appsElementsPurchaseCardCard { --gm3-card-outlined-container-color: var(--= ae-sidekick-container-color,var(--gm3-sys-color-surface,#fff)); --gm3-card-= outlined-hover-outline-color: var(--ae-sidekick-panel-outline-color,var(--a= e-sidekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1))); --= gm3-card-outlined-outline-color: var(--ae-sidekick-panel-outline-color,var(= --ae-sidekick-outline-color,var(--gm3-sys-color-surface-variant,#e1e3e1)));= --gm3-card-outlined-pressed-outline-color: var(--ae-sidekick-panel-outline= -color,var(--ae-sidekick-outline-color,var(--gm3-sys-color-surface-variant,= #e1e3e1))); --gm3-card-outlined-container-shape-start-start: 16px; --gm3-ca= rd-outlined-container-shape-start-end: 16px; --gm3-card-outlined-container-= shape-end-end: 16px; --gm3-card-outlined-container-shape-end-start: 16px; i= nline-size: 320px; overflow: hidden; } .appsElementsPurchaseCardHeader { display: flex; justify-content: space-bet= ween; align-items: center; padding: 8px 8px 8px 16px; gap: 8px; color: var(= --gm3-sys-color-on-surface-variant,#444746); } .appsElementsPurchaseCardHeaderIcon { color: var(--gm3-sys-color-on-surface= ,#1f1f1f); } .appsElementsPurchaseCardHeaderTitleContainer { display: flex; flex-grow: 1= ; align-items: center; gap: 8px; min-inline-size: 0px; } .appsElementsPurchaseCardHeaderTitle { font-family: "Google Sans", Roboto, = Arial, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 0px; = line-height: 1.5rem; font-optical-sizing: none; margin: unset; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); text-overflow: ellipsis; overflow: hidd= en; white-space: nowrap; } .appsElementsPurchaseCardHeaderButtonsContainer { display: flex; align-item= s: center; } .appsElementsPurchaseCardHeaderButton { --gm3-icon-button-standard-containe= r-height: 32px; --gm3-icon-button-standard-container-width: 32px; --gm3-ico= n-button-standard-icon-size: 20px; --gm3-icon-button-standard-touch-target-= size: 32px; } .appsElementsPurchaseCardHeaderButtonTooltipAnchorWrapper { block-size: 32p= x; display: flex; } .appsElementsPurchaseCardFooter { font-family: "Google Sans", Roboto, Arial= , sans-serif; font-size: 0.75rem; font-weight: 400; letter-spacing: 0.00625= rem; line-height: 1rem; margin-block: 16px; } .appsElementsPurchaseCardPurchaseCard { display: flex; flex-direction: colu= mn; flex-grow: 1; } .appsElementsPurchaseCardContent { flex: 1 1 0px; overflow-y: auto; padding= -inline: 20px; } .appsElementsPurchaseCardMedia { inline-size: 100%; } .appsElementsPurchaseCardTitle { font-family: "Google Sans", Roboto, Arial,= sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.75rem; let= ter-spacing: -0.03rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); text= -align: start; text-wrap: pretty; } .appsElementsPurchaseCardSubtitle { font-family: "Google Sans", Roboto, Ari= al, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px;= line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#44474= 6); text-align: start; text-wrap: pretty; } .appsElementsPurchaseCardFeaturesList { display: flex; flex-direction: colu= mn; gap: 16px; list-style-type: none; padding-inline-start: 0px; } .appsElementsPurchaseCardFeature { align-items: start; display: flex; gap: = 16px; } .appsElementsPurchaseCardFeatureImage { block-size: 18px; flex-shrink: 0; i= nline-size: 18px; } .appsElementsPurchaseCardFeatureText { align-items: start; display: flex; f= lex-direction: column; } .appsElementsPurchaseCardFeatureTitle { font-family: "Google Sans", Roboto,= Arial, sans-serif; font-size: 0.875rem; font-weight: 500; letter-spacing: = 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface,#1f1f1f); = text-align: start; } .appsElementsPurchaseCardFeatureDetails { font-family: "Google Sans", Robot= o, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing= : 0px; line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,= #444746); text-align: start; } .appsElementsPurchaseCardSubline { font-family: "Google Sans", Roboto, Aria= l, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0px; = line-height: 1.25rem; color: var(--gm3-sys-color-on-surface-variant,#444746= ); padding-block-end: 16px; text-align: start; text-wrap: pretty; } .appsElementsPurchaseCardDivider { block-size: 0px; border: 0px; border-blo= ck-end: 1px solid var(--ae-sidekick-panel-outline-color,var(--ae-sidekick-o= utline-color,var(--gm3-sys-color-surface-variant,#e1e3e1))); inline-size: 1= 00%; margin: 0px; } .appsElementsPurchaseCardButtons { padding: 20px 20px 0px; } .appsElementsPurchaseCardPrimaryButton { inline-size: 100%; } .appsElementsStackingSnackbarContainer { z-index: 1004; display: inline-fle= x; flex-direction: column; gap: 0px; position: fixed; bottom: 0px; left: 0p= x; --gm3-snackbar-action-label-text-font: "Google Sans"; --gm3-snackbar-sup= porting-text-font: "Google Sans"; } .appsElementsToolbarDividerRoot { inline-size: 1px; block-size: calc(100% -= 16px); border-width: medium; border-style: none; border-color: currentcolo= r; border-image: none; overflow: hidden; border-radius: 9999px; background:= var(--gm3-sys-color-outline-variant,#c4c7c5); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .appsElementsToolbarDividerRoot { background: buttonborder; } } .fontsBarCssFontsBar { display: flex; flex-direction: row; align-items: cen= ter; } .fontsBarCssSearchAndSelectDropdowns { display: flex; flex-direction: row; = width: 75%; column-gap: 8px; } .fontsBarCssSearchInput { --gm3-text-field-outlined-container-height: 40px;= --gm3-text-field-outlined-input-text-size: 16px; --gm3-text-field-outlined= -container-shape-start-start: 28px; --gm3-text-field-outlined-container-sha= pe-start-end: 28px; --gm3-text-field-outlined-container-shape-end-start: 28= px; --gm3-text-field-outlined-container-shape-end-end: 28px; --gm3-text-fie= ld-outlined-leading-icon-size: 20px; } .fontsBarCssSearchInputContainer { width: 182px; } .fontsBarCssSearchInputContainerFitInsideDrawingsDialog { width: 150px; } .fontsBarCssClearSearchInputButton { --gm3-icon-button-standard-container-w= idth: 32px; --gm3-icon-button-standard-container-height: 32px; --gm3-icon-b= utton-standard-icon-size: 20px; margin-right: 8px; } .fontsBarCssMyFontsLabel { margin-left: auto; width: 23%; font-size: 0.875r= em; font-weight: 500; color: var(--gm3-sys-color-on-surface,#1f1f1f); } :root { --font-family-style: "Roboto"; } .fontsListCssAllFontsList { --gm3-checkbox-container-size: 18px; --gm3-chec= kbox-state-layer-size: 36px; --gm3-checkbox-touch-target-size: 0px; padding= -block: 0px; } .fontsListCssAllFontsListItem { --gm3-list-list-item-container-color: var(-= -gm3-sys-color-surface-bright,#fff); --gm3-list-list-item-label-text-font: = var(--font-family-style); --gm3-list-list-item-label-text-size: 18px; --gm3= -list-list-item-trailing-supporting-text-font: var(--font-family-style); --= gm3-list-list-item-trailing-supporting-text-size: 18px; --gm3-list-list-ite= m-one-line-container-height: 54px; --gm3-list-list-item-control-selected-co= ntainer-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-list-list-it= em-fallback-selection-end-margin: 0; } .fontsListCssLastAllFontsListItem { --gm3-list-list-item-container-color: v= ar(--gm3-sys-color-surface-bright,#fff); --gm3-list-list-item-label-text-fo= nt: var(--font-family-style); --gm3-list-list-item-label-text-size: 18px; -= -gm3-list-list-item-trailing-supporting-text-font: var(--font-family-style)= ; --gm3-list-list-item-trailing-supporting-text-size: 18px; --gm3-list-list= -item-one-line-container-height: 54px; --gm3-list-list-item-control-selecte= d-container-color: var(--gm3-sys-color-surface-bright,#fff); --gm3-list-lis= t-item-fallback-selection-end-margin: 0; border-bottom-left-radius: 8px; bo= rder-bottom-right-radius: 8px; } .fontsListCssSelectedFontsList { margin: 0px; padding-inline: 0px; list-sty= le-type: none; } .fontsListCssSelectedFontsListItem { font-family: var(--font-family-style);= font-size: 0.875rem; display: flex; justify-content: space-between; align-= items: center; padding-block: 8px; padding-inline: 16px; background-color: = var(--gm3-sys-color-surface-bright,#fff); position: relative; } .fontsListCssLastSelectedFontsListItem { font-family: var(--font-family-sty= le); font-size: 0.875rem; display: flex; justify-content: space-between; al= ign-items: center; padding-block: 8px; padding-inline: 16px; background-col= or: var(--gm3-sys-color-surface-bright,#fff); position: relative; border-bo= ttom-left-radius: 8px; border-bottom-right-radius: 8px; } .fontsListCssSelectedFontsListItemButton { --gm3-icon-button-standard-icon-= size: 16px; --gm3-icon-button-standard-container-height: 16px; --gm3-icon-b= utton-standard-container-width: 16px; margin-top: 50%; } .fontsListCssRemoveSelectedFontTooltip { z-index: 5001; } .fontsListCssNoFontsFoundContainer { background-color: var(--gm3-sys-color-= surface-bright,#fff); width: 100%; height: 100%; } .fontsListCssNoFontsFoundMessage { padding: 20px; } .fontsPickerCssRoot { --ghukTc: flex; --RSexXb: 877px; --XFrvOb: 652px; --T= lqqfc: unset; --rimZob: unset; --jyRJEe: 14px; } .fontsPickerCssRootFitInsideDrawingsDialog { --ghukTc: flex; --RSexXb: 100v= w; --XFrvOb: 85%; --WhNlI: 85%; --Tlqqfc: unset; --rimZob: unset; --jyRJEe:= 14px; } .fontsPickerCssContentContainer { display: flex; flex-direction: column; wi= dth: 100%; height: 100%; gap: 16px; } .fontsPickerCssFontsListsContainer { display: flex; flex-direction: row; wi= dth: 100%; height: 85%; } .fontsPickerCssAllFontsListContainer { width: 75%; height: 100%; overflow-y= : auto; border-radius: 8px; } .fontsPickerCssSelectedFontsListContainer { margin-left: auto; width: 23%; = height: 100%; overflow-y: auto; border-radius: 8px; } .fontsPickerCssLoadingCircularProgress { transform: translate(-50%, -50%); = position: absolute; left: 50%; top: 50%; } .fontsPickerCssCancelButton { --gm3-button-text-container-height: 40px; mar= gin-right: 8px; } .fontsPickerCssDoneButton { --gm3-button-filled-container-height: 40px; } .fontsSelectDropdownSelectDropdown { --gm3-select-shared-text-field-contain= er-width: 138px; --gm3-select-shared-text-field-container-height: 40px; --g= m3-select-shared-text-field-input-text-size: 16px; --gm3-select-shared-menu= -list-item-label-text-size: 16px; } .fontsSelectDropdownSelectDropdownFitInsideDrawingsDialog { --gm3-select-sh= ared-text-field-container-width: 130px; --gm3-select-shared-text-field-cont= ainer-height: 40px; --gm3-select-shared-text-field-input-text-size: 16px; -= -gm3-select-shared-menu-list-item-label-text-size: 16px; } .pickerIframeDialogContentContainer:has(.pickerIframeDialogQuickHidden), .p= ickerIframeDialogPreloadedDialogWrapper:has(.pickerIframeDialogQuickHidden)= { display: none !important; } .pickerIframeDialogContentContainer { --WhNlI: max(calc(min(100vw * 0.618, = 100vh)*0.85),480px); --pjsEwc: max(min(calc(min(100vw * 0.618, 100vh)*0.85)= /0.618,100vw),320px); } .pickerIframeDialogIWPickerFrameContainer { height: 100%; width: 100%; left= : 0px; top: 0px; position: absolute; } .pickerIframeDialogIWPickerCloseButtonContainer { position: absolute; right= : 16px; top: 18px; z-index: 100; } .pickerIframeDialogPreloadedDialogWrapper { display: none; position: fixed;= top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2001; align-items= : center; justify-content: center; } .pickerIframeDialogPreloadedDialogWrapperVisible { display: flex; } .pickerIframeDialogPreloadedDialogScrim { top: 0px; left: 0px; width: 100%;= height: 100%; z-index: -1; background-color: rgba(var(--gm3-sys-color-scri= m-rgb,0,0,0),.32); position: absolute; } .pickerIframeDialogPreloadedDialog { position: relative; background-color: = var(--gm3-sys-color-surface-container-high,#e9eef6); border-radius: 28px; b= ox-shadow: rgba(60, 64, 67, 0.15) 0px 4px 8px 3px, rgba(60, 64, 67, 0.3) 0p= x 1px 3px; min-height: max(0.85 * min(61.8vw, 100vh), 480px); height: max(0= .85 * min(61.8vw, 100vh), 480px); min-width: max(min(1.3754 * min(61.8vw, 1= 00vh), 100vw), 320px); width: max(min(1.3754 * min(61.8vw, 100vh), 100vw), = 320px); overflow: hidden; } .pixEmbeddedUiEmbeddedPixContainer { --ae-genai-generation-gradient: linear= -gradient(135deg,#217bfe,#078efb,#ac87eb,#217bfe); position: fixed; top: 0p= x; left: 0px; width: 100%; height: 100%; background: color-mix(in srgb,var(= --gm3-sys-color-scrim,#000) 90%,transparent); display: flex; justify-conten= t: center; align-items: center; opacity: 1; visibility: visible; } .pixEmbeddedUiEmbeddedPixTopGradient { position: absolute; top: 0px; left: = 0px; width: 100%; height: 100px; background: linear-gradient(180deg,color-m= ix(in srgb,var(--gm3-sys-color-scrim,#000) 90%,transparent) 0,color-mix(in = srgb,var(--gm3-sys-color-scrim,#000) 76%,transparent) 12.5%,color-mix(in sr= gb,var(--gm3-sys-color-scrim,#000) 58%,transparent) 25%,color-mix(in srgb,v= ar(--gm3-sys-color-scrim,#000) 41%,transparent) 38%,color-mix(in srgb,var(-= -gm3-sys-color-scrim,#000) 27%,transparent) 50%,color-mix(in srgb,var(--gm3= -sys-color-scrim,#000) 15%,transparent) 63%,color-mix(in srgb,var(--gm3-sys= -color-scrim,#000) 7%,transparent) 75%,color-mix(in srgb,var(--gm3-sys-colo= r-scrim,#000) 2%,transparent) 87.5%,transparent 100%); z-index: -1; } .pixEmbeddedUiEmbeddedPixIframe { width: 100%; height: 100%; border-width: = medium; border-style: none; border-color: currentcolor; border-image: none;= background-color: transparent; opacity: 0; } .pixEmbeddedUiEmbeddedPixIframeConnected { opacity: 1; } .pixEmbeddedUiEmbeddedPixCloseButton { margin-left: 8px; cursor: pointer; -= -gm3-icon-button-standard-container-height: 32px; --gm3-icon-button-standar= d-container-width: 32px; --gm3-icon-button-standard-icon-size: 24px; --gm3-= icon-button-standard-unselected-focus-icon-color: #fff; --gm3-icon-button-s= tandard-unselected-hover-icon-color: #fff; --gm3-icon-button-standard-unsel= ected-hover-state-layer-color: #fff; --gm3-icon-button-standard-unselected-= icon-color: #fff; --gm3-icon-button-standard-unselected-pressed-icon-color:= #fff; } .pixEmbeddedUiEmbeddedPixCloseIcon { color: rgb(255, 255, 255); } .pixEmbeddedUiEmbeddedPixMockTitlebar { position: absolute; top: 0px; left:= 0px; width: 100%; height: 64px; display: flex; align-items: center; justif= y-content: space-between; padding: 0px 16px; box-sizing: border-box; } .pixEmbeddedUiEmbeddedPixHidden { opacity: 0; pointer-events: none; visibil= ity: hidden; transition: none; } .pixEmbeddedUiEmbeddedPixMinimized { position: absolute; left: -10000px; to= p: -10000px; visibility: hidden; } .pixEmbeddedUiEmbeddedPixPlaceholderOverlay { position: absolute; top: 64px= ; left: 0px; width: 100%; height: calc(100% - 228px); display: flex; justif= y-content: center; align-items: center; opacity: 1; visibility: visible; tr= ansition: opacity 0.15s cubic-bezier(0, 0, 0, 1), visibility 0.15s step-sta= rt; --aspect-ratio: 1; } .pixEmbeddedUiEmbeddedPixPlaceholderOverlayHidden { opacity: 0; pointer-eve= nts: none; visibility: hidden; transition: opacity 0.15s cubic-bezier(0.3, = 0, 1, 1), visibility 0.15s step-end; } .pixEmbeddedUiEmbeddedPixImage, .pixEmbeddedUiEmbeddedPixImageOverlay { pos= ition: absolute; width: min(100vw - var(--workspace-padding,32px),(100vh - = 64px - 164px - var(--workspace-padding,32px)) * var(--aspect-ratio)); heigh= t: min(100vh - 64px - 164px - var(--workspace-padding,32px),(100vw - var(--= workspace-padding,32px))/var(--aspect-ratio)); overflow: hidden; } .pixEmbeddedUiEmbeddedPixImageOverlay { background-color: rgb(0, 0, 0); opa= city: 0.7; } .pixEmbeddedUiEmbeddedPixImageContainer { position: relative; } .pixEmbeddedUiEmbeddedPixSkeletonChromeContainer { display: flex; justify-c= ontent: space-between; align-items: center; height: 100%; flex-grow: 1; } .pixEmbeddedUiEmbeddedPixSkeletonToolbarContainer { display: flex; justify-= content: center; position: absolute; width: 100%; } .pixEmbeddedUiEmbeddedPixSkeletonPromptBarContainer { display: flex; justif= y-content: center; position: absolute; width: 100%; bottom: 16px; } .pixEmbeddedUiEmbeddedPixSkeletonChrome { background-color: rgb(40, 42, 44)= ; border-radius: 28px; } .pixEmbeddedUiEmbeddedPixSkeletonPromptBarContainer .pixEmbeddedUiEmbeddedP= ixSkeletonChrome { border-radius: 16px; } .appsPixUiWizLoadingAnimationFrame { --scale: 0.42; background: transparent= ; flex: 0 0 auto; height: calc(1300px*var(--scale)); overflow: hidden; widt= h: calc(1300px*var(--scale)); } .appsPixUiWizLoadingAnimationComp { height: 1300px; position: relative; tra= nsform-origin: 0px 0px; transform: scale(var(--scale)); width: 1300px; } .appsPixUiWizLoadingAnimationAbsolute { height: 0px; left: 0px; position: a= bsolute; top: 0px; width: 0px; } .appsPixUiWizLoadingAnimationCompPix { --dur: 2.5416667s; } .appsPixUiWizLoadingAnimationCardPos { transform: translate(663.976px, 703.= 5px); animation: p-card-pos var(--dur) linear infinite; } .appsPixUiWizLoadingAnimationCardRot { animation: p-card-rot var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationCardAnc { animation: p-card-anc var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationCardSvg { animation: p-card-blur var(--dur) li= near infinite,p-card-o var(--dur) linear infinite; left: -140.738px; positi= on: absolute; top: -208.703px; will-change: filter, opacity; } @keyframes p-card-pos {=20 0% { transform: translate(852.976px, 703.5px); } 9.8361% { transform: translate(852.976px, 703.5px); animation-timing-func= tion: cubic-bezier(0.167, 0.167, 0, 1); } 49.1803% { transform: translate(663.976px, 703.5px); animation-timing-fun= ction: linear; } 52.459% { transform: translate(663.976px, 703.5px); animation-timing-func= tion: cubic-bezier(1, 0, 0.833, 0.833); } 85.2459% { transform: translate(513.976px, 703.5px); } 100% { transform: translate(513.976px, 703.5px); } } @keyframes p-card-rot {=20 0% { transform: rotate(37deg); } 9.8361% { transform: rotate(37deg); animation-timing-function: cubic-bezi= er(0, 0, 0, 1); } 29.5082% { transform: rotate(0deg); animation-timing-function: cubic-bezi= er(0.333, 0, 0.667, 1); } 63.9344% { transform: rotate(0deg); animation-timing-function: cubic-bezi= er(1, 0, 1, 1); } 85.2459% { transform: rotate(-37deg); } 100% { transform: rotate(-37deg); } } @keyframes p-card-anc {=20 0% { transform: translate(0px); } 9.8361% { transform: translate(0px); animation-timing-function: linear; } 90.1639% { transform: translate(-17px); } 100% { transform: translate(-17px); } } @keyframes p-card-blur {=20 0% { filter: blur(50px); animation-timing-function: linear; } 9.8361% { filter: blur(50px); animation-timing-function: linear; } 13.1148% { filter: blur(35px); animation-timing-function: linear; } 16.3934% { filter: blur(23px); animation-timing-function: linear; } 19.6721% { filter: blur(12px); animation-timing-function: linear; } 22.9508% { filter: blur(5px); animation-timing-function: linear; } 26.2295% { filter: blur(1.8px); animation-timing-function: linear; } 29.5082% { filter: blur(0.5px); animation-timing-function: linear; } 32.7869% { filter: blur(0px); animation-timing-function: linear; } 68.8525% { filter: blur(0px); animation-timing-function: linear; } 77.0492% { filter: blur(10px); animation-timing-function: linear; } 81.9672% { filter: blur(20px); animation-timing-function: linear; } 85.2459% { filter: blur(28px); animation-timing-function: linear; } 100% { filter: blur(30px); } } @keyframes p-card-o {=20 0% { opacity: 0; animation-timing-function: linear; } 9.0164% { opacity: 0; animation-timing-function: linear; } 9.8361% { opacity: 0.4; animation-timing-function: linear; } 13.1148% { opacity: 0.6; animation-timing-function: linear; } 16.3934% { opacity: 0.8; animation-timing-function: linear; } 19.6721% { opacity: 0.95; animation-timing-function: linear; } 22.9508% { opacity: 1; animation-timing-function: linear; } 75.4098% { opacity: 1; animation-timing-function: linear; } 86.8852% { opacity: 0; animation-timing-function: linear; } 100% { opacity: 0; } } .appsPixUiWizLoadingAnimationGlowClip { animation: p-card-o var(--dur) line= ar infinite; clip-path: path("M 196.334 0 L 85.142 0 C 17.476 0 0.425 34.20= 3 0.425 84.717 L 0 198.439 C 0 245.203 13.976 283.156 84.717 283.156 L 195.= 908 283.156 C 260.476 283.156 280.626 255.203 280.626 198.439 L 281.051 84.= 717 C 281.051 31.703 258.976 0 196.334 0 Z"); height: 283.156px; left: -140= .738px; top: -208.703px; width: 281.051px; } .appsPixUiWizLoadingAnimationUndoAnc { animation: p-undo-anc var(--dur) lin= ear infinite; left: 140.738px; top: 208.703px; } .appsPixUiWizLoadingAnimationUndoRot { animation: p-undo-rot var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationUndoPos { animation: p-undo-pos var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationGlowPos { transform: translate(663.976px, 713.= 5px); animation: p-glow-pos var(--dur) linear infinite; } .appsPixUiWizLoadingAnimationGlowFix { animation: p-glow-fix var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationGlowRot { animation: p-glow-rot var(--dur) lin= ear infinite; } @keyframes p-glow-fix {=20 0% { transform: translate(0px); } 13.1148% { transform: translate(0px); animation-timing-function: linear; = } 19.6721% { transform: translateY(-5px); animation-timing-function: linear= ; } 26.2295% { transform: translate(20px, -17px); animation-timing-function: = linear; } 32.7869% { transform: translate(-25px, 21px); animation-timing-function: = linear; } 39.3443% { transform: translate(-32px, 28px); animation-timing-function: = linear; } 45.9016% { transform: translate(-20px, 14px); animation-timing-function: = linear; } 52.459% { transform: translate(-10px, 4px); animation-timing-function: li= near; } 59.0164% { transform: translate(0px); } 100% { transform: translate(0px); } } .appsPixUiWizLoadingAnimationGlowSvg { animation: p-glow-o var(--dur) linea= r infinite; filter: blur(75px); left: -267.738px; position: absolute; top: = -131.703px; will-change: opacity; } @keyframes p-undo-anc {=20 0% { transform: translate(0px); } 9.8361% { transform: translate(0px); animation-timing-function: linear; } 90.1639% { transform: translate(17px); } 100% { transform: translate(17px); } } @keyframes p-undo-rot {=20 0% { transform: rotate(-37deg); } 9.8361% { transform: rotate(-37deg); animation-timing-function: cubic-bez= ier(0, 0, 0, 1); } 29.5082% { transform: rotate(0deg); animation-timing-function: cubic-bezi= er(0.333, 0, 0.667, 1); } 63.9344% { transform: rotate(0deg); animation-timing-function: cubic-bezi= er(1, 0, 1, 1); } 85.2459% { transform: rotate(37deg); } 100% { transform: rotate(37deg); } } @keyframes p-undo-pos {=20 0% { transform: translate(-852.976px, -703.5px); } 9.8361% { transform: translate(-852.976px, -703.5px); animation-timing-fu= nction: cubic-bezier(0.167, 0.167, 0, 1); } 49.1803% { transform: translate(-663.976px, -703.5px); animation-timing-f= unction: linear; } 52.459% { transform: translate(-663.976px, -703.5px); animation-timing-fu= nction: cubic-bezier(1, 0, 0.833, 0.833); } 85.2459% { transform: translate(-513.976px, -703.5px); } 100% { transform: translate(-513.976px, -703.5px); } } @keyframes p-glow-pos {=20 0% { transform: translate(852.976px, 713.5px); } 4.918% { transform: translate(852.976px, 713.5px); animation-timing-funct= ion: cubic-bezier(0.167, 0.167, 0, 1); } 44.2623% { transform: translate(663.976px, 713.5px); animation-timing-fun= ction: linear; } 63.9344% { transform: translate(663.976px, 713.5px); animation-timing-fun= ction: cubic-bezier(1, 0, 0.833, 0.833); } 80.3279% { transform: translate(513.976px, 713.5px); } 100% { transform: translate(513.976px, 713.5px); } } @keyframes p-glow-rot {=20 0% { transform: rotate(16deg); } 4.918% { transform: rotate(16deg); animation-timing-function: cubic-bezie= r(0, 0, 0, 1); } 24.5902% { transform: rotate(-18deg); animation-timing-function: cubic-be= zier(0.333, 0, 0.667, 1); } 63.9344% { transform: rotate(-18deg); animation-timing-function: cubic-be= zier(1, 0, 1, 1); } 80.3279% { transform: rotate(-63deg); } 100% { transform: rotate(-63deg); } } @keyframes p-glow-o {=20 0% { opacity: 0; animation-timing-function: step-end; } 9.8361% { opacity: 1; animation-timing-function: linear; } 68.8525% { opacity: 1; animation-timing-function: linear; } 78.6885% { opacity: 0; } 100% { opacity: 0; } } .appsPixUiWizLoadingAnimationBackPos { transform: translate(663.976px, 713.= 5px); animation: p-back-pos var(--dur) linear infinite; } .appsPixUiWizLoadingAnimationBackRot { transform: rotate(-18deg); animation= : p-back-rot var(--dur) linear infinite; } .appsPixUiWizLoadingAnimationBackAnc { animation: p-back-anc var(--dur) lin= ear infinite; } .appsPixUiWizLoadingAnimationBackSvg { animation: p-back-blur var(--dur) li= near infinite,p-back-o var(--dur) linear infinite; left: -140.738px; positi= on: absolute; top: -208.703px; will-change: filter, opacity; } @keyframes p-back-pos {=20 0% { transform: translate(852.976px, 713.5px); } 4.918% { transform: translate(852.976px, 713.5px); animation-timing-funct= ion: cubic-bezier(0.167, 0.167, 0, 1); } 44.2623% { transform: translate(663.976px, 713.5px); animation-timing-fun= ction: linear; } 57.377% { transform: translate(663.976px, 713.5px); animation-timing-func= tion: cubic-bezier(1, 0, 0.833, 0.833); } 88.5246% { transform: translate(513.976px, 713.5px); } 100% { transform: translate(513.976px, 713.5px); } } @keyframes p-back-rot {=20 0% { transform: rotate(16deg); } 4.918% { transform: rotate(16deg); animation-timing-function: cubic-bezie= r(0, 0, 0, 1); } 24.5902% { transform: rotate(-18deg); animation-timing-function: cubic-be= zier(0.333, 0, 0.667, 1); } 63.9344% { transform: rotate(-18deg); animation-timing-function: cubic-be= zier(1, 0, 1, 1); } 80.3279% { transform: rotate(-63deg); } 100% { transform: rotate(-63deg); } } @keyframes p-back-anc {=20 0% { transform: translate(0px); } 4.918% { transform: translate(0px); animation-timing-function: linear; } 85.2459% { transform: translate(-17px); } 100% { transform: translate(-17px); } } @keyframes p-back-blur {=20 0% { filter: blur(70px); } 4.918% { filter: blur(70px); animation-timing-function: linear; } 8.1967% { filter: blur(40px); animation-timing-function: linear; } 11.4754% { filter: blur(24px); animation-timing-function: linear; } 14.7541% { filter: blur(12px); animation-timing-function: linear; } 18.0328% { filter: blur(6px); animation-timing-function: linear; } 21.3115% { filter: blur(2.5px); animation-timing-function: linear; } 24.5902% { filter: blur(1px); animation-timing-function: linear; } 27.8689% { filter: blur(0px); animation-timing-function: linear; } 63.9344% { filter: blur(0px); animation-timing-function: linear; } 73.7705% { filter: blur(10px); animation-timing-function: linear; } 81.9672% { filter: blur(25px); animation-timing-function: linear; } 100% { filter: blur(30px); } } @keyframes p-back-o {=20 0% { opacity: 0; } 3.2787% { opacity: 0; animation-timing-function: linear; } 4.918% { opacity: 0.28; animation-timing-function: linear; } 6.5574% { opacity: 0.42; animation-timing-function: linear; } 8.1967% { opacity: 0.6; animation-timing-function: linear; } 9.8361% { opacity: 0.8; animation-timing-function: linear; } 13.1148% { opacity: 0.95; animation-timing-function: linear; } 16.3934% { opacity: 1; animation-timing-function: linear; } 68.8525% { opacity: 1; animation-timing-function: linear; } 78.6885% { opacity: 0; } 100% { opacity: 0; } } .appsPixUiWizLoadingAnimationLineSvg { animation: p-line-blur var(--dur) li= near infinite,p-line-o var(--dur) linear infinite; left: -104.156px; positi= on: absolute; top: -125.5px; will-change: filter, opacity; } @keyframes p-line-o {=20 0% { opacity: 0; } 9.8361% { opacity: 0; animation-timing-function: linear; } 21.3115% { opacity: 1; animation-timing-function: linear; } 72.1311% { opacity: 1; animation-timing-function: linear; } 83.6066% { opacity: 0; animation-timing-function: linear; } 100% { opacity: 0; } } @keyframes p-line-blur {=20 0% { filter: blur(150px); animation-timing-function: cubic-bezier(0.167, = 0.167, 0, 1); } 22.9508% { filter: blur(0px); animation-timing-function: linear; } 63.9344% { filter: blur(0px); animation-timing-function: linear; } 77.0492% { filter: blur(15px); animation-timing-function: linear; } 85.2459% { filter: blur(30px); animation-timing-function: linear; } 100% { filter: blur(35px); } } @media (max-width: 1328px) { .sketchyUnnestedDialogFloatingSheetContainer { --Tlqqfc: 100vw; } } @media (min-width: 1328px) { .sketchyUnnestedDialogFloatingSheetContainer { --Tlqqfc: 1328px; } } .sketchyUnnestedDialogFloatingSheetContainer button { display: none; } .sketchyUnnestedDialogSketchyDialog { padding: 10px; } .sketchyUnnestedDialogSketchyDialog button { display: initial; } .sketchyUnnestedDialogSketchyDialogHeader { display: flex; justify-content:= space-between; align-items: center; padding: 10px; } .sketchyUnnestedDialogSketchyDialogHeaderTitle { position: relative; box-si= zing: border-box; text-align: start; display: flex; flex-shrink: 1; margin:= 0px; padding: 24px 24px 16px; flex-grow: 1; color: var(--gm3-sys-color-on-= surface,#1f1f1f); font-family: "Google Sans"; line-height: 2rem; font-size:= 1.5rem; letter-spacing: 0px; font-weight: 400; } .sketchyUnnestedDialogSketchyDialogHeaderTitle::before { display: inline-bl= ock; width: 0px; height: 0px; content: ""; vertical-align: 0px; } .aeDebugCommonActionButton, .aeDebugCommonLinks .aeDebugCommonActionButton:= link, .aeDebugCommonLinks .aeDebugCommonActionButton:visited { align-items:= center; background-color: var(--gm3-sys-color-surface-container-lowest,#ff= f); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); border-= radius: 12px; box-sizing: border-box; color: var(--gm3-sys-color-primary,#0= b57d0); cursor: pointer; display: inline-flex; font-family: "Google Sans", = Roboto, RobotoDraft, Helvetica, Arial, sans-serif; font-size: 0.6875rem; fo= nt-weight: 500; height: 24px; line-height: 1rem; margin: 0px; padding-block= : 0px; padding-inline: 10px; text-decoration: none; white-space: nowrap; } .aeDebugCommonActionButton:focus-visible, .aeDebugCommonActionButton:hover,= .aeDebugCommonLinks .aeDebugCommonActionButton:link:focus-visible, .aeDebu= gCommonLinks .aeDebugCommonActionButton:link:hover, .aeDebugCommonLinks .ae= DebugCommonActionButton:visited:focus-visible, .aeDebugCommonLinks .aeDebug= CommonActionButton:visited:hover { background-color: var(--gm3-sys-color-se= condary-container,#c2e7ff); color: var(--gm3-sys-color-on-secondary-contain= er,#004a77); text-decoration: none; } .aeDebugCommonSectionHeader { align-items: center; display: flex; justify-c= ontent: space-between; margin-block: 12px 4px; margin-inline: 0px; } .aeDebugCommonSectionTitle { color: var(--gm3-sys-color-on-surface-variant,= #444746); font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial= , sans-serif; font-size: 0.75rem; font-weight: 500; line-height: 1rem; marg= in-block: 12px 4px; margin-inline: 0px; } .aeDebugCommonSectionHeader .aeDebugCommonSectionTitle { margin: 0px; } .aeDebugCommonHierarchyList { display: flex; flex-direction: column; gap: 4= px; } .aeDebugCommonHierarchyRow { align-items: center; display: flex; font-famil= y: monospace; font-size: 0.6875rem; gap: 6px; min-width: 0px; } .aeDebugCommonChip, .aeDebugCommonChip:active, .aeDebugCommonChip:hover, .a= eDebugCommonChip:link, .aeDebugCommonChip:visited { border-radius: 8px; fle= x-shrink: 0; font-family: monospace; font-size: 0.6875rem; font-weight: 500= ; line-height: 1rem; padding-block: 1px; padding-inline: 8px; text-decorati= on: none; } .aeDebugCommonChipSeparator { color: var(--gm3-sys-color-on-surface-variant= ,#444746); flex-shrink: 0; font-family: monospace; font-weight: 700; } .aeDebugCommonHierarchyDesc { color: var(--gm3-sys-color-on-surface-variant= ,#444746); flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-s= pace: nowrap; } .aeDebugCommonTable { border-collapse: collapse; width: 100%; } .aeDebugCommonRowLabel { color: var(--gm3-sys-color-on-surface-variant,#444= 746); font-family: monospace; font-size: 0.6875rem; font-weight: 400; paddi= ng-block: 1px; padding-inline: 0px 6px; text-align: start; vertical-align: = top; white-space: nowrap; } .aeDebugCommonRowValue { color: var(--gm3-sys-color-on-surface,#1f1f1f); fo= nt-family: monospace; font-size: 0.6875rem; padding-block: 1px; padding-inl= ine: 0px; vertical-align: top; word-break: break-all; } .aeDebugCommonPreContainer { margin-block: 2px 0px; margin-inline: 0px; } .aeDebugCommonPreToolbar { display: flex; justify-content: flex-end; margin= -block-end: 2px; } .aeDebugCommonPre { background-color: var(--gm3-sys-color-surface-container= -lowest,#fff); border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c= 5); border-radius: 4px; color: var(--gm3-sys-color-on-surface,#1f1f1f); fon= t-family: monospace; font-size: 0.6875rem; line-height: 1rem; margin: 0px; = max-height: 240px; overflow: auto; padding: 6px; white-space: pre-wrap; wor= d-break: break-all; } .aeDebugCommonLinks { align-items: center; display: flex; flex-wrap: wrap; = gap: 6px; margin-block: 4px; margin-inline: 0px; } .aeDebugCommonFill0, .aeDebugCommonHierarchyRow .aeDebugCommonFill0:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill0:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill0:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill0:visited { background-color: var(--ws-sys-color-extended-purple-fill,#7= 438d2); color: var(--ws-sys-color-extended-on-purple-fill,#fff); } .aeDebugCommonBorder0 { border-color: var(--ws-sys-color-extended-purple-fi= ll,#7438d2); } .aeDebugCommonFill1, .aeDebugCommonHierarchyRow .aeDebugCommonFill1:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill1:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill1:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill1:visited { background-color: var(--ws-sys-color-extended-blue-fill,#115= 7ce); color: var(--ws-sys-color-extended-on-blue-fill,#fff); } .aeDebugCommonBorder1 { border-color: var(--ws-sys-color-extended-blue-fill= ,#1157ce); } .aeDebugCommonFill2, .aeDebugCommonHierarchyRow .aeDebugCommonFill2:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill2:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill2:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill2:visited { background-color: var(--ws-sys-color-extended-green-fill,#00= 6c35); color: var(--ws-sys-color-extended-on-green-fill,#fff); } .aeDebugCommonBorder2 { border-color: var(--ws-sys-color-extended-green-fil= l,#006c35); } .aeDebugCommonFill3, .aeDebugCommonHierarchyRow .aeDebugCommonFill3:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill3:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill3:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill3:visited { background-color: var(--ws-sys-color-extended-orange-fill,#f= f8d41); color: var(--ws-sys-color-extended-on-orange-fill,#522302); } .aeDebugCommonBorder3 { border-color: var(--ws-sys-color-extended-orange-fi= ll,#ff8d41); } .aeDebugCommonFill4, .aeDebugCommonHierarchyRow .aeDebugCommonFill4:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill4:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill4:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill4:visited { background-color: var(--ws-sys-color-extended-pink-fill,#b60= d6e); color: var(--ws-sys-color-extended-on-pink-fill,#fff); } .aeDebugCommonBorder4 { border-color: var(--ws-sys-color-extended-pink-fill= ,#b60d6e); } .aeDebugCommonFill5, .aeDebugCommonHierarchyRow .aeDebugCommonFill5:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill5:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill5:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill5:visited { background-color: var(--ws-sys-color-extended-red-fill,#b325= 1e); color: var(--ws-sys-color-extended-on-red-fill,#fff); } .aeDebugCommonBorder5 { border-color: var(--ws-sys-color-extended-red-fill,= #b3251e); } .aeDebugCommonFill6, .aeDebugCommonHierarchyRow .aeDebugCommonFill6:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill6:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill6:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill6:visited { background-color: var(--ws-sys-color-extended-yellow-fill,#f= cbd00); color: var(--ws-sys-color-extended-on-yellow-fill,#6d3a01); } .aeDebugCommonBorder6 { border-color: var(--ws-sys-color-extended-yellow-fi= ll,#fcbd00); } .aeDebugCommonFill7, .aeDebugCommonHierarchyRow .aeDebugCommonFill7:active,= .aeDebugCommonHierarchyRow .aeDebugCommonFill7:hover, .aeDebugCommonHierar= chyRow .aeDebugCommonFill7:link, .aeDebugCommonHierarchyRow .aeDebugCommonF= ill7:visited { background-color: var(--ws-sys-color-extended-grey-fill,#5e5= e5e); color: var(--ws-sys-color-extended-on-grey-fill,#fff); } .aeDebugCommonBorder7 { border-color: var(--ws-sys-color-extended-grey-fill= ,#5e5e5e); } .aeVeInspectorMode { cursor: default; } .aeVeInspectorAmbientOverlay { inset: 0px; pointer-events: none; position: = fixed; z-index: 2147483645; } .aeVeInspectorAmbientBox { border: 1px dashed var(--gm3-sys-color-error,#b3= 261e); box-sizing: border-box; pointer-events: none; position: fixed; } .aeVeInspectorOverlay { inset: 0px; pointer-events: none; position: fixed; = z-index: 2147483646; } .aeVeInspectorOverlayBox { border-style: dashed; border-width: 1px; box-siz= ing: border-box; pointer-events: none; position: fixed; } .aeVeInspectorOverlayBoxTarget { border-width: 2px; } .aeVeInspectorOverlayBoxPinned { border-style: solid; } .aeVeInspectorOverlayLabel { border-radius: 4px; font-family: monospace; fo= nt-size: 0.6875rem; inset-inline-start: -2px; line-height: 1rem; padding-bl= ock: 0px; padding-inline: 4px; position: absolute; inset-block-start: -18px= ; white-space: nowrap; } .aeVeInspectorPanel { background-color: var(--gm3-sys-color-surface-contain= er-high,#e9eef6); border: 1px solid var(--gm3-sys-color-outline-variant,#c4= c7c5); border-radius: 12px; box-sizing: border-box; color: var(--gm3-sys-co= lor-on-surface,#1f1f1f); font-family: "Google Sans", Roboto, RobotoDraft, H= elvetica, Arial, sans-serif; font-size: 0.75rem; font-weight: 400; line-hei= ght: 1rem; max-height: calc(-16px + 100vh); max-width: min(640px, -32px + 1= 00vw); min-width: 360px; overflow: auto; padding-block: 12px; padding-inlin= e: 16px; position: fixed; text-align: start; width: 580px; z-index: 2147483= 647; } .aeVeInspectorPanelPinned { border-color: var(--gm3-sys-color-primary,#0b57= d0); border-width: 2px; } .aeVeInspectorHeader { align-items: center; display: flex; flex-wrap: wrap;= gap: 6px; } .aeVeInspectorTitle { color: var(--gm3-sys-color-on-surface,#1f1f1f); flex:= 1 1 0%; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial,= sans-serif; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; m= argin: 0px; } .aeVeInspectorPinnedBadge { background-color: var(--gm3-sys-color-tertiary-= container,#c4eed0); border-radius: 8px; color: var(--gm3-sys-color-on-terti= ary-container,#0f5223); font-family: "Google Sans", Roboto, RobotoDraft, He= lvetica, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; line-he= ight: 1rem; padding-block: 2px; padding-inline: 8px; } .aeVeInspectorClickInfo { font-family: monospace; font-size: 0.6875rem; } .aeVeInspectorClickOk { color: var(--ws-sys-color-extended-on-green-tonal,#= 006c35); } .aeVeInspectorClickWarn { color: var(--gm3-sys-color-error,#b3261e); } .aeVeInspectorHint { color: var(--gm3-sys-color-on-surface-variant,#444746)= ; font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-s= erif; font-size: 0.6875rem; font-weight: 500; line-height: 1rem; margin-blo= ck-start: 8px; } .wizcontribVirtuallistList { overflow: hidden; position: relative; } .wizcontribVirtuallistRow { left: 0px; position: absolute; top: 0px; } .wizcontribVirtuallistAnimated.wizcontribVirtuallistList { transition: heig= ht 0.15s cubic-bezier(0, 0, 0.2, 1); } .wizcontribVirtuallistAnimated .wizcontribVirtuallistRow { transition: tran= sform 0.15s cubic-bezier(0, 0, 0.2, 1); } .quantumWizCommonPositioningScrollableHost { position: relative; } .quantumWizCommonModalBackground { pointer-events: none; transition: opacit= y 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.15s; inset: 0px; position: fixed; op= acity: 0; z-index: 5000; background-color: rgba(0, 0, 0, 0.5); } .quantumWizCommonModalBackground.isOpen { pointer-events: all; transition: = opacity 0.05s cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } .javascriptMaterialdesignGm3WizSnackbar-snackbar { display: none; position:= fixed; inset: auto 0px 0px; align-items: center; justify-content: center; = box-sizing: border-box; z-index: var(--gm3-snackbar-z-index,8); margin: 8px= ; pointer-events: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .javascriptMaterialdesignGm3WizSnackbar-snackbar[popover] { background: non= e; border-width: medium; border-style: none; border-color: currentcolor; bo= rder-image: none; overflow: visible; padding: 0px; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--leading { justify-content= : flex-start; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--closing, .javascriptMater= ialdesignGm3WizSnackbar-snackbar--open, .javascriptMaterialdesignGm3WizSnac= kbar-snackbar--opening { display: flex; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--open .javascriptMateriald= esignGm3WizSnackbar-snackbar__actions, .javascriptMaterialdesignGm3WizSnack= bar-snackbar--open .javascriptMaterialdesignGm3WizSnackbar-snackbar__label = { visibility: visible; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--open .javascriptMateriald= esignGm3WizSnackbar-snackbar__surface { transform: scale(1); opacity: 1; po= inter-events: auto; transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1), t= ransform 0.15s cubic-bezier(0, 0, 0.2, 1); } .javascriptMaterialdesignGm3WizSnackbar-snackbar--closing .javascriptMateri= aldesignGm3WizSnackbar-snackbar__surface { transform: scale(1); transition:= opacity 75ms cubic-bezier(0.4, 0, 1, 1); } .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface { background-colo= r: var(--gm3-snackbar-container-color,var(--gm3-sys-color-inverse-surface,#= 303030)); min-width: 344px; max-width: 672px; padding-inline: 0px 8px; disp= lay: flex; align-items: center; justify-content: flex-start; box-sizing: bo= rder-box; transform: scale(0.8); opacity: 0; border-start-start-radius: var= (--gm3-snackbar-container-shape-start-start,4px); border-start-end-radius: = var(--gm3-snackbar-container-shape-start-end,4px); border-end-end-radius: v= ar(--gm3-snackbar-container-shape-end-end,4px); border-end-start-radius: va= r(--gm3-snackbar-container-shape-end-start,4px); --yXuigc: var(--gm3-snackb= ar-container-elevation,3); --Fe5l0b: var(--gm3-snackbar-container-shadow-co= lor,var(--gm3-sys-color-shadow,#000)); } @media (max-width: 344px), (max-width: 480px) { .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface { min-width: 10= 0%; } } .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface::before { positio= n: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; l= eft: 0px; border: 1px solid transparent; border-radius: inherit; content: "= "; pointer-events: none; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__content { flex: 1 1 auto;= display: grid; grid-template: "icon label actions" / auto 1fr auto; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMateri= aldesignGm3WizSnackbar-snackbar__content { grid-template: "icon label" "act= ions actions" / auto 1fr; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__icon-slot { grid-area: ic= on; align-self: start; padding: 12px; padding-inline-end: 0px; display: fle= x; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__icon-slot :is(i, img, svg= ) { color: var(--gm3-snackbar-icon-color,var(--gm3-sys-color-inverse-on-sur= face,#f2f2f2)); font-size: var(--gm3-snackbar-icon-size,24px); inline-size:= var(--gm3-snackbar-icon-size,24px); block-size: var(--gm3-snackbar-icon-si= ze,24px); } .javascriptMaterialdesignGm3WizSnackbar-snackbar__label { grid-area: label;= color: var(--gm3-snackbar-supporting-text-color,var(--gm3-sys-color-invers= e-on-surface,#f2f2f2)); letter-spacing: var(--gm3-snackbar-supporting-text-= tracking,0); font-size: var(--gm3-snackbar-supporting-text-size,.875rem); f= ont-family: var(--gm3-snackbar-supporting-text-font,"Google Sans Flex","Goo= gle Sans Text","Google Sans",Roboto,Arial,sans-serif); font-weight: var(--g= m3-snackbar-supporting-text-weight,400); line-height: var(--gm3-snackbar-su= pporting-text-line-height,1.25rem); font-variation-settings: var(--gm3-snac= kbar-supporting-text-font-variation-settings,initial); padding-top: 14px; p= adding-bottom: 14px; padding-inline: 16px 8px; margin: 0px; width: 100%; fl= ex-grow: 1; box-sizing: border-box; visibility: hidden; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMateri= aldesignGm3WizSnackbar-snackbar__label { padding-bottom: 8px; padding-inlin= e: 16px 8px; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__icon-slot + .javascriptMa= terialdesignGm3WizSnackbar-snackbar__label { padding-inline-start: 8px; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__actions { grid-area: acti= ons; display: flex; flex-shrink: 0; align-items: center; box-sizing: border= -box; visibility: hidden; } .javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMateri= aldesignGm3WizSnackbar-snackbar__actions { justify-self: end; margin-bottom= : 4px; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__action + .javascriptMater= ialdesignGm3WizSnackbar-snackbar__dismiss { margin-inline: 8px 0px; } .javascriptMaterialdesignGm3WizSnackbar-snackbar__action { --gm3-button-tex= t-focus-label-text-color: var(--gm3-snackbar-action-focus-label-text-color,= var(--gm3-sys-color-inverse-primary,#a8c7fa)); --gm3-button-text-hover-labe= l-text-color: var(--gm3-snackbar-action-hover-label-text-color,var(--gm3-sy= s-color-inverse-primary,#a8c7fa)); --gm3-button-text-hover-state-layer-colo= r: var(--gm3-snackbar-action-hover-state-layer-color,var(--gm3-sys-color-in= verse-primary,#a8c7fa)); --gm3-button-text-hover-state-layer-opacity: var(-= -gm3-snackbar-action-hover-state-layer-opacity,0.08); --gm3-button-text-lab= el-text-color: var(--gm3-snackbar-action-label-text-color,var(--gm3-sys-col= or-inverse-primary,#a8c7fa)); --gm3-button-text-label-text-font: var(--gm3-= snackbar-action-label-text-font,"Google Sans Flex","Google Sans Text","Goog= le Sans",Roboto,Arial,sans-serif); --gm3-button-text-label-text-font-variat= ion-settings: var(--gm3-snackbar-action-label-text-font-variation-settings,= initial); --gm3-button-text-label-text-size: var(--gm3-snackbar-action-labe= l-text-size,0.875rem); --gm3-button-text-label-text-tracking: var(--gm3-sna= ckbar-action-label-text-tracking,0rem); --gm3-button-text-label-text-weight= : var(--gm3-snackbar-action-label-text-weight,500); --gm3-button-text-press= ed-label-text-color: var(--gm3-snackbar-action-pressed-label-text-color,var= (--gm3-sys-color-inverse-primary,#a8c7fa)); --gm3-button-text-pressed-state= -layer-color: var(--gm3-snackbar-action-hover-state-layer-color,var(--gm3-s= ys-color-inverse-primary,#a8c7fa)); --gm3-button-text-pressed-state-layer-o= pacity: var(--gm3-snackbar-action-pressed-state-layer-opacity,0.1); } .javascriptMaterialdesignGm3WizSnackbar-snackbar__dismiss { --gm3-icon-butt= on-standard-icon-size: var(--gm3-snackbar-icon-size,24px); --gm3-icon-butto= n-standard-unselected-icon-color: var(--gm3-snackbar-icon-color,var(--gm3-s= ys-color-inverse-on-surface,#f2f2f2)); --gm3-icon-button-standard-unselecte= d-hover-icon-color: var(--gm3-snackbar-icon-hover-icon-color,var(--gm3-sys-= color-inverse-on-surface,#f2f2f2)); --gm3-icon-button-standard-unselected-h= over-state-layer-color: var(--gm3-snackbar-icon-hover-state-layer-color,var= (--gm3-sys-color-inverse-on-surface,#f2f2f2)); --gm3-icon-button-standard-u= nselected-hover-state-layer-opacity: var(--gm3-snackbar-icon-hover-state-la= yer-opacity,0.08); --gm3-icon-button-standard-unselected-focus-icon-color: = var(--gm3-snackbar-icon-focus-icon-color,var(--gm3-sys-color-inverse-on-sur= face,#f2f2f2)); --gm3-icon-button-standard-unselected-pressed-icon-color: v= ar(--gm3-snackbar-icon-pressed-icon-color,var(--gm3-sys-color-inverse-on-su= rface,#f2f2f2)); --gm3-icon-button-standard-unselected-pressed-state-layer-= opacity: var(--gm3-snackbar-icon-pressed-state-layer-opacity,0.1); --gm3-ic= on-button-standard-container-height: 36px; --gm3-icon-button-standard-conta= iner-width: 36px; } .veSelected { border-color: rgb(127, 255, 212); border-style: solid; border= -width: 5px; } .appsElementsGenerativeAiLoadingIndicatorLoadingTextText { font-family: "Go= ogle Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 500; l= etter-spacing: 0px; line-height: 1.5rem; display: block; transition: opacit= y 0.7s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.7s cubic-bezier(0.05, 0= .7, 0.1, 1); opacity: 1; transform: translateY(0px); } .appsElementsGenerativeAiLoadingIndicatorLoadingTextHideUp { opacity: 0; tr= ansform: translateY(-20px); transition: opacity 0.2s cubic-bezier(0.3, 0, 0= .8, 0.15), transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15); } .appsElementsGenerativeAiLoadingIndicatorLoadingTextPrepDown { opacity: 0; = transform: translateY(20px); transition: none; } .appsElementsGenerativeaiReportAbuseCommonReportRoot { --eNKeTe: var(--gm3-= sys-color-surface,#fff); } .appsElementsGenerativeaiReportAbuseCommonReportReportTypeCard { padding-bo= ttom: 12px; margin-bottom: 8px; } .appsElementsGenerativeaiReportAbuseCommonReportVisuallyHidden { position: = absolute; inline-size: 1px; block-size: 1px; padding: 0px; margin: -1px; ov= erflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .appsElementsGenerativeaiReportAbuseCommonReportReportTypeLabel { font-fami= ly: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight:= 500; letter-spacing: 0px; line-height: 1.5rem; } .appsElementsGenerativeaiReportAbuseCommonReportReportTypeDescription { fon= t-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; fo= nt-weight: 400; letter-spacing: 0px; line-height: 1.25rem; margin-left: 12p= x; } .appsElementsGenerativeaiReportAbuseCommonReportContext { display: flex; fl= ex-direction: column; gap: 8px; } .appsElementsGenerativeaiReportAbuseCommonReportContextHeading { font-famil= y: "Google Sans", Roboto, Arial, sans-serif; font-size: 1rem; font-weight: = 500; letter-spacing: 0px; line-height: 1.5rem; } .appsElementsGenerativeaiReportAbuseCommonReportHorizontalDivider { border-= top: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); margin: 24px 0= px; } .appsElementsGenerativeaiReportAbuseCommonReportFooterContainer { width: 10= 0%; } .appsElementsGenerativeaiReportAbuseCommonReportFooterContent { font-family= : "Google Sans", Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight= : 400; letter-spacing: 0.00625rem; line-height: 1rem; color: var(--gm3-sys-= color-on-surface-variant,#444746); margin-bottom: 12px; } .appsElementsGenerativeaiReportAbuseCommonReportFooterContent a, .appsEleme= ntsGenerativeaiReportAbuseCommonReportFooterContent a:link, .appsElementsGe= nerativeaiReportAbuseCommonReportFooterContent a:visited { color: var(--gm3= -sys-color-primary,#0b57d0); text-decoration: underline; } .appsElementsGenerativeaiReportAbuseCommonReportFooterButtonContainer { dis= play: flex; justify-content: space-between; } .appsElementsGenerativeaiReportAbuseCommonReportUnderlineLinkButton { text-= decoration: underline; } .appsElementsGenerativeaiReportAbuseCommonReportContextChipContainer { disp= lay: flex; flex-wrap: wrap; gap: 8px; } .appsElementsGenerativeaiReportAbuseCommonReportCommentContainer { display:= flex; flex-direction: column; margin-block-start: 12px; margin-inline: 12p= x; } .appsElementsGenerativeaiReportAbuseCommonReportCommentInput { --gm3-text-f= ield-outlined-container-shape: 8px; --gm3-text-field-outlined-focus-indicat= or-outline-thickness: 2px; --gm3-text-field-outlined-input-text-color: var(= --gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outlined-inpu= t-text-line-height: 1.25rem; --gm3-text-field-outlined-input-text-size: 0.8= 75rem; --gm3-text-field-outlined-input-text-tracking: 0rem; --gm3-text-fiel= d-outlined-input-text-weight: 400; --gm3-text-field-outlined-label-text-col= or: var(--gm3-sys-color-on-surface-variant,#444746); --gm3-text-field-outli= ned-label-text-line-height: 1.25rem; --gm3-text-field-outlined-label-text-s= ize: 0.875rem; --gm3-text-field-outlined-label-text-tracking: 0rem; --gm3-t= ext-field-outlined-label-text-weight: 400; --gm3-text-field-outlined-outlin= e-color: var(--gm3-sys-color-outline-variant,#c4c7c5); --gm3-text-field-out= lined-container-shape-start-start: 8px; --gm3-text-field-outlined-container= -shape-start-end: 8px; --gm3-text-field-outlined-container-shape-end-end: 8= px; --gm3-text-field-outlined-container-shape-end-start: 8px; } .appsElementsGenerativeaiReportAbuseCommonReportCommentInputInner { z-index= : 1; } .appsElementsGenerativeaiReportAbuseCommonReportSnackbar { --gm3-snackbar-s= upporting-text-font: "Google Sans"; --gm3-snackbar-z-index: 9999; } .appsElementsGenerativeaiReportAbuseCommonReportCancelButton { margin-right= : 8px; } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-0761cbf1-0e84-43b3-bcbd-6a02d67dfb5c@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-b1ede955-ac1d-4e20-a525-826bf5697635@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-18795b7b-3c5b-48ac-8065-ccf05b1fc3c8@mhtml.blink @charset "utf-8"; @font-face { font-family: "Noto Color Emoji"; font-style: normal; font-weig= ht: 400; src: url("//fonts.gstatic.com/s/notocoloremoji/v38/Yq6P-KqIXTD0t4D= 9z1ESnKM3-HpFWRxHy9Xi8Q.woff2") format("woff2"); unicode-range: U+200D, U+2= 03C, U+2049, U+20E3, U+2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328,= U+23CF, U+23E9-23F3, U+23F8-23FA, U+24C2, U+25AA-25AB, U+25B6, U+25C0, U+2= 5FB-25FE, U+2600-2604, U+260E, U+2611, U+2614-2615, U+2618, U+261D, U+2620,= U+2622-2623, U+2626, U+262A, U+262E-262F, U+2638-263A, U+2640, U+2642, U+2= 648-2653, U+265F-2660, U+2663, U+2665-2666, U+2668, U+267B, U+267E-267F, U+= 2692-2697, U+2699, U+269B-269C, U+26A0-26A1, U+26A7, U+26AA-26AB, U+26B0-26= B1, U+26BD-26BE, U+26C4-26C5, U+26C8, U+26CE-26CF, U+26D1, U+26D3-26D4, U+2= 6E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+= 270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733-2734, U+2744, = U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763-2764, U+2795-2797, U+27= A1, U+27B0, U+27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50, U+2B55, = U+3030, U+303D, U+3297, U+3299, U+FE0F, U+1F004, U+1F0CF, U+1F170-1F171, U+= 1F17E-1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201-1F202, U+1F21A,= U+1F22F, U+1F232-1F23A, U+1F250-1F251, U+1F300-1F321, U+1F324-1F393, U+1F3= 96-1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4= FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F-1F570, U+1F573-1F57A, U+1F5= 87, U+1F58A-1F58D, U+1F590, U+1F595-1F596, U+1F5A4-1F5A5, U+1F5A8, U+1F5B1-= 1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5= E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2,= U+1F6D5-1F6D9, U+1F6DC-1F6E5, U+1F6E9, U+1F6EB-1F6EC, U+1F6F0, U+1F6F3-1F6= FC, U+1F7E0-1F7EB, U+1F7F0, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F9FF, U+= 1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-= 1FAFA, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+= E0077, U+E007F, U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U= +304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+= 2215, U+FEFF, U+FFFD; } body { --google-font-color-notocoloremoji: colrv1; } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-c4bb3b4f-b7d6-404d-b47e-133d1f990e8e@mhtml.blink @charset "utf-8"; @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2") format("woff2"); unicode-range: U+302-= 303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-= 330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9= , U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C,= U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, = U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+= 2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-22= 11, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2= 336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+= 25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, = U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B,= U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2") format("woff2"); unicode-range: U+1-C,= U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+= 2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U= +2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922= , U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-10= 18E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U= +1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U= +1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U= +1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F= 3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F= 3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U= +1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U= +1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF= , U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F= 503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U= +1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD= , U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F= 6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F= 859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F= 8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1F= A6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U= +1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBnka.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2") format("woff2"); unicode-range: U+302-= 303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-= 330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9= , U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C,= U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, = U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+= 2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-22= 11, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2= 336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+= 25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, = U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B,= U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2") format("woff2"); unicode-range: U+1-C,= U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+= 2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U= +2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922= , U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-10= 18E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U= +1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U= +1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U= +1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F= 3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F= 3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U= +1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U= +1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF= , U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F= 503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U= +1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD= , U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F= 6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F= 859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F= 8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1F= A6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U= +1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBnka.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2") format("woff2"); unicode-range: U+302-= 303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-= 330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9= , U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C,= U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, = U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+= 2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-22= 11, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2= 336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+= 25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, = U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B,= U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2") format("woff2"); unicode-range: U+1-C,= U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+= 2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U= +2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922= , U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-10= 18E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U= +1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U= +1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U= +1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F= 3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F= 3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U= +1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U= +1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF= , U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F= 503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U= +1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD= , U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F= 6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F= 859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F= 8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1F= A6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U= +1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1M= u53ZEC9_Vu3r1gIhOszmkBnka.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F= , U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+= 400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1F= FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377= , U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303= , U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330= , U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U= +3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+= 2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+2= 0D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+212= 3-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211,= U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336= -237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25A= F, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+2= 7C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+= FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+= E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+219= 4-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+23= 00-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U= +2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E= , U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D= 2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F= 30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F= 37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4= -1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7= , U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F= 446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F= 4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U= +1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503= , U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F= 610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U= +1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA= , U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859= , U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8= , U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F= , U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1F= AEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103= , U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-3= 04, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA= , U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1= DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+= 2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+1= 31, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-= 206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F= , U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+= 400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1F= FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377= , U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303= , U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330= , U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U= +3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+= 2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+2= 0D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+212= 3-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211,= U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336= -237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25A= F, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+2= 7C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+= FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+= E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+219= 4-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+23= 00-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U= +2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E= , U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D= 2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F= 30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F= 37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4= -1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7= , U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F= 446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F= 4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U= +1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503= , U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F= 610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U= +1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA= , U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859= , U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8= , U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F= , U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1F= AEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103= , U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-3= 04, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA= , U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1= DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+= 2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+1= 31, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-= 206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F= , U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+= 400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1F= FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377= , U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303= , U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330= , U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U= +3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+= 2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+2= 0D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+212= 3-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211,= U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336= -237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25A= F, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+2= 7C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+= FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+= E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+219= 4-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+23= 00-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U= +2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E= , U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D= 2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F= 30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F= 37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4= -1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7= , U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F= 446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F= 4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U= +1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503= , U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F= 610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U= +1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA= , U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859= , U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8= , U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F= , U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1F= AEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103= , U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-3= 04, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA= , U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1= DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+= 2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("//fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1M= E7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+1= 31, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-= 206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8phULjtH.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-49= 1, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p9ULjtH.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+38= 4-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p5ULjtH.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+20= 0C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pNULjtH.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+12= 8-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+= 323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pJULjtH.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C= 7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F,= U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720= -A7FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pxULg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+= 2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2= 122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8phULjtH.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-49= 1, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p9ULjtH.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+38= 4-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p5ULjtH.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+20= 0C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pNULjtH.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+12= 8-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+= 323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pJULjtH.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C= 7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F,= U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720= -A7FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pxULg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+= 2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2= 122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8phULjtH.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-49= 1, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p9ULjtH.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+38= 4-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8p5ULjtH.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+20= 0C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pNULjtH.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+12= 8-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+= 323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pJULjtH.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C= 7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F,= U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720= -A7FF; } @font-face { font-family: "Google Sans"; font-style: italic; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaErENHsxJlGDuGo1OIlL3L= 8pxULg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+= 2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2= 122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3K= wp5MKg.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491,= U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3N= wp5MKg.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-= 38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3M= wp5MKg.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C= -2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3B= wp5MKg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-= 129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+32= 3, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3A= wp5MKg.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-= 2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U= +1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A= 7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3O= wp4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB= -2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122= , U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3K= wp5MKg.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491,= U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3N= wp5MKg.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-= 38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3M= wp5MKg.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C= -2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3B= wp5MKg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-= 129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+32= 3, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3A= wp5MKg.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-= 2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U= +1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A= 7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3O= wp4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB= -2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122= , U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3K= wp5MKg.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491,= U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3N= wp5MKg.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-= 38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3M= wp5MKg.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C= -2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3B= wp5MKg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-= 129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+32= 3, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3A= wp5MKg.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-= 2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U= +1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A= 7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 7= 00; src: url("//fonts.gstatic.com/s/googlesans/v29/4UaGrENHsxJlGDuGo1OIlL3O= wp4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB= -2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122= , U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: italic; font-weig= ht: 400; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sfzYWFYtnZ_Cg= -t0Uq_rfivrdYNY1cABrB.woff2") format("woff2"); unicode-range: U+0-FF, U+131= , U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-20= 6F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: italic; font-weig= ht: 500; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sfzYWFYtnZ_Cg= -t0Uq_rfivrdYNY1cABrB.woff2") format("woff2"); unicode-range: U+0-FF, U+131= , U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-20= 6F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: italic; font-weig= ht: 700; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sfzYWFYtnZ_Cg= -t0Uq_rfivrdYNY1cABrB.woff2") format("woff2"); unicode-range: U+0-FF, U+131= , U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-20= 6F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: normal; font-weig= ht: 400; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sZzYWFYtnZ_Cg= -t0Uq_rfivrdYNYhsAg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, = U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F= , U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: normal; font-weig= ht: 500; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sZzYWFYtnZ_Cg= -t0Uq_rfivrdYNYhsAg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, = U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F= , U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Mono"; font-style: normal; font-weig= ht: 700; src: url("//fonts.gstatic.com/s/googlesansmono/v15/P5sZzYWFYtnZ_Cg= -t0Uq_rfivrdYNYhsAg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, = U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F= , U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-22e5c005-8df3-46a2-b18f-9b6682a15a74@mhtml.blink @charset "utf-8"; .gb_y { display: flex; -webkit-box-pack: end; justify-content: flex-end; wi= dth: 100%; } .gb_z { box-sizing: border-box; height: 48px; padding: 4px; } .gb_A, .gb_B, .gb_C { -webkit-tap-highlight-color: transparent; box-sizing:= border-box; float: right; outline: none; } .gb_D { box-sizing: border-box; display: inline-block; height: 48px; outlin= e: none; padding: 4px; position: relative; } .gb_E { display: none; } .gb_F { display: block; } .gb_H, .gb_I, .gb_J { fill: currentcolor; color: var(--og-svg-color,var(--g= m3-sys-color-on-surface-variant,#444746)); } .gb_K .gb_H, .gb_K .gb_I, .gb_K .gb_J { --gm3-sys-color-on-surface-variant:= #c4c7c5; --gm3-sys-color-on-surface-variant-rgb: 196,199,197; color: var(-= -og-svg-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .gb_L .gb_C, .gb_M .gb_C, .gb_N .gb_C { cursor: pointer; padding: 8px; } .gb_O, .gb_P { display: none; } .gb_X, .gb_Z { position: absolute; } .gb_Z { right: 0px; top: 0px; } .gb_X { right: -1px; top: -1px; width: 42px; } .gb_C { background-color: transparent; background-position: 50% center; bac= kground-repeat: no-repeat; border: 0px; display: inline-block; height: 40px= ; padding: 4px; position: relative; width: 40px; } .gb_0 { border-radius: 50%; } .gb_1, .gb_C .gb_2.gb_3 { display: none; } .gb_2 { display: none; } sentinel { } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable
------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-af657e14-7773-4cb8-a2d1-7de173907811@mhtml.blink @charset "utf-8"; @media print { body { display: none; } } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://accounts.google.com/RotateCookiesPage?og_pid=25&rot=3&origin=https%3A%2F%2Fdocs.google.com&exp_id=0 ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.google.com/_/og/bscframe ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.google.com/offline/iframeapi?ouid=u8afad3afd2883331&sa=5#csid=CL3Q_uOk25cDFRoVZQIdVYsIgA&cd=1 ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://clients6.google.com/static/proxy.html?usegapi=1&jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.en.etOqPKhAhvg.O%2Fd%3D1%2Frs%3DAHpOoo-l5JrVgGKVELwC844E6riBHX86-w%2Fm%3D__features__#parent=https%3A%2F%2Fdocs.google.com&rpctoken=555172824 ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://contacts.google.com/u/2/widget/hovercard/v/2?theme=light&origin=https%3A%2F%2Fdocs.google.com&usegapi=1&jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.en.etOqPKhAhvg.O%2Fd%3D1%2Frs%3DAHpOoo-l5JrVgGKVELwC844E6riBHX86-w%2Fm%3D__features__#id=I__HC_94253229&_gfid=I__HC_94253229&parent=https%3A%2F%2Fdocs.google.com&pfname=&rpctoken=31876204
------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;700 @charset "utf-8"; @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFp2i1dC.woff2") format("woff2"); unicode-range: U+308, = U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFh2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1C= EA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11D= F0-11DF1; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qGV2i1dC.woff2") format("woff2"); unicode-range: U+2C7, = U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11ABF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEd2i1dC.woff2") format("woff2"); unicode-range: U+460-5= 2F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qE52i1dC.woff2") format("woff2"); unicode-range: U+301, = U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEt2i1dC.woff2") format("woff2"); unicode-range: U+900-9= 7F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, = U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFt2i1dC.woff2") format("woff2"); unicode-range: U+30E, = U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB, U+1E7E= D-1E7EE, U+1E7F0-1E7FE; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFV2i1dC.woff2") format("woff2"); unicode-range: U+589, = U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEZ2i1dC.woff2") format("woff2"); unicode-range: U+1F00-= 1FFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEl2i1dC.woff2") format("woff2"); unicode-range: U+370-3= 77, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFF2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qGl2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U+262C, U+A830-A839;= } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEh2i1dC.woff2") format("woff2"); unicode-range: U+307-3= 08, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFB2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+B83, U+C80-CF3, U+1CD0, U+1CD2-1CD3, U+1CDA, U+1CF2, U+1CF= 4, U+200C-200D, U+20B9, U+25CC, U+A830-A835; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEF2i1dC.woff2") format("woff2"); unicode-range: U+1780-= 17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEN2i1dC.woff2") format("woff2"); unicode-range: U+E81-E= DF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFJ2i1dC.woff2") format("woff2"); unicode-range: U+307, = U+323, U+951-952, U+964-965, U+B83, U+D00-D7F, U+1CDA, U+1CF2, U+200C-200D,= U+20B9, U+25CC, U+A830-A832; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFN2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFd2i1dC.woff2") format("woff2"); unicode-range: U+964-9= 65, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F4; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qCR2i1dC.woff2") format("woff2"); unicode-range: U+1-C, = U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2= 194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+= 2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922,= U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-101= 8E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+= 1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+= 1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+= 1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3= C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3= F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+= 1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+= 1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF,= U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F5= 03, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+= 1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,= U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6= EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F8= 59, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8= D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA= 6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+= 1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFx2i1dC.woff2") format("woff2"); unicode-range: U+964-9= 65, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qFZ2i1dC.woff2") format("woff2"); unicode-range: U+951-9= 52, U+964-965, U+B83, U+C00-C7F, U+1CD5-1CD6, U+1CD8, U+1CDA, U+1CF2, U+200= C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qF52i1dC.woff2") format("woff2"); unicode-range: U+2D7, = U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEV2i1dC.woff2") format("woff2"); unicode-range: U+102-1= 03, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303= -304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qER2i1dC.woff2") format("woff2"); unicode-range: U+100-2= BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00= -1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, = U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 400; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUu9-Kzp= RiLCAt4Unrc-xIKmCU5qEp2iw.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnhjtiu7.woff2") format("woff2"); unicode-range: U+3= 08, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnpjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, = U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U= +11DF0-11DF1; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnkdjtiu7.woff2") format("woff2"); unicode-range: U+2= C7, U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11AB= F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmVjtiu7.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmxjtiu7.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmljtiu7.woff2") format("woff2"); unicode-range: U+9= 00-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25= CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnljtiu7.woff2") format("woff2"); unicode-range: U+3= 0E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB, U+= 1E7ED-1E7EE, U+1E7F0-1E7FE; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnndjtiu7.woff2") format("woff2"); unicode-range: U+5= 89, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmRjtiu7.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmtjtiu7.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnNjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnktjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U+262C, U+A830-A= 839; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmpjtiu7.woff2") format("woff2"); unicode-range: U+3= 07-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnJjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B83, U+C80-CF3, U+1CD0, U+1CD2-1CD3, U+1CDA, U+1CF2, U= +1CF4, U+200C-200D, U+20B9, U+25CC, U+A830-A835; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmNjtiu7.woff2") format("woff2"); unicode-range: U+1= 780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmFjtiu7.woff2") format("woff2"); unicode-range: U+E= 81-EDF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnBjtiu7.woff2") format("woff2"); unicode-range: U+3= 07, U+323, U+951-952, U+964-965, U+B83, U+D00-D7F, U+1CDA, U+1CF2, U+200C-2= 00D, U+20B9, U+25CC, U+A830-A832; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnFjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC; = } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnVjtiu7.woff2") format("woff2"); unicode-range: U+9= 64-965, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F4; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVngZjtiu7.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnn5jtiu7.woff2") format("woff2"); unicode-range: U+9= 64-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnRjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B83, U+C00-C7F, U+1CD5-1CD6, U+1CD8, U+1CDA, U+1CF2, U= +200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnnxjtiu7.woff2") format("woff2"); unicode-range: U+2= D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmdjtiu7.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmZjtiu7.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 500; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oLlVnmhjtg.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnhjtiu7.woff2") format("woff2"); unicode-range: U+3= 08, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnpjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, = U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U= +11DF0-11DF1; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnkdjtiu7.woff2") format("woff2"); unicode-range: U+2= C7, U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11AB= F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmVjtiu7.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmxjtiu7.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmljtiu7.woff2") format("woff2"); unicode-range: U+9= 00-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25= CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnljtiu7.woff2") format("woff2"); unicode-range: U+3= 0E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB, U+= 1E7ED-1E7EE, U+1E7F0-1E7FE; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnndjtiu7.woff2") format("woff2"); unicode-range: U+5= 89, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmRjtiu7.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmtjtiu7.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnNjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnktjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U+262C, U+A830-A= 839; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmpjtiu7.woff2") format("woff2"); unicode-range: U+3= 07-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnJjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B83, U+C80-CF3, U+1CD0, U+1CD2-1CD3, U+1CDA, U+1CF2, U= +1CF4, U+200C-200D, U+20B9, U+25CC, U+A830-A835; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmNjtiu7.woff2") format("woff2"); unicode-range: U+1= 780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmFjtiu7.woff2") format("woff2"); unicode-range: U+E= 81-EDF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnBjtiu7.woff2") format("woff2"); unicode-range: U+3= 07, U+323, U+951-952, U+964-965, U+B83, U+D00-D7F, U+1CDA, U+1CF2, U+200C-2= 00D, U+20B9, U+25CC, U+A830-A832; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnFjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC; = } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnVjtiu7.woff2") format("woff2"); unicode-range: U+9= 64-965, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F4; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTngZjtiu7.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnn5jtiu7.woff2") format("woff2"); unicode-range: U+9= 64-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnRjtiu7.woff2") format("woff2"); unicode-range: U+9= 51-952, U+964-965, U+B83, U+C00-C7F, U+1CD5-1CD6, U+1CD8, U+1CDA, U+1CF2, U= +200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnnxjtiu7.woff2") format("woff2"); unicode-range: U+2= D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmdjtiu7.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmZjtiu7.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans Text"; font-style: normal; font-weig= ht: 700; src: url("https://fonts.gstatic.com/s/googlesanstext/v29/5aUp9-Kzp= RiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-0db8b307-0e23-48a0-9efd-405eee6e9978@mhtml.blink @charset "utf-8"; :root { --boq-chrometransition-background: #eee; --boq-chrometransition-act= ive-background-opacity: 0.8; } .KL4X6e { background: var(--boq-chrometransition-background); inset: 0px; o= pacity: 0; position: absolute; } .TuA45b { opacity: var(--boq-chrometransition-active-background-opacity); } .NMm5M { fill: currentcolor; flex-shrink: 0; } [dir=3D"rtl"] .hhikbc { transform: scaleX(-1); } .X5KVDc { display: inline-block; height: 24px; width: 24px; } .X5KVDc.J3yWx { fill: rgb(117, 117, 117); } .X5KVDc.yJylP { fill: rgba(0, 0, 0, 0.38); } .X5KVDc.lqDipf { fill: rgb(95, 99, 104); } .X5KVDc.ZoZQ1 { fill: rgb(255, 255, 255); } .X5KVDc.KR3wk { opacity: 0.7; } .X5KVDc.VGRwM { fill: rgb(33, 150, 243); } .X5KVDc.GGZtCb { fill: rgb(26, 115, 232); } .RTiFqe { fill: currentcolor; } .cdByRd.lqDipf { fill: rgb(95, 99, 104); } @keyframes mdc-ripple-fg-radius-in {=20 0% { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: = translate(var(--mdc-ripple-fg-translate-start,0)) scale(1); } 100% { transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(v= ar(--mdc-ripple-fg-scale,1)); } } @keyframes mdc-ripple-fg-opacity-in {=20 0% { animation-timing-function: linear; opacity: 0; } 100% { opacity: var(--mdc-ripple-fg-opacity,0); } } @keyframes mdc-ripple-fg-opacity-out {=20 0% { animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opac= ity,0); } 100% { opacity: 0; } } .VfPpkd-ksKsZd-XxIAqe { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --md= c-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0= ; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, = 0, 0, 0); will-change: transform, opacity; } .VfPpkd-ksKsZd-XxIAqe::after, .VfPpkd-ksKsZd-XxIAqe::before { position: abs= olute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .VfPpkd-ksKsZd-XxIAqe::before { transition: opacity 15ms linear, background= -color 15ms linear; z-index: var(--mdc-ripple-z-index,1); } .VfPpkd-ksKsZd-XxIAqe::after { z-index: var(--mdc-ripple-z-index,0); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d::before { transform: scale(var(-= -mdc-ripple-fg-scale,1)); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d::after { top: 0px; left: 0px; tr= ansform: scale(0); transform-origin: center center; } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd::after { top: var(= --mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc::after { an= imation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radius-in, 7= 5ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf::after { an= imation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-out; tra= nsform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-rip= ple-fg-scale,1)); } .VfPpkd-ksKsZd-XxIAqe::after, .VfPpkd-ksKsZd-XxIAqe::before { top: -50%; le= ft: -50%; width: 200%; height: 200%; } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d::after { width: var(--mdc-ripple= -fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-ksKsZd-XxIAqe { position: relative; outline: none; overflow: hidden= ; } .VfPpkd-ksKsZd-XxIAqe[data-mdc-ripple-is-unbounded]::after, .VfPpkd-ksKsZd-= XxIAqe[data-mdc-ripple-is-unbounded]::before, .VfPpkd-ksKsZd-mWPk3d-OWXEXe-= ZNMTqd::after, .VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd::before { top: 0px; left= : 0px; width: 100%; height: 100%; } .VfPpkd-ksKsZd-XxIAqe[data-mdc-ripple-is-unbounded].VfPpkd-ksKsZd-mWPk3d::a= fter, .VfPpkd-ksKsZd-XxIAqe[data-mdc-ripple-is-unbounded].VfPpkd-ksKsZd-mWP= k3d::before, .VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd.VfPpkd-ksKsZd-mWPk3d::afte= r, .VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd.VfPpkd-ksKsZd-mWPk3d::before { top: = var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); width: var(--mdc-r= ipple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-ksKsZd-XxIAqe[data-mdc-ripple-is-unbounded].VfPpkd-ksKsZd-mWPk3d::a= fter, .VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd.VfPpkd-ksKsZd-mWPk3d::after { wid= th: var(--mdc-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%);= } .VfPpkd-ksKsZd-XxIAqe[data-mdc-ripple-is-unbounded], .VfPpkd-ksKsZd-mWPk3d-= OWXEXe-ZNMTqd { overflow: visible; } .VfPpkd-ksKsZd-XxIAqe::after, .VfPpkd-ksKsZd-XxIAqe::before { background-co= lor: var(--mdc-ripple-color,#000); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE::before, .VfPpkd-ks= KsZd-XxIAqe:hover::before { opacity: var(--mdc-ripple-hover-opacity,.04); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .V= fPpkd-ksKsZd-XxIAqe:not(.VfPpkd-ksKsZd-mWPk3d):focus::before { transition-d= uration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .VfPpkd-ksKsZd-XxIAqe:not(.VfPpkd-ksKsZd-mWPk3d)::after { transition: opaci= ty 0.15s linear; } .VfPpkd-ksKsZd-XxIAqe:not(.VfPpkd-ksKsZd-mWPk3d):active::after { transition= -duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .VfPpkd-ksKsZd-XxIAqe.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(-= -mdc-ripple-press-opacity,0.12); } .VfPpkd-Bz112c-LgbsSe { font-size: 24px; width: 48px; height: 48px; padding= : 12px; } .VfPpkd-Bz112c-LgbsSe.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz1= 12c-Jh9lGc { width: 40px; height: 40px; margin: 4px; } .VfPpkd-Bz112c-LgbsSe.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz1= 12c-J1Ukfc-LhBDec { max-height: 40px; max-width: 40px; } .VfPpkd-Bz112c-LgbsSe:disabled { color: var(--mdc-theme-text-disabled-on-li= ght,rgba(0,0,0,.38)); } .VfPpkd-Bz112c-LgbsSe img, .VfPpkd-Bz112c-LgbsSe svg { width: 24px; height:= 24px; } .VfPpkd-Bz112c-LgbsSe { display: inline-block; position: relative; box-sizi= ng: border-box; border-width: medium; border-style: none; border-color: cur= rentcolor; border-image: none; outline: none; background-color: transparent= ; fill: currentcolor; color: inherit; text-decoration: none; cursor: pointe= r; user-select: none; z-index: 0; overflow: visible; } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%;= height: 48px; left: 50%; width: 48px; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-B= z112c-J1Ukfc-LhBDec, .VfPpkd-Bz112c-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):focus= .VfPpkd-Bz112c-J1Ukfc-LhBDec { display: block; } } .VfPpkd-Bz112c-LgbsSe:disabled { cursor: default; pointer-events: none; } .VfPpkd-Bz112c-LgbsSe[hidden] { display: none; } .VfPpkd-Bz112c-LgbsSe-OWXEXe-KVuj8d-Q3DXx { align-items: center; display: i= nline-flex; justify-content: center; } .VfPpkd-Bz112c-J1Ukfc-LhBDec { pointer-events: none; border: 2px solid tran= sparent; border-radius: 6px; box-sizing: content-box; position: absolute; t= op: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .VfPpkd-Bz112c-J1Ukfc-LhBDec { border-color: canvastext; } } .VfPpkd-Bz112c-J1Ukfc-LhBDec::after { content: ""; border: 2px solid transp= arent; border-radius: 8px; display: block; position: absolute; top: 50%; le= ft: 50%; transform: translate(-50%, -50%); height: calc(100% + 4px); width:= calc(100% + 4px); } @media screen and (forced-colors: active) { .VfPpkd-Bz112c-J1Ukfc-LhBDec::after { border-color: canvastext; } } .VfPpkd-Bz112c-J1Ukfc-LhBDec { height: 100%; width: 100%; display: none; } .VfPpkd-Bz112c-kBDsod { display: inline-block; } .VfPpkd-Bz112c-LgbsSe-OWXEXe-IT5dJd .VfPpkd-Bz112c-kBDsod, .VfPpkd-Bz112c-k= BDsod.VfPpkd-Bz112c-kBDsod-OWXEXe-IT5dJd { display: none; } .VfPpkd-Bz112c-LgbsSe-OWXEXe-IT5dJd .VfPpkd-Bz112c-kBDsod.VfPpkd-Bz112c-kBD= sod-OWXEXe-IT5dJd { display: inline-block; } .VfPpkd-Bz112c-mRLv6 { height: 100%; left: 0px; outline: none; position: ab= solute; top: 0px; width: 100%; } .VfPpkd-Bz112c-LgbsSe { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --md= c-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0= ; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, = 0, 0, 0); will-change: transform, opacity; } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::after, .VfPpkd-Bz112c-LgbsSe .= VfPpkd-Bz112c-Jh9lGc::before { position: absolute; border-radius: 50%; opac= ity: 0; pointer-events: none; content: ""; } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::before { transition: opacity 1= 5ms linear, background-color 15ms linear; z-index: var(--mdc-ripple-z-index= ,1); } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::after { z-index: var(--mdc-rip= ple-z-index,0); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Bz112c-Jh9lGc::before { = transform: scale(var(--mdc-ripple-fg-scale,1)); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Bz112c-Jh9lGc::after { t= op: 0px; left: 0px; transform: scale(0); transform-origin: center center; } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-Bz112c-Jh9= lGc::after { top: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); = } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-Bz1= 12c-Jh9lGc::after { animation: 225ms ease 0s 1 normal forwards running mdc-= ripple-fg-radius-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-o= pacity-in; } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-Bz1= 12c-Jh9lGc::after { animation: 0.15s ease 0s 1 normal none running mdc-ripp= le-fg-opacity-out; transform: translate(var(--mdc-ripple-fg-translate-end,0= )) scale(var(--mdc-ripple-fg-scale,1)); } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::after, .VfPpkd-Bz112c-LgbsSe .= VfPpkd-Bz112c-Jh9lGc::before { top: 0px; left: 0px; width: 100%; height: 10= 0%; } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Bz112c-Jh9lGc::after, .V= fPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Bz112c-Jh9lGc::before { to= p: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); width: var(--md= c-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Bz112c-Jh9lGc::after { w= idth: var(--mdc-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%= ); } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::after, .VfPpkd-Bz112c-LgbsSe .= VfPpkd-Bz112c-Jh9lGc::before { background-color: var(--mdc-ripple-color,#00= 0); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Bz112c-Jh9l= Gc::before, .VfPpkd-Bz112c-LgbsSe:hover .VfPpkd-Bz112c-Jh9lGc::before { opa= city: var(--mdc-ripple-hover-opacity,.04); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Bz1= 12c-Jh9lGc::before, .VfPpkd-Bz112c-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):focus = .VfPpkd-Bz112c-Jh9lGc::before { transition-duration: 75ms; opacity: var(--m= dc-ripple-focus-opacity,.12); } .VfPpkd-Bz112c-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Bz112c-Jh9lGc::aft= er { transition: opacity 0.15s linear; } .VfPpkd-Bz112c-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Bz112c-Jh9l= Gc::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opac= ity,.12); } .VfPpkd-Bz112c-LgbsSe.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(-= -mdc-ripple-press-opacity,0.12); } .VfPpkd-Bz112c-LgbsSe:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Bz= 112c-Jh9lGc::before, .VfPpkd-Bz112c-LgbsSe:disabled:hover .VfPpkd-Bz112c-Jh= 9lGc::before { opacity: var(--mdc-ripple-hover-opacity,0); } .VfPpkd-Bz112c-LgbsSe:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .V= fPpkd-Bz112c-Jh9lGc::before, .VfPpkd-Bz112c-LgbsSe:disabled:not(.VfPpkd-ksK= sZd-mWPk3d):focus .VfPpkd-Bz112c-Jh9lGc::before { transition-duration: 75ms= ; opacity: var(--mdc-ripple-focus-opacity,0); } .VfPpkd-Bz112c-LgbsSe:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Bz112c-Jh= 9lGc::after { transition: opacity 0.15s linear; } .VfPpkd-Bz112c-LgbsSe:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Bz= 112c-Jh9lGc::after { transition-duration: 75ms; opacity: var(--mdc-ripple-p= ress-opacity,0); } .VfPpkd-Bz112c-LgbsSe:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opaci= ty: var(--mdc-ripple-press-opacity,0); } .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc { height: 100%; left: 0px; poin= ter-events: none; position: absolute; top: 0px; width: 100%; z-index: -1; } .VfPpkd-dgl2Hf-ppHlrf-sM5MNb { display: inline; } .VfPpkd-LgbsSe { position: relative; } .VfPpkd-LgbsSe .VfPpkd-BFbNVe-bF1uUb { width: 100%; height: 100%; top: 0px;= left: 0px; } .VfPpkd-LgbsSe { display: inline-flex; align-items: center; justify-content= : center; box-sizing: border-box; min-width: 64px; border-width: medium; bo= rder-style: none; border-color: currentcolor; border-image: none; outline: = none; line-height: inherit; user-select: none; appearance: none; overflow: = visible; vertical-align: middle; background: transparent; } .VfPpkd-LgbsSe:active { outline: none; } .VfPpkd-LgbsSe:hover { cursor: pointer; } .VfPpkd-LgbsSe:disabled { cursor: default; pointer-events: none; } .VfPpkd-LgbsSe[hidden] { display: none; } .VfPpkd-LgbsSe .VfPpkd-kBDsod { margin-left: 0px; margin-right: 8px; } .VfPpkd-LgbsSe .VfPpkd-kBDsod[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-LgbsSe .V= fPpkd-kBDsod { margin-left: 8px; margin-right: 0px; } .VfPpkd-LgbsSe .VfPpkd-kBDsod { display: inline-block; position: relative; = vertical-align: top; } .VfPpkd-LgbsSe .VfPpkd-UdE5de-uDEFge { font-size: 0px; position: absolute; = transform: translate(-50%, -50%); top: 50%; left: 50%; line-height: normal;= } .VfPpkd-LgbsSe .VfPpkd-vQzf8d { position: relative; } .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec { pointer-events: none; border: 2px so= lid transparent; border-radius: 6px; box-sizing: content-box; position: abs= olute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec { border-color: canvastext; } } .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec::after { content: ""; border: 2px soli= d transparent; border-radius: 8px; display: block; position: absolute; top:= 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% + 4px)= ; width: calc(100% + 4px); } @media screen and (forced-colors: active) { .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec::after { border-color: canvastext; } } .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec { height: calc(100% + 4px); width: cal= c(100% + 4px); display: none; } @media screen and (forced-colors: active) { .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-J1Ukfc-L= hBDec, .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-J1Ukfc-LhBDe= c { display: block; } } .VfPpkd-LgbsSe .VfPpkd-RLmnJb { position: absolute; top: 50%; height: 48px;= left: 0px; right: 0px; transform: translateY(-50%); } .VfPpkd-vQzf8d + .VfPpkd-kBDsod { margin-left: 8px; margin-right: 0px; } .VfPpkd-vQzf8d + .VfPpkd-kBDsod[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-vQzf8d = + .VfPpkd-kBDsod { margin-left: 0px; margin-right: 8px; } svg.VfPpkd-kBDsod { fill: currentcolor; } .VfPpkd-LgbsSe-OWXEXe-dgl2Hf { margin-top: 6px; margin-bottom: 6px; } .VfPpkd-LgbsSe { -webkit-font-smoothing: antialiased; text-decoration: none= ; } .VfPpkd-LgbsSe { padding: 0px 8px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ { transition: box-shadow 0.28s cubic-bezier(0.4= , 0, 0.2, 1); padding: 0px 16px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ.VfPpkd-LgbsSe-OWXEXe-Bz112c-UbuQg { padding: 0p= x 12px 0px 16px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc { padding: 0= px 16px 0px 12px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb { transition: box-shadow 0.28s cubic-bezier(0.= 4, 0, 0.2, 1); padding: 0px 16px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-LgbsSe-OWXEXe-Bz112c-UbuQg { padding: 0= px 12px 0px 16px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc { padding: = 0px 16px 0px 12px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc { border-style: solid; transition: border 0.28= s cubic-bezier(0.4, 0, 0.2, 1); } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-Jh9lGc { border-style: solid; border-c= olor: transparent; } .VfPpkd-LgbsSe { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-rippl= e-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc= -ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0= ); will-change: transform, opacity; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after, .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before= { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none= ; content: ""; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before { transition: opacity 15ms linear, ba= ckground-color 15ms linear; z-index: 1; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after { z-index: 0; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Jh9lGc::before { transform: sca= le(var(--mdc-ripple-fg-scale,1)); } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Jh9lGc::after { top: 0px; left:= 0px; transform: scale(0); transform-origin: center center; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-Jh9lGc::after { t= op: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-Jh9lGc::af= ter { animation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radi= us-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-Jh9lGc::af= ter { animation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-= out; transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(-= -mdc-ripple-fg-scale,1)); } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after, .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before= { top: -50%; left: -50%; width: 200%; height: 200%; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d .VfPpkd-Jh9lGc::after { width: var(--md= c-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-Jh9lGc { position: absolute; box-sizing: content-box; overflow: hid= den; z-index: 0; inset: 0px; } .VfPpkd-LgbsSe { font-family: Roboto, sans-serif; font-size: 0.875rem; lett= er-spacing: 0.0892857em; font-weight: 500; text-transform: uppercase; } .VfPpkd-LgbsSe:not(:disabled) { color: rgb(98, 0, 238); } .VfPpkd-LgbsSe:disabled { color: rgba(0, 0, 0, 0.38); } .VfPpkd-LgbsSe .VfPpkd-kBDsod { font-size: 1.125rem; width: 1.125rem; heigh= t: 1.125rem; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before { background-color: rgb(98, 0, 238); = } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after { background-color: rgb(98, 0, 238); } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .V= fPpkd-LgbsSe:hover .VfPpkd-Jh9lGc::before { opacity: 0.04; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::be= fore, .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::befor= e { transition-duration: 75ms; opacity: 0.12; } .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transitio= n: opacity 0.15s linear; } .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { tr= ansition-duration: 75ms; opacity: 0.12; } .VfPpkd-LgbsSe.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-te= xt-button-pressed-state-layer-opacity,0.12); } .VfPpkd-LgbsSe { height: 36px; border-radius: 4px; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc { border-radius: 4px; } .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec { border-radius: 2px; } .VfPpkd-LgbsSe .VfPpkd-J1Ukfc-LhBDec::after { border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ { font-family: Roboto, sans-serif; font-size: 0= .875rem; letter-spacing: 0.0892857em; font-weight: 500; text-transform: upp= ercase; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:not(:disabled) { background-color: rgb(98, 0, 2= 38); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:disabled { background-color: rgba(0, 0, 0, 0.12= ); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:not(:disabled) { color: rgb(255, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:disabled { color: rgba(0, 0, 0, 0.38); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-kBDsod { font-size: 1.125rem; width: 1.= 125rem; height: 1.125rem; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-Jh9lGc::before { background-color: rgb(= 255, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-Jh9lGc::after { background-color: rgb(2= 55, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lG= c::before, .VfPpkd-LgbsSe-OWXEXe-k8QpJ:hover .VfPpkd-Jh9lGc::before { opaci= ty: 0.08; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPp= kd-Jh9lGc::before, .VfPpkd-LgbsSe-OWXEXe-k8QpJ:not(.VfPpkd-ksKsZd-mWPk3d):f= ocus .VfPpkd-Jh9lGc::before { transition-duration: 75ms; opacity: 0.24; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::afte= r { transition: opacity 0.15s linear; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lG= c::after { transition-duration: 75ms; opacity: 0.24; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity:= var(--mdc-filled-button-pressed-state-layer-opacity,0.24); } .VfPpkd-LgbsSe-OWXEXe-k8QpJ { height: 36px; border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-Jh9lGc { border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-J1Ukfc-LhBDec { border-radius: 2px; } .VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-J1Ukfc-LhBDec::after { border-radius: 4= px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb { font-family: Roboto, sans-serif; font-size: = 0.875rem; letter-spacing: 0.0892857em; font-weight: 500; text-transform: up= percase; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(:disabled) { background-color: rgb(98, 0, = 238); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:disabled { background-color: rgba(0, 0, 0, 0.1= 2); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(:disabled) { color: rgb(255, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:disabled { color: rgba(0, 0, 0, 0.38); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-kBDsod { font-size: 1.125rem; width: 1= .125rem; height: 1.125rem; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-Jh9lGc::before { background-color: rgb= (255, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-Jh9lGc::after { background-color: rgb(= 255, 255, 255); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9l= Gc::before, .VfPpkd-LgbsSe-OWXEXe-MV7yeb:hover .VfPpkd-Jh9lGc::before { opa= city: 0.08; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfP= pkd-Jh9lGc::before, .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(.VfPpkd-ksKsZd-mWPk3d)= :focus .VfPpkd-Jh9lGc::before { transition-duration: 75ms; opacity: 0.24; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::aft= er { transition: opacity 0.15s linear; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9l= Gc::after { transition-duration: 75ms; opacity: 0.24; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity= : var(--mdc-protected-button-pressed-state-layer-opacity,0.24); } .VfPpkd-LgbsSe-OWXEXe-MV7yeb { height: 36px; border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-Jh9lGc { border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-J1Ukfc-LhBDec { border-radius: 2px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb .VfPpkd-J1Ukfc-LhBDec::after { border-radius: = 4px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -= 2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0= px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe, .Vf= Ppkd-LgbsSe-OWXEXe-MV7yeb:not(.VfPpkd-ksKsZd-mWPk3d):focus { box-shadow: rg= ba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgb= a(0, 0, 0, 0.12) 0px 1px 10px 0px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px= 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px= 10px 0px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:not(:disabled):active { box-shadow: rgba(0, 0,= 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0,= 0, 0.12) 0px 3px 14px 2px; } .VfPpkd-LgbsSe-OWXEXe-MV7yeb:disabled { box-shadow: rgba(0, 0, 0, 0.2) 0px = 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0= px 0px 0px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc { font-family: Roboto, sans-serif; font-size: = 0.875rem; letter-spacing: 0.0892857em; font-weight: 500; text-transform: up= percase; } .VfPpkd-LgbsSe-OWXEXe-INsAgc:not(:disabled) { color: rgb(98, 0, 238); } .VfPpkd-LgbsSe-OWXEXe-INsAgc:disabled { color: rgba(0, 0, 0, 0.38); } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-kBDsod { font-size: 1.125rem; width: 1= .125rem; height: 1.125rem; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-Jh9lGc::before { background-color: rgb= (98, 0, 238); } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-Jh9lGc::after { background-color: rgb(= 98, 0, 238); } .VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9l= Gc::before, .VfPpkd-LgbsSe-OWXEXe-INsAgc:hover .VfPpkd-Jh9lGc::before { opa= city: 0.04; } .VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfP= pkd-Jh9lGc::before, .VfPpkd-LgbsSe-OWXEXe-INsAgc:not(.VfPpkd-ksKsZd-mWPk3d)= :focus .VfPpkd-Jh9lGc::before { transition-duration: 75ms; opacity: 0.12; } .VfPpkd-LgbsSe-OWXEXe-INsAgc:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::aft= er { transition: opacity 0.15s linear; } .VfPpkd-LgbsSe-OWXEXe-INsAgc:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9l= Gc::after { transition-duration: 75ms; opacity: 0.12; } .VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity= : var(--mdc-outlined-button-pressed-state-layer-opacity,0.12); } .VfPpkd-LgbsSe-OWXEXe-INsAgc { height: 36px; border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-Jh9lGc { border-radius: 4px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-J1Ukfc-LhBDec { border-radius: 2px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-J1Ukfc-LhBDec::after { border-radius: = 4px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc:not(:disabled) { border-color: rgba(0, 0, 0, 0= .12); } .VfPpkd-LgbsSe-OWXEXe-INsAgc:disabled { border-color: rgba(0, 0, 0, 0.12); = } .VfPpkd-LgbsSe-OWXEXe-INsAgc { padding: 0px 15px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-LgbsSe-OWXEXe-Bz112c-UbuQg { padding: 0= px 11px 0px 15px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc { padding: = 0px 15px 0px 11px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc { border-width: 1px; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-Jh9lGc { inset: -1px; border-width: 1p= x; } .VfPpkd-LgbsSe-OWXEXe-INsAgc .VfPpkd-RLmnJb { left: -1px; width: calc(100% = + 2px); } .nCP5yc { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .nCP5yc .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .nCP5yc:not(:disabled) { background-color: var(--gm-fillbutton-container-co= lor,rgb(26,115,232)); } .nCP5yc:not(:disabled) { color: var(--gm-fillbutton-ink-color,#fff); } .nCP5yc:disabled { background-color: var(--gm-fillbutton-disabled-container= -color,rgba(60,64,67,.12)); } .nCP5yc:disabled { color: var(--gm-fillbutton-disabled-ink-color,rgba(60,64= ,67,.38)); } .nCP5yc .VfPpkd-Jh9lGc::after, .nCP5yc .VfPpkd-Jh9lGc::before { background-= color: var(--gm-fillbutton-state-color,rgb(32,33,36)); } .nCP5yc.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .nCP5yc:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.16);= } .nCP5yc.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= nCP5yc:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.24); } .nCP5yc:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .nCP5yc:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.2); } .nCP5yc.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.2); } .nCP5yc { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow= 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .nCP5yc .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .nCP5yc .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .nCP5yc .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(255, 255, 255); = } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .nCP5yc .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .nCP5yc .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .nCP5yc:hover { box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-color= ,rgba(60,64,67,.3)),0 1px 3px 1px var(--gm-fillbutton-ambientshadow-color,r= gba(60,64,67,.15)); } .nCP5yc:hover .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .nCP5yc:active { box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-colo= r,rgba(60,64,67,.3)),0 2px 6px 2px var(--gm-fillbutton-ambientshadow-color,= rgba(60,64,67,.15)); } .nCP5yc:active .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .nCP5yc:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .nCP5yc:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .nCP5yc:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .nCP5yc:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .nCP5yc:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .nCP5yc:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .nCP5yc:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .nCP5yc:disabled { box-shadow: none; } .nCP5yc:disabled .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Rj2Mlf { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .Rj2Mlf .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .Rj2Mlf:not(:disabled) { color: var(--gm-hairlinebutton-ink-color,rgb(26,11= 5,232)); } .Rj2Mlf:not(:disabled) { border-color: var(--gm-hairlinebutton-outline-colo= r,rgb(218,220,224)); } .Rj2Mlf:not(:disabled):hover { border-color: var(--gm-hairlinebutton-outlin= e-color,rgb(218,220,224)); } .Rj2Mlf:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe, .Rj2Mlf:n= ot(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus { border-color: var(--gm-hai= rlinebutton-outline-color--stateful,rgb(23,78,166)); } .Rj2Mlf:not(:disabled):active, .Rj2Mlf:not(:disabled):focus:active { border= -color: var(--gm-hairlinebutton-outline-color,rgb(218,220,224)); } .Rj2Mlf:disabled { color: var(--gm-hairlinebutton-disabled-ink-color,rgba(6= 0,64,67,.38)); } .Rj2Mlf:disabled { border-color: var(--gm-hairlinebutton-disabled-outline-c= olor,rgba(60,64,67,.12)); } .Rj2Mlf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .Rj2Mlf:a= ctive:not(:disabled), .Rj2Mlf:hover:not(:disabled), .Rj2Mlf:not(.VfPpkd-ksK= sZd-mWPk3d):focus:not(:disabled) { color: var(--gm-hairlinebutton-ink-color= --stateful,rgb(23,78,166)); } .Rj2Mlf { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow= 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .Rj2Mlf .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Rj2Mlf .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .Rj2Mlf .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(26, 115, 232); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .Rj2Mlf .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .Rj2Mlf .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .Rj2Mlf .VfPpkd-Jh9lGc::after, .Rj2Mlf .VfPpkd-Jh9lGc::before { background-= color: var(--gm-hairlinebutton-state-color,rgb(26,115,232)); } .Rj2Mlf.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .Rj2Mlf:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .Rj2Mlf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= Rj2Mlf:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .Rj2Mlf:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .Rj2Mlf:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .Rj2Mlf.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.12); } .Rj2Mlf:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .Rj2Mlf:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .Rj2Mlf:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .Rj2Mlf:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .Rj2Mlf:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .Rj2Mlf:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .Rj2Mlf:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .b9hyVd { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .b9hyVd .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .b9hyVd:not(:disabled) { background-color: var(--gm-protectedbutton-contain= er-color,#fff); } .b9hyVd:not(:disabled) { color: var(--gm-protectedbutton-ink-color,rgb(26,1= 15,232)); } .b9hyVd:disabled { background-color: var(--gm-protectedbutton-disabled-cont= ainer-color,rgba(60,64,67,.12)); } .b9hyVd:disabled { color: var(--gm-protectedbutton-disabled-ink-color,rgba(= 60,64,67,.38)); } .b9hyVd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .b9hyVd:a= ctive:not(:disabled), .b9hyVd:hover:not(:disabled), .b9hyVd:not(.VfPpkd-ksK= sZd-mWPk3d):focus:not(:disabled) { color: var(--gm-protectedbutton-ink-colo= r--stateful,rgb(23,78,166)); } .b9hyVd { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow= 0.28s cubic-bezier(0.4, 0, 0.2, 1); border-width: 0px; box-shadow: 0 1px 2= px 0 var(--gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 1px 3px = 1px var(--gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.15)); } .b9hyVd .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .b9hyVd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .b9hyVd .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(26, 115, 232); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .b9hyVd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .b9hyVd .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .b9hyVd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe, .b9hyVd:not(.VfPpkd-ksKs= Zd-mWPk3d):focus { border-width: 0px; box-shadow: 0 1px 2px 0 var(--gm-prot= ectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 1px 3px 1px var(--gm-prote= ctedbutton-ambientshadow-color,rgba(60,64,67,.15)); } .b9hyVd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-BFbNVe-bF1uUb, .b= 9hyVd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-BFbNVe-bF1uUb { opacity: 0; = } .b9hyVd:hover { border-width: 0px; box-shadow: 0 1px 2px 0 var(--gm-protect= edbutton-keyshadow-color,rgba(60,64,67,.3)),0 2px 6px 2px var(--gm-protecte= dbutton-ambientshadow-color,rgba(60,64,67,.15)); } .b9hyVd:hover .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .b9hyVd:not(:disabled):active { border-width: 0px; box-shadow: 0 1px 3px 0 = var(--gm-protectedbutton-keyshadow-color,rgba(60,64,67,.3)),0 4px 8px 3px v= ar(--gm-protectedbutton-ambientshadow-color,rgba(60,64,67,.15)); } .b9hyVd:not(:disabled):active .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .b9hyVd .VfPpkd-Jh9lGc::after, .b9hyVd .VfPpkd-Jh9lGc::before { background-= color: var(--gm-protectedbutton-state-color,rgb(26,115,232)); } .b9hyVd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .b9hyVd:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .b9hyVd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= b9hyVd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .b9hyVd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .b9hyVd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .b9hyVd.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.12); } .b9hyVd:disabled { box-shadow: none; } .b9hyVd:disabled .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .b9hyVd:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .b9hyVd:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .b9hyVd:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .b9hyVd:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .b9hyVd:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .b9hyVd:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .b9hyVd:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .Kjnxrf { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .Kjnxrf .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .Kjnxrf:not(:disabled) { background-color: rgb(232, 240, 254); } .Kjnxrf:not(:disabled) { color: rgb(25, 103, 210); } .Kjnxrf:disabled { background-color: rgba(60, 64, 67, 0.12); } .Kjnxrf:disabled { color: rgba(60, 64, 67, 0.38); } .Kjnxrf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .Kjnxrf:a= ctive:not(:disabled), .Kjnxrf:hover:not(:disabled), .Kjnxrf:not(.VfPpkd-ksK= sZd-mWPk3d):focus:not(:disabled) { color: rgb(23, 78, 166); } .Kjnxrf .VfPpkd-Jh9lGc::after, .Kjnxrf .VfPpkd-Jh9lGc::before { background-= color: var(--mdc-ripple-color,rgb(25,103,210)); } .Kjnxrf.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .Kjnxrf:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .Kjnxrf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= Kjnxrf:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .Kjnxrf:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .Kjnxrf:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.1); } .Kjnxrf.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.1); } .Kjnxrf { transition: border 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow= 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none; } .Kjnxrf .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Kjnxrf .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .Kjnxrf .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(25, 103, 210); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .Kjnxrf .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .Kjnxrf .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .Kjnxrf:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60,= 64, 67, 0.15) 0px 1px 3px 1px; } .Kjnxrf:hover .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Kjnxrf:not(:disabled):active { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2= px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .Kjnxrf:not(:disabled):active .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Kjnxrf:disabled { box-shadow: none; } .Kjnxrf:disabled .VfPpkd-BFbNVe-bF1uUb { opacity: 0; } .Kjnxrf:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .Kjnxrf:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .Kjnxrf:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .Kjnxrf:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .Kjnxrf:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .Kjnxrf:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .Kjnxrf:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .ksBjEc { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .ksBjEc .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .ksBjEc:not(:disabled) { background-color: transparent; } .ksBjEc:not(:disabled) { color: var(--gm-colortextbutton-ink-color,rgb(26,1= 15,232)); } .ksBjEc:disabled { color: var(--gm-colortextbutton-disabled-ink-color,rgba(= 60,64,67,.38)); } .ksBjEc .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .ksBjEc .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(26, 115, 232); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .ksBjEc .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .ksBjEc .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .ksBjEc.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .ksBjEc:a= ctive:not(:disabled), .ksBjEc:hover:not(:disabled), .ksBjEc:not(.VfPpkd-ksK= sZd-mWPk3d):focus:not(:disabled) { color: var(--gm-colortextbutton-ink-colo= r--stateful,rgb(23,78,166)); } .ksBjEc .VfPpkd-Jh9lGc::after, .ksBjEc .VfPpkd-Jh9lGc::before { background-= color: var(--gm-colortextbutton-state-color,rgb(26,115,232)); } .ksBjEc.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .ksBjEc:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .ksBjEc.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .ksBjEc.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.12); } .ksBjEc:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .ksBjEc:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .ksBjEc:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .ksBjEc:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .ksBjEc:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .ksBjEc:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .ksBjEc:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .LjDxcd { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; letter-spacing: 0.0107143em; font-weight: 500; text-transform: n= one; } .LjDxcd .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden= ; width: 100%; z-index: 0; } .LjDxcd:not(:disabled) { color: var(--gm-neutraltextbutton-ink-color,rgb(95= ,99,104)); } .LjDxcd:disabled { color: var(--gm-neutraltextbutton-disabled-ink-color,rgb= a(60,64,67,.38)); } .LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .LjDxcd:a= ctive:not(:disabled), .LjDxcd:hover:not(:disabled), .LjDxcd:not(.VfPpkd-ksK= sZd-mWPk3d):focus:not(:disabled) { color: var(--gm-neutraltextbutton-ink-co= lor--stateful,rgb(32,33,36)); } .LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .LjDxcd .VfP= pkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: rgb(95, 99, 104); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .LjDxcd .V= fPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: canvastext; } } .LjDxcd .VfPpkd-Jh9lGc::after, .LjDxcd .VfPpkd-Jh9lGc::before { background-= color: var(--gm-neutraltextbutton-state-color,rgb(95,99,104)); } .LjDxcd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, .LjDxcd:h= over .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::before, .= LjDxcd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .LjDxcd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opac= ity 0.15s linear; } .LjDxcd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .LjDxcd.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.12); } .LjDxcd:disabled.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-Jh9lGc::before, = .LjDxcd:disabled:hover .VfPpkd-Jh9lGc::before { opacity: var(--mdc-ripple-h= over-opacity,0); } .LjDxcd:disabled.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-Jh9lGc::= before, .LjDxcd:disabled:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::b= efore { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,= 0); } .LjDxcd:disabled:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transit= ion: opacity 0.15s linear; } .LjDxcd:disabled:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { = transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,0); } .LjDxcd:disabled.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-= ripple-press-opacity,0); } .DuMIQc { padding: 0px 24px; } .P62QJc { padding: 0px 23px; } .P62QJc.VfPpkd-LgbsSe-OWXEXe-Bz112c-UbuQg { padding: 0px 11px 0px 23px; } .P62QJc.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc { padding: 0px 23px 0px 11px; } .P62QJc { border-width: 1px; } .P62QJc .VfPpkd-Jh9lGc { inset: -1px; border-width: 1px; } .P62QJc .VfPpkd-RLmnJb { left: -1px; width: calc(100% + 2px); } .yHy1rc { z-index: 0; } .yHy1rc .VfPpkd-Bz112c-Jh9lGc::after, .yHy1rc .VfPpkd-Bz112c-Jh9lGc::before= { z-index: -1; } .yHy1rc:disabled { color: var(--gm-iconbutton-disabled-ink-color,rgba(60,64= ,67,.38)); } .fzRBVc { z-index: 0; } .fzRBVc .VfPpkd-Bz112c-Jh9lGc::after, .fzRBVc .VfPpkd-Bz112c-Jh9lGc::before= { z-index: -1; } .fzRBVc:disabled { color: var(--gm-iconbutton-disabled-ink-color,rgba(60,64= ,67,.38)); } .WpHeLc { height: 100%; left: 0px; position: absolute; top: 0px; width: 100= %; outline: none; } .HDnnrf .VfPpkd-kBDsod[dir=3D"rtl"], [dir=3D"rtl"] .HDnnrf .VfPpkd-kBDsod {= transform: scaleX(-1); } .QDwDD[dir=3D"rtl"], [dir=3D"rtl"] .QDwDD { transform: scaleX(-1); } .PDpWxe { will-change: unset; } .LQeN7 .VfPpkd-J1Ukfc-LhBDec { pointer-events: none; border: 2px solid rgb(= 24, 90, 188); border-radius: 6px; box-sizing: content-box; position: absolu= te; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .LQeN7 .VfPpkd-J1Ukfc-LhBDec { border-color: canvastext; } } .LQeN7 .VfPpkd-J1Ukfc-LhBDec::after { content: ""; border: 2px solid rgb(23= 2, 240, 254); border-radius: 8px; display: block; position: absolute; top: = 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% + 4px);= width: calc(100% + 4px); } @media screen and (forced-colors: active) { .LQeN7 .VfPpkd-J1Ukfc-LhBDec::after { border-color: canvastext; } } .LQeN7 .VfPpkd-J1Ukfc-LhBDec { height: calc(100% + 4px); width: calc(100% += 4px); } .LQeN7.gmghec .VfPpkd-J1Ukfc-LhBDec { display: inline-block; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .LQeN7.gmghec .VfPpkd-J1Ukfc-LhBDec { display: none; } } .mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec { pointer-events: none; border: 2px so= lid rgb(24, 90, 188); border-radius: 6px; box-sizing: content-box; position= : absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (forced-colors: active) { .mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec { border-color: canvastext; } } .mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec::after { content: ""; border: 2px soli= d rgb(232, 240, 254); border-radius: 8px; display: block; position: absolut= e; top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100%= + 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec::after { border-color: canvastext; } } .mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec { height: 100%; width: 100%; } .mN1ivc.gmghec .VfPpkd-Bz112c-J1Ukfc-LhBDec { display: inline-block; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .mN1ivc.gmghec .VfPpkd-Bz112c-J1Ukfc-LhBDec { display: none; } } .MyRpB .VfPpkd-kBDsod, .MyRpB .VfPpkd-vQzf8d { opacity: 0; } .VfPpkd-Bz112c-LgbsSe[data-tooltip-enabled=3D"true"]:disabled .VfPpkd-Bz112= c-Jh9lGc, [data-tooltip-enabled=3D"true"]:disabled { pointer-events: auto; = } .GY1Nfe { display: inline-flex; place-content: center; place-items: center;= } html[dir=3D"rtl"] .giSqbe { transform: scaleX(-1); } .EfWJr { font-variation-settings: "FILL" var(--gm2-symbols-icon-fill,0),"RO= ND" var(--gm2-symbols-icon-round,50),"wght" var(--gm2-symbols-icon-weight,4= 00),"GRAD" var(--gm2-symbols-icon-grade,0),"opsz" var(--gm2-symbols-icon-op= tical-size,24); } .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: var(-= -mdc-theme-primary,#6200ee); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .VfPpkd-JGcpL-uI4vCe-LkdAo { stroke: can= vastext; } } .VfPpkd-JGcpL-uI4vCe-u014N { stroke: transparent; } @keyframes mdc-circular-progress-container-rotate {=20 100% { transform: rotate(1turn); } } @keyframes mdc-circular-progress-spinner-layer-rotate {=20 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes mdc-circular-progress-color-1-fade-in-out {=20 0% { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } } @keyframes mdc-circular-progress-color-2-fade-in-out {=20 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-color-3-fade-in-out {=20 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-color-4-fade-in-out {=20 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } } @keyframes mdc-circular-progress-left-spin {=20 0% { transform: rotate(265deg); } 50% { transform: rotate(130deg); } 100% { transform: rotate(265deg); } } @keyframes mdc-circular-progress-right-spin {=20 0% { transform: rotate(-265deg); } 50% { transform: rotate(-130deg); } 100% { transform: rotate(-265deg); } } .VfPpkd-JGcpL-P1ekSe { display: inline-flex; position: relative; direction:= ltr; line-height: 0; overflow: hidden; transition: opacity 0.25s cubic-bez= ier(0.4, 0, 0.6, 1); } .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .VfPpkd-JGcpL-IdXvz-haAclf, .VfPpkd-JGcpL-= QYI5B-pbTTYe, .VfPpkd-JGcpL-uI4vCe-haAclf { position: absolute; width: 100%= ; height: 100%; } .VfPpkd-JGcpL-uI4vCe-haAclf { transform: rotate(-90deg); } .VfPpkd-JGcpL-IdXvz-haAclf { font-size: 0px; letter-spacing: 0px; white-spa= ce: nowrap; opacity: 0; } .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .VfPpkd-JGcpL-uI4vCe-LkdAo-Bd00G { fill: t= ransparent; } .VfPpkd-JGcpL-uI4vCe-LkdAo { transition: stroke-dashoffset 0.5s cubic-bezie= r(0, 0, 0.2, 1); } .VfPpkd-JGcpL-OcUoKf-TpMipd { position: absolute; top: 0px; left: 47.5%; bo= x-sizing: border-box; width: 5%; height: 100%; overflow: hidden; } .VfPpkd-JGcpL-OcUoKf-TpMipd .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { left: -900%; = width: 2000%; transform: rotate(180deg); } .VfPpkd-JGcpL-lLvYUc-e9ayKc { display: inline-flex; position: relative; wid= th: 50%; height: 100%; overflow: hidden; } .VfPpkd-JGcpL-lLvYUc-e9ayKc .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { width: 200%; = } .VfPpkd-JGcpL-lLvYUc-qwU8Me .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { left: -100%; = } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-uI4vCe-haAclf { opacity: 0= ; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-IdXvz-haAclf { opacity: 1;= } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-IdXvz-haAclf { animation: = 1.56824s linear 0s infinite normal none running mdc-circular-progress-conta= iner-rotate; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-QYI5B-pbTTYe { animation: = 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-cir= cular-progress-spinner-layer-rotate; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-Ydhldb-R6PoUb { animation:= 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-ci= rcular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0= s infinite normal both running mdc-circular-progress-color-1-fade-in-out; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-Ydhldb-ibL1re { animation:= 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-ci= rcular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0= s infinite normal both running mdc-circular-progress-color-2-fade-in-out; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-Ydhldb-c5RTEf { animation:= 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-ci= rcular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0= s infinite normal both running mdc-circular-progress-color-3-fade-in-out; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-Ydhldb-II5mzb { animation:= 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal both running mdc-ci= rcular-progress-spinner-layer-rotate, 5332ms cubic-bezier(0.4, 0, 0.2, 1) 0= s infinite normal both running mdc-circular-progress-color-4-fade-in-out; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-lLvYUc-LK5yu .VfPpkd-JGcpL= -IdXvz-LkdAo-Bd00G { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s infi= nite normal both running mdc-circular-progress-left-spin; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-A9y3zc .VfPpkd-JGcpL-lLvYUc-qwU8Me .VfPpkd-JGcp= L-IdXvz-LkdAo-Bd00G { animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) 0s inf= inite normal both running mdc-circular-progress-right-spin; } .VfPpkd-JGcpL-P1ekSe-OWXEXe-xTMeO { opacity: 0; } .VfPpkd-z59Tgd { border-radius: var(--mdc-shape-small,4px); } .VfPpkd-Djsh7e-XxIAqe-cGMI2b, .VfPpkd-Djsh7e-XxIAqe-ma6Yeb { border-radius:= var(--mdc-shape-small,4px); } .VfPpkd-z59Tgd { color: var(--mdc-theme-text-primary-on-dark,white); } .VfPpkd-z59Tgd { background-color: rgba(0, 0, 0, 0.6); } .VfPpkd-MlC99b { color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.8= 7)); } .VfPpkd-IqDDtd { color: rgba(0, 0, 0, 0.6); } .VfPpkd-IqDDtd-hSRGPd { color: var(--mdc-theme-primary,#6200ee); } .VfPpkd-a1tyJ-bN97Pc { overflow-x: unset; overflow-y: auto; } .VfPpkd-suEOdc.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-cGMI2b, .V= fPpkd-suEOdc.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-ma6Yeb, .VfP= pkd-suEOdc.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { background-color: r= gb(255, 255, 255); } .VfPpkd-z59Tgd { -webkit-font-smoothing: antialiased; font-family: var(--md= c-typography-caption-font-family,var(--mdc-typography-font-family,Roboto,sa= ns-serif)); font-size: var(--mdc-typography-caption-font-size,.75rem); font= -weight: var(--mdc-typography-caption-font-weight,400); letter-spacing: var= (--mdc-typography-caption-letter-spacing,.0333333333em); text-decoration: v= ar(--mdc-typography-caption-text-decoration,inherit); text-transform: var(-= -mdc-typography-caption-text-transform,inherit); } .VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd .VfPpkd-BFbNVe-bF1uUb { width: = 100%; height: 100%; top: 0px; left: 0px; } .VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { box-shadow: rgba(0, 0, 0, 0.2= ) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12= ) 0px 1px 5px 0px; border-radius: 4px; line-height: 20px; } .VfPpkd-z59Tgd .VfPpkd-MlC99b { display: block; } .VfPpkd-z59Tgd .VfPpkd-MlC99b::before { display: inline-block; width: 0px; = height: 24px; content: ""; vertical-align: 0px; } .VfPpkd-z59Tgd .VfPpkd-MlC99b { margin-top: 0px; -webkit-font-smoothing: an= tialiased; font-family: var(--mdc-typography-subtitle2-font-family,var(--md= c-typography-font-family,Roboto,sans-serif)); font-size: var(--mdc-typograp= hy-subtitle2-font-size,.875rem); line-height: var(--mdc-typography-subtitle= 2-line-height,1.375rem); font-weight: var(--mdc-typography-subtitle2-font-w= eight,500); letter-spacing: var(--mdc-typography-subtitle2-letter-spacing,.= 0071428571em); text-decoration: var(--mdc-typography-subtitle2-text-decorat= ion,inherit); text-transform: var(--mdc-typography-subtitle2-text-transform= ,inherit); } .VfPpkd-z59Tgd .VfPpkd-IqDDtd { -webkit-font-smoothing: antialiased; font-f= amily: var(--mdc-typography-body2-font-family,var(--mdc-typography-font-fam= ily,Roboto,sans-serif)); font-size: var(--mdc-typography-body2-font-size,.8= 75rem); line-height: var(--mdc-typography-body2-line-height,1.25rem); font-= weight: var(--mdc-typography-body2-font-weight,400); letter-spacing: var(--= mdc-typography-body2-letter-spacing,.0178571429em); text-decoration: var(--= mdc-typography-body2-text-decoration,inherit); text-transform: var(--mdc-ty= pography-body2-text-transform,inherit); } .VfPpkd-z59Tgd { word-break: var(--mdc-tooltip-word-break,normal); overflow= -wrap: anywhere; } .VfPpkd-suEOdc-OWXEXe-eo9XGd-RCfa3e .VfPpkd-z59Tgd-OiiCO { transition: opac= ity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bezier(0, 0, 0.= 2, 1); } .VfPpkd-suEOdc-OWXEXe-ZYIfFd-RCfa3e .VfPpkd-z59Tgd-OiiCO { transition: opac= ity 75ms cubic-bezier(0.4, 0, 1, 1); } .VfPpkd-suEOdc { position: fixed; display: none; z-index: 9; } .VfPpkd-suEOdc-sM5MNb-OWXEXe-nzrxxc { position: relative; } .VfPpkd-suEOdc-OWXEXe-TSZdd, .VfPpkd-suEOdc-OWXEXe-ZYIfFd, .VfPpkd-suEOdc-O= WXEXe-eo9XGd { display: inline-flex; } .VfPpkd-suEOdc-OWXEXe-TSZdd.VfPpkd-suEOdc-OWXEXe-nzrxxc, .VfPpkd-suEOdc-OWX= EXe-ZYIfFd.VfPpkd-suEOdc-OWXEXe-nzrxxc, .VfPpkd-suEOdc-OWXEXe-eo9XGd.VfPpkd= -suEOdc-OWXEXe-nzrxxc { display: inline-block; left: -320px; position: abso= lute; } .VfPpkd-z59Tgd { line-height: 16px; padding: 4px 8px; min-width: 40px; max-= width: 200px; min-height: 22px; max-height: 40vh; box-sizing: border-box; o= verflow: hidden; text-align: center; } .VfPpkd-z59Tgd::before { position: absolute; box-sizing: border-box; width:= 100%; height: 100%; top: 0px; left: 0px; border: 1px solid transparent; bo= rder-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-z59Tgd::before { border-color: canvastext; } } .VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { align-items: flex-start; disp= lay: flex; flex-direction: column; min-height: 22px; min-width: 40px; max-w= idth: 320px; position: relative; text-align: left; } .VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd[dir=3D"rtl"], [dir=3D"rtl"] .Vf= Ppkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { text-align: right; } .VfPpkd-suEOdc-OWXEXe-LlMNQd .VfPpkd-z59Tgd { text-align: left; } .VfPpkd-suEOdc-OWXEXe-LlMNQd .VfPpkd-z59Tgd[dir=3D"rtl"], [dir=3D"rtl"] .Vf= Ppkd-suEOdc-OWXEXe-LlMNQd .VfPpkd-z59Tgd { text-align: right; } .VfPpkd-z59Tgd .VfPpkd-MlC99b { margin: 0px 8px; } .VfPpkd-z59Tgd .VfPpkd-IqDDtd { max-width: 184px; margin: 8px; } .VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd .VfPpkd-IqDDtd { max-width: 304= px; align-self: stretch; } .VfPpkd-z59Tgd .VfPpkd-IqDDtd-hSRGPd { text-decoration: none; } .VfPpkd-IqDDtd, .VfPpkd-MlC99b, .VfPpkd-suEOdc-OWXEXe-nzrxxc-LQLjdd { z-ind= ex: 1; } .VfPpkd-z59Tgd-OiiCO { opacity: 0; transform: scale(0.8); will-change: tran= sform, opacity; } .VfPpkd-suEOdc-OWXEXe-TSZdd .VfPpkd-z59Tgd-OiiCO { transform: scale(1); opa= city: 1; } .VfPpkd-suEOdc-OWXEXe-ZYIfFd .VfPpkd-z59Tgd-OiiCO { transform: scale(1); } .VfPpkd-Djsh7e-XxIAqe-cGMI2b .VfPpkd-BFbNVe-bF1uUb, .VfPpkd-Djsh7e-XxIAqe-m= a6Yeb .VfPpkd-BFbNVe-bF1uUb { width: 100%; height: 100%; top: 0px; left: 0p= x; } .VfPpkd-Djsh7e-XxIAqe-cGMI2b, .VfPpkd-Djsh7e-XxIAqe-ma6Yeb { position: abso= lute; height: 24px; width: 24px; transform: rotate(35deg) skewY(20deg) scal= eX(0.939693); } .VfPpkd-Djsh7e-XxIAqe-cGMI2b { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -= 2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0= px; outline: transparent solid 1px; z-index: -1; } @media screen and (forced-colors: active) { .VfPpkd-Djsh7e-XxIAqe-cGMI2b { outline-color: canvastext; } } .VfPpkd-BFbNVe-bF1uUb { position: absolute; border-radius: inherit; pointer= -events: none; opacity: var(--mdc-elevation-overlay-opacity,0); transition:= opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1); background-color: var(--mdc-el= evation-overlay-color,#fff); } .NZp2ef { background-color: rgb(232, 234, 237); } .EY8ABd .VfPpkd-z59Tgd { background-color: rgb(60, 64, 67); } .EY8ABd .VfPpkd-z59Tgd { color: rgb(232, 234, 237); } .EY8ABd .VfPpkd-IqDDtd, .EY8ABd .VfPpkd-MlC99b { color: rgb(60, 64, 67); } .EY8ABd .VfPpkd-IqDDtd-hSRGPd { color: rgb(26, 115, 232); } .EY8ABd.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-cGMI2b, .EY8ABd.V= fPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-ma6Yeb, .EY8ABd.VfPpkd-suE= Odc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { background-color: rgb(255, 255, 255); } .EY8ABd.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-MlC99b { font-family: "Google S= ans", Roboto, Arial, sans-serif; line-height: 1.25rem; font-size: 0.875rem;= letter-spacing: 0.0178571em; font-weight: 500; } .EY8ABd.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { border-radius: 8px; } .EY8ABd { z-index: 2101; } .ziykHb .VfPpkd-z59Tgd { background-color: rgb(60, 64, 67); } .ziykHb .VfPpkd-z59Tgd { color: rgb(232, 234, 237); } .ziykHb .VfPpkd-IqDDtd, .ziykHb .VfPpkd-MlC99b { color: rgb(60, 64, 67); } .ziykHb .VfPpkd-IqDDtd-hSRGPd { color: rgb(26, 115, 232); } .ziykHb.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-cGMI2b, .ziykHb.V= fPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-Djsh7e-XxIAqe-ma6Yeb, .ziykHb.VfPpkd-suE= Odc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { background-color: rgb(255, 255, 255); } .ziykHb.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-MlC99b { font-family: "Google S= ans", Roboto, Arial, sans-serif; line-height: 1.25rem; font-size: 0.875rem;= letter-spacing: 0.0178571em; font-weight: 500; } .ziykHb.VfPpkd-suEOdc-OWXEXe-nzrxxc .VfPpkd-z59Tgd { border-radius: 8px; } .ziykHb { z-index: 2101; } .EY8ABd-OWXEXe-TAWMXe { position: absolute; left: -10000px; top: auto; widt= h: 1px; height: 1px; overflow: hidden; user-select: none; } .DU29of { position: relative; } .DU29of .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .DU29of .VfPpkd-JGcpL-uI4vCe-LkdAo= { stroke: rgb(66, 133, 244); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DU29of .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G, .DU29of .VfPpkd-JGcpL-uI4vCe-Lkd= Ao { stroke: canvastext; } } .DU29of .VfPpkd-JGcpL-Ydhldb-R6PoUb .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { strok= e: rgb(66, 133, 244); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DU29of .VfPpkd-JGcpL-Ydhldb-R6PoUb .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { str= oke: canvastext; } } .DU29of .VfPpkd-JGcpL-Ydhldb-ibL1re .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { strok= e: rgb(234, 67, 53); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DU29of .VfPpkd-JGcpL-Ydhldb-ibL1re .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { str= oke: canvastext; } } .DU29of .VfPpkd-JGcpL-Ydhldb-c5RTEf .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { strok= e: rgb(251, 188, 4); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DU29of .VfPpkd-JGcpL-Ydhldb-c5RTEf .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { str= oke: canvastext; } } .DU29of .VfPpkd-JGcpL-Ydhldb-II5mzb .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { strok= e: rgb(52, 168, 83); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DU29of .VfPpkd-JGcpL-Ydhldb-II5mzb .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G { str= oke: canvastext; } } .DU29of .VfPpkd-JGcpL-Mr8B3-V67aGc { height: 100%; width: 100%; position: a= bsolute; opacity: 0; overflow: hidden; z-index: -1; } .ne2Ple-suEOdc { position: fixed; display: none; z-index: var(--gm3-tooltip= -plain-z-index,2101); } .ne2Ple-z59Tgd { box-sizing: border-box; min-block-size: 22px; min-inline-s= ize: 40px; overflow-wrap: anywhere; overflow: hidden; padding-block: var(--= gm3-tooltip-plain-container-padding-block,4px); padding-inline: 8px; word-b= reak: normal; max-block-size: var(--gm3-tooltip-plain-container-max-block-s= ize,40vh); } .ne2Ple-z59Tgd::before { position: absolute; box-sizing: border-box; inline= -size: 100%; block-size: 100%; inset-block-start: 0px; inset-inline-start: = 0px; border: 1px solid transparent; border-radius: inherit; content: ""; po= inter-events: none; } .ne2Ple-suEOdc-OWXEXe-TSZdd, .ne2Ple-suEOdc-OWXEXe-ZYIfFd, .ne2Ple-suEOdc-O= WXEXe-eo9XGd { display: inline-flex; } .ne2Ple-z59Tgd-OiiCO { opacity: 0; transform: scale(0.8); will-change: tran= sform, opacity; } .ne2Ple-suEOdc-OWXEXe-TSZdd .ne2Ple-z59Tgd-OiiCO { opacity: 1; transform: s= cale(1); } .ne2Ple-suEOdc-OWXEXe-ZYIfFd .ne2Ple-z59Tgd-OiiCO { transform: scale(1); } .ne2Ple-suEOdc-OWXEXe-eo9XGd-RCfa3e .ne2Ple-z59Tgd-OiiCO { transition: opac= ity 0.15s cubic-bezier(0, 0, 0.2, 1), transform 0.15s cubic-bezier(0, 0, 0.= 2, 1); } .ne2Ple-suEOdc-OWXEXe-ZYIfFd-RCfa3e .ne2Ple-z59Tgd-OiiCO { transition: opac= ity 75ms cubic-bezier(0.4, 0, 1, 1); } .ne2Ple-suEOdc-OWXEXe-pijamc .ne2Ple-z59Tgd { max-inline-size: var(--gm3-to= oltip-plain-container-max-inline-size,200px); background-color: var(--gm3-t= ooltip-plain-container-color,var(--gm3-sys-color-inverse-surface,#303030));= border-radius: var(--gm3-tooltip-plain-container-shape,4px); color: var(--= gm3-tooltip-plain-supporting-text-color,var(--gm3-sys-color-inverse-on-surf= ace,#f2f2f2)); font-family: var(--gm3-tooltip-plain-supporting-text-font,"G= oogle Sans Flex","Google Sans Text","Google Sans",Roboto,Arial,sans-serif);= font-size: var(--gm3-tooltip-plain-supporting-text-size,.75rem); font-weig= ht: var(--gm3-tooltip-plain-supporting-text-weight,400); letter-spacing: va= r(--gm3-tooltip-plain-supporting-text-tracking,.00625rem); line-height: var= (--gm3-tooltip-plain-supporting-text-line-height,1rem); text-align: center;= font-variation-settings: var(--gm3-tooltip-plain-supporting-text-font-vari= ation-settings,initial); } .ne2Ple-suEOdc-OWXEXe-LlMNQd .ne2Ple-z59Tgd { text-align: start; } .ne2Ple-oshW8e-V67aGc { position: absolute; left: -10000px; top: auto; inli= ne-size: 1px; height: 1px; overflow: hidden; user-select: none; } .ge16tc { border-radius: 50%; height: 80px; width: 80px; } .QH9mjd { position: absolute; pointer-events: none; transform: scaleX(-1); = } [dir=3D"rtl"] .QH9mjd { transform: scaleX(1); } .gWizie { align-items: center; background-color: var(--gm3-sys-color-invers= e-surface,#303030); border-radius: 50%; color: var(--gm3-sys-color-inverse-= primary,#a8c7fa); display: flex; height: 80px; justify-content: center; opa= city: 0; position: absolute; width: 80px; } .gWizie:hover { opacity: 0.5; } .UTNHae { overflow: hidden; outline: none; -webkit-tap-highlight-color: tra= nsparent; } .UTNHae, .UTNHae::after, .UTNHae::before { position: absolute; pointer-even= ts: none; top: 0px; left: 0px; width: 100%; height: 100%; border-start-star= t-radius: var(--QOcx9e,inherit); border-start-end-radius: var(--vRgHIb,inhe= rit); border-end-start-radius: var(--Pk3PIb,inherit); border-end-end-radius= : var(--xg9FB,inherit); } .UTNHae::after, .UTNHae::before { opacity: 0; content: ""; } .UTNHae::before { transition: opacity 75ms linear,border-radius var(--YGBgu= f,0s) linear; background-color: var(--sbadab,transparent); } .J58z0d::before { opacity: var(--hSHBee,0); } .UTNHae::after { opacity: 0; background: radial-gradient(closest-side,var(-= -F1tVH,transparent) max(100% - 70px,65%),transparent 100%); transition: opa= city .25s linear,border-radius var(--YGBguf,0s) linear; transform-origin: c= enter center; } .Biaggc::after { transition-duration: 105ms; opacity: var(--kDWEsd,0); } @media (forced-colors: active) { .UTNHae { display: none; } } .XjoK4b { display: var(--H6apye,none); pointer-events: none; position: abso= lute; z-index: 1; border-start-start-radius: calc(var(--vTiv8c, 0px) + var(= --hK0TOb, 2px)); border-start-end-radius: calc(var(--UtHrue, 0px) + var(--h= K0TOb, 2px)); border-end-end-radius: calc(var(--uHecC, 0px) + var(--hK0TOb,= 2px)); border-end-start-radius: calc(var(--C8LWjb, 0px) + var(--hK0TOb, 2p= x)); inset: calc(var(--hK0TOb, 2px)*-1); box-shadow: 0 0 0 var(--SGGi,3px) = var(--jF0a9c,var(--gm3-sys-color-secondary,#00639b)); outline: var(--SGGi,3= px) solid transparent; } @media (forced-colors: active) { .XjoK4b { outline-color: canvastext; } } .XjoK4b { animation-name: gm3-focus-ring-outward-grows, gm3-focus-ring-outw= ard-shrinks; animation-duration: 0.15s, 0.45s; animation-delay: 0s, 0.15s; = animation-timing-function: cubic-bezier(0.2, 0, 0, 1), cubic-bezier(0.2, 0,= 0, 1); } @keyframes gm3-focus-ring-outward-grows {=20 0% { box-shadow: 0 0 0 0 var(--jF0a9c,var(--gm3-sys-color-secondary,#0063= 9b)); } 100% { box-shadow: 0 0 0 8px var(--jF0a9c,var(--gm3-sys-color-secondary,#= 00639b)); } } @keyframes gm3-focus-ring-outward-shrinks {=20 0% { box-shadow: 0 0 0 8px var(--jF0a9c,var(--gm3-sys-color-secondary,#00= 639b)); } } @media (prefers-reduced-motion) { .XjoK4b { animation: auto ease 0s 1 normal none running none; } } .dxms6c { animation: auto ease 0s 1 normal none running none; } .pYTkkf-Bz112c-LgbsSe { align-items: center; appearance: none; background: = transparent; border-width: medium; border-style: none; border-color: curren= tcolor; border-image: none; box-sizing: border-box; cursor: pointer; displa= y: inline-flex; fill: currentcolor; justify-content: center; line-height: i= nherit; outline: none; position: relative; text-rendering: inherit; user-se= lect: none; block-size: var(--gm3-icon-button-standard-container-height,40p= x); inline-size: var(--gm3-icon-button-standard-container-width,40px); padd= ing-block: calc((var(--gm3-icon-button-standard-container-height, 40px) - v= ar(--gm3-icon-button-standard-icon-size, 24px))/2); padding-inline: calc((v= ar(--gm3-icon-button-standard-container-width, 40px) - var(--gm3-icon-butto= n-standard-icon-size, 24px))/2); border-start-start-radius: min(var(--gm3-i= con-button-standard-container-shape-start-start,9999px),var(--gm3-icon-butt= on-standard-container-height,40px)/2); border-end-end-radius: min(var(--gm3= -icon-button-standard-container-shape-end-end,9999px),var(--gm3-icon-button= -standard-container-height,40px)/2); border-start-end-radius: min(var(--gm3= -icon-button-standard-container-shape-start-end,9999px),var(--gm3-icon-butt= on-standard-container-height,40px)/2); border-end-start-radius: min(var(--g= m3-icon-button-standard-container-shape-end-start,9999px),var(--gm3-icon-bu= tton-standard-container-height,40px)/2); --jF0a9c: var(--gm3-icon-button-st= andard-focus-indicator-color,var(--gm3-sys-color-secondary,#00639b)); --hK0= TOb: var(--gm3-icon-button-standard-focus-indicator-outline-offset,2px); --= SGGi: var(--gm3-icon-button-standard-focus-indicator-thickness,3px); --vTiv= 8c: min(var(--gm3-icon-button-standard-container-shape-start-start,9999px),= var(--gm3-icon-button-standard-container-height,40px)/2); --uHecC: min(var(= --gm3-icon-button-standard-container-shape-end-end,9999px),var(--gm3-icon-b= utton-standard-container-height,40px)/2); --UtHrue: min(var(--gm3-icon-butt= on-standard-container-shape-start-end,9999px),var(--gm3-icon-button-standar= d-container-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-standard-c= ontainer-shape-end-start,9999px),var(--gm3-icon-button-standard-container-h= eight,40px)/2); } .pYTkkf-Bz112c-LgbsSe, .pYTkkf-Bz112c-UHGRz { transition: border-radius var= (--gm3-icon-button-standard-container-shape-transition-duration,.35s) var(-= -gm3-icon-button-standard-container-shape-transition-easing-function,cubic-= bezier(.27,1.06,.18,1)); } .pYTkkf-Bz112c-LgbsSe::before { border-radius: inherit; border: 1px solid t= ransparent; box-sizing: border-box; content: ""; inset: 0px; pointer-events= : none; position: absolute; z-index: 1; } .pYTkkf-Bz112c-LgbsSe i, .pYTkkf-Bz112c-LgbsSe img, .pYTkkf-Bz112c-LgbsSe s= vg { block-size: var(--gm3-icon-button-standard-icon-size,24px); font-size:= var(--gm3-icon-button-standard-icon-size,24px); inline-size: var(--gm3-ico= n-button-standard-icon-size,24px); } .pYTkkf-Bz112c-kBDsod-Rtc0Jf.pYTkkf-Bz112c-kBDsod-Rtc0Jf { block-size: var(= --gm3-icon-button-standard-icon-size,24px); display: inline-block; inline-s= ize: var(--gm3-icon-button-standard-icon-size,24px); line-height: 0; z-inde= x: 1; } .pYTkkf-Bz112c-kBDsod-Rtc0Jf-OWXEXe-Xhs9z { opacity: 1; position: absolute;= transition-duration: 50ms; transition-property: opacity; } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd .pYTkkf-Bz112c-kBDsod-Rtc0Jf, .pYTkkf-B= z112c-kBDsod-Rtc0Jf.pYTkkf-Bz112c-kBDsod-Rtc0Jf-OWXEXe-IT5dJd { opacity: 0;= } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd .pYTkkf-Bz112c-kBDsod-Rtc0Jf-OWXEXe-IT5= dJd { display: inline-block; opacity: 1; transition-duration: 50ms; transit= ion-property: opacity; } .pYTkkf-Bz112c-LgbsSe .pYTkkf-Bz112c-mRLv6:focus-visible ~ .pYTkkf-Bz112c-U= HGRz, .pYTkkf-Bz112c-LgbsSe:focus-visible { --H6apye: block; } .pYTkkf-Bz112c-LgbsSe[hidden] { display: none; } .pYTkkf-Bz112c-LgbsSe-OWXEXe-drxrmf-Bz112c-bEDTcc-SIsrTd[dir=3D"rtl"], [dir= =3D"rtl"] .pYTkkf-Bz112c-LgbsSe-OWXEXe-drxrmf-Bz112c-bEDTcc-SIsrTd { transf= orm: scaleX(-1); } .pYTkkf-Bz112c-mRLv6 { block-size: 100%; inline-size: 100%; left: 0px; outl= ine: none; position: absolute; top: 0px; } .pYTkkf-Bz112c-RLmnJb { block-size: var(--gm3-icon-button-standard-touch-ta= rget-size,48px); inline-size: var(--gm3-icon-button-standard-touch-target-s= ize,48px); left: auto; position: absolute; top: 50%; transform: translateY(= -50%); z-index: 1; } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd { border-start-start-radius: min(var(--= gm3-icon-button-standard-selected-container-shape-start-start,9999px),var(-= -gm3-icon-button-standard-container-height,40px)/2); border-end-end-radius:= min(var(--gm3-icon-button-standard-selected-container-shape-end-end,9999px= ),var(--gm3-icon-button-standard-container-height,40px)/2); border-start-en= d-radius: min(var(--gm3-icon-button-standard-selected-container-shape-start= -end,9999px),var(--gm3-icon-button-standard-container-height,40px)/2); bord= er-end-start-radius: min(var(--gm3-icon-button-standard-selected-container-= shape-end-start,9999px),var(--gm3-icon-button-standard-container-height,40p= x)/2); --vTiv8c: min(var(--gm3-icon-button-standard-selected-container-shap= e-start-start,9999px),var(--gm3-icon-button-standard-container-height,40px)= /2); --uHecC: min(var(--gm3-icon-button-standard-selected-container-shape-e= nd-end,9999px),var(--gm3-icon-button-standard-container-height,40px)/2); --= UtHrue: min(var(--gm3-icon-button-standard-selected-container-shape-start-e= nd,9999px),var(--gm3-icon-button-standard-container-height,40px)/2); --C8LW= jb: min(var(--gm3-icon-button-standard-selected-container-shape-end-start,9= 999px),var(--gm3-icon-button-standard-container-height,40px)/2); } @media not (prefers-reduced-motion) { .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd:active, .pYTkkf-Bz112c-LgbsSe:active = { border-start-start-radius: min(var(--gm3-icon-button-standard-pressed-con= tainer-shape-start-start,9999px),var(--gm3-icon-button-standard-container-h= eight,40px)/2); border-end-end-radius: min(var(--gm3-icon-button-standard-p= ressed-container-shape-end-end,9999px),var(--gm3-icon-button-standard-conta= iner-height,40px)/2); border-start-end-radius: min(var(--gm3-icon-button-st= andard-pressed-container-shape-start-end,9999px),var(--gm3-icon-button-stan= dard-container-height,40px)/2); border-end-start-radius: min(var(--gm3-icon= -button-standard-pressed-container-shape-end-start,9999px),var(--gm3-icon-b= utton-standard-container-height,40px)/2); --vTiv8c: min(var(--gm3-icon-butt= on-standard-pressed-container-shape-start-start,9999px),var(--gm3-icon-butt= on-standard-container-height,40px)/2); --uHecC: min(var(--gm3-icon-button-s= tandard-pressed-container-shape-end-end,9999px),var(--gm3-icon-button-stand= ard-container-height,40px)/2); --UtHrue: min(var(--gm3-icon-button-standard= -pressed-container-shape-start-end,9999px),var(--gm3-icon-button-standard-c= ontainer-height,40px)/2); --C8LWjb: min(var(--gm3-icon-button-standard-pres= sed-container-shape-end-start,9999px),var(--gm3-icon-button-standard-contai= ner-height,40px)/2); } } .pYTkkf-Bz112c-LgbsSe:disabled { --hSHBee: 0; --kDWEsd: 0; cursor: default;= pointer-events: none; } .pYTkkf-Bz112c-LgbsSe-OWXEXe-SfQLQb-suEOdc:disabled { pointer-events: auto;= } .pYTkkf-Bz112c-LgbsSe { color: var(--gm3-icon-button-standard-unselected-ic= on-color,var(--gm3-sys-color-on-surface-variant,#444746)); will-change: tra= nsform, opacity; --sbadab: var(--gm3-icon-button-standard-unselected-hover-= state-layer-color,var(--gm3-sys-color-on-surface-variant,#444746)); --hSHBe= e: var(--gm3-icon-button-standard-unselected-hover-state-layer-opacity,0.08= ); --F1tVH: var(--gm3-icon-button-standard-unselected-pressed-state-layer-c= olor,var(--gm3-sys-color-on-surface-variant,#444746)); --kDWEsd: var(--gm3-= icon-button-standard-unselected-pressed-state-layer-opacity,0.1); } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd { color: var(--gm3-icon-button-standard= -selected-icon-color,var(--gm3-sys-color-primary,#0b57d0)); --sbadab: var(-= -gm3-icon-button-standard-selected-hover-state-layer-color,var(--gm3-sys-co= lor-primary,#0b57d0)); --hSHBee: var(--gm3-icon-button-standard-selected-ho= ver-state-layer-opacity,0.08); --F1tVH: var(--gm3-icon-button-standard-sele= cted-pressed-state-layer-color,var(--gm3-sys-color-primary,#0b57d0)); --kDW= Esd: var(--gm3-icon-button-standard-selected-pressed-state-layer-opacity,0.= 1); } .pYTkkf-Bz112c-LgbsSe:hover { color: var(--gm3-icon-button-standard-unselec= ted-hover-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .pYTkkf-Bz112c-LgbsSe:focus-visible { color: var(--gm3-icon-button-standard= -unselected-focus-icon-color,var(--gm3-sys-color-on-surface-variant,#444746= )); } .pYTkkf-Bz112c-LgbsSe:active { color: var(--gm3-icon-button-standard-unsele= cted-pressed-icon-color,var(--gm3-sys-color-on-surface-variant,#444746)); } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd:hover { color: var(--gm3-icon-button-st= andard-selected-hover-icon-color,var(--gm3-sys-color-primary,#0b57d0)); } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd:focus-visible { color: var(--gm3-icon-b= utton-standard-selected-focus-icon-color,var(--gm3-sys-color-primary,#0b57d= 0)); } .pYTkkf-Bz112c-LgbsSe-OWXEXe-IT5dJd:active { color: var(--gm3-icon-button-s= tandard-selected-pressed-icon-color,var(--gm3-sys-color-primary,#0b57d0)); = } .pYTkkf-Bz112c-LgbsSe:disabled { color: var(--gm3-icon-button-standard-disa= bled-icon-color,rgba(var(--gm3-sys-color-on-surface-rgb,31,31,31),.38)); } .MsfQme { background-color: var(--gm3-sys-color-surface-container-low,#f8fa= fd); border-radius: 0.75rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px 0p= x, rgba(0, 0, 0, 0.15) 0px 2px 12px 2px; max-width: 30.5rem; min-width: 21.= 25rem; opacity: 1; outline: transparent solid 1px; outline-offset: -1px; ov= erflow: hidden; position: absolute; transition: opacity 0.25s, transform 0.= 25s; z-index: 2201; } .jtlC9 { align-items: flex-start; display: flex; flex-direction: column; ga= p: 0.5rem; margin: 0.5rem; max-width: inherit; } .ksQX7 { display: flex; align-items: center; align-self: stretch; margin-bo= ttom: 0px; } .DPv7Kb { align-self: center; border-radius: 50%; display: inline-block; fl= ex-shrink: 0; height: 5rem; margin-right: 0.75rem; outline: transparent sol= id 1px; position: relative; width: 5rem; } .DPv7Kb.sRArlf::after { font-family: "Material Icons Extended"; font-weight= : 400; font-style: normal; font-size: 0.75rem; line-height: 1; letter-spaci= ng: normal; text-rendering: optimizelegibility; text-transform: none; overf= low-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-fo= nt-smoothing: antialiased; align-items: center; border-radius: 50%; bottom:= 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0= .15) 0px 1px 3px 1px; color: rgb(255, 255, 255); content: "=EE=9F=AE"; disp= lay: flex; height: 1.25rem; justify-content: center; position: absolute; ri= ght: 0px; width: 1.25rem; z-index: 2; background-color: rgb(27, 110, 243); = border: 1px solid var(--gm3-sys-color-background,#fff); outline: transparen= t solid 1px; } .hk82Qc { border-radius: 50%; display: flex; height: 5rem; justify-content:= center; width: 5rem; } .w9bUKd { height: 100%; object-fit: cover; width: 100%; } .Ixqire { background-color: rgb(217, 186, 253); } .cUgVJd { align-self: center; fill: rgb(64, 11, 132); height: 2.75rem; widt= h: 2.75rem; } .UbeAte { display: flex; flex-direction: column; gap: 0.25rem; overflow: hi= dden; padding-right: 4px; min-width: 0px; } .w6G2uc { align-items: center; display: flex; flex-wrap: nowrap; gap: 0.5re= m; width: 100%; } .S4tbee { align-items: flex-start; flex-direction: column; gap: 0.375rem; } .qDAzwc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-= clamp: 2; max-height: 3rem; font-family: "Google Sans"; font-size: 1.375rem= ; font-weight: 400; letter-spacing: 0px; line-height: 1.75rem; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); overflow: hidden; text-overflow: ellips= is; white-space: nowrap; flex: 0 1 auto; min-width: 0px; } .SKslKc { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-size: 1.125r= em; line-height: 1.5rem; white-space: normal; } .yl5OVc { align-items: center; display: inline-flex; position: relative; ve= rtical-align: middle; } .ycapod { height: 0.75rem; inset-inline-start: 0.25rem; pointer-events: non= e; position: absolute; top: 50%; transform: translateY(-50%); width: 0.75re= m; z-index: 1; } .A7MT9b .ycapod { color: rgb(64, 11, 132); } .pZNQFf .ycapod { color: rgb(109, 58, 1); } .u87GUd .ycapod { color: rgb(94, 94, 94); } @media (forced-colors: active), (prefers-contrast: more) { .A7MT9b .ycapod, .pZNQFf .ycapod, .u87GUd .ycapod { color: canvastext; } } .YzNUIb, .erVHVd { align-items: center; display: inline-flex; } .erVHVd { --M4R9Bb: #d9bafd; --xTmMle: #400b84; --KyonUb: 1.25rem; --VvGUcf= : 0.25rem; --wBNXub: 0.25rem; --Fpgz9e: 0.25rem; --UwFqdb: 0.25rem; flex-sh= rink: 0; padding-inline: 1.125rem 0.25rem; white-space: nowrap; } .YzNUIb { --M4R9Bb: #ffe07c; --xTmMle: #6d3a01; --KyonUb: 1.25rem; --VvGUcf= : 0.25rem; --wBNXub: 0.25rem; --Fpgz9e: 0.25rem; --UwFqdb: 0.25rem; flex-sh= rink: 0; padding-inline: 1.125rem 0.25rem; white-space: nowrap; } .hrsGVe.hrsGVe { font-size: 1rem; height: 1.5rem; left: -62.4375rem; margin= -left: 4px; padding: 0.125rem; position: absolute; width: 1.5rem; min-heigh= t: 1.5rem; min-width: 1.5rem; } .hrsGVe.hrsGVe > .VfPpkd-Bz112c-Jh9lGc { height: 1.5rem; margin: 0px; width= : 1.5rem; } .hrsGVe.hrsGVe { flex-shrink: 0; left: auto; opacity: 0; position: relative= ; transition: opacity 0.2s; } .UbLoBe.UbLoBe { color: var(--gm3-sys-color-primary,#0b57d0); height: 1.25r= em; padding: 0px; width: 1.25rem; } @media (forced-colors: active), (prefers-contrast: more) { .UbLoBe.UbLoBe { color: canvastext; } } .hARr4b { align-items: center; display: flex; max-width: 100%; min-width: 0= px; flex-wrap: nowrap; } .hARr4b.IE5Ksc { min-height: 1.5rem; } .hARr4b:focus-within .hrsGVe, .hARr4b:hover .hrsGVe { opacity: 1; } .udHB1b { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; col= or: var(--gm3-sys-color-on-surface-variant,#444746); flex: 1 1 auto; overfl= ow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0px; } .L9YPmb { align-self: stretch; display: flex; flex-direction: column; gap: = 0.25rem; } .bUA7i { align-self: stretch; background-color: var(--gm3-sys-color-surface= -container,#f0f4f9); border-radius: 0px; display: flex; gap: 0.75rem; paddi= ng: 0.75rem 1rem; } .bUA7i:first-child { border-top-left-radius: 1.25rem; border-top-right-radi= us: 1.25rem; } .bUA7i:last-child { border-bottom-left-radius: 1.25rem; border-bottom-right= -radius: 1.25rem; } .yabw4d { color: var(--gm3-sys-color-on-surface-variant,#444746); width: 1.= 125rem; height: 1.125rem; } .UMbO1d { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size:= 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; col= or: var(--gm3-sys-color-on-surface-variant,#444746); max-width: 17rem; } .kq9bue { color: var(--gm3-sys-color-primary,#0b57d0); text-decoration: non= e; } .kq9bue:focus, .kq9bue:hover { color: var(--gm3-sys-color-primary,#0b57d0);= text-decoration: underline; } .kq9bue:focus-visible { outline: 2px solid var(--gm3-sys-color-outline,#747= 775); outline-offset: -1px; } .gXk5Bd { align-items: center; background-color: var(--gm3-sys-color-surfac= e-container,#f0f4f9); display: flex; outline: transparent solid 1px; paddin= g: 6px 12px; } .gXk5Bd:empty { display: none; } .gXk5Bd { background-color: transparent; display: inline; padding: 0px; } .d5g0y { font-family: "Google Sans Text"; font-weight: 500; align-items: ce= nter; color: var(--gm3-sys-color-primary,#0b57d0); display: flex; padding: = 2px 0px; } .d5g0y:focus, .d5g0y:hover { text-decoration: underline; } .d5g0y:focus-visible { outline: 2px solid var(--gm3-sys-color-outline,#7477= 75); } .d5g0y { font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: = 0.875rem; font-weight: 400; letter-spacing: 0px; line-height: 1.25rem; disp= lay: inline; } .jdTRed { align-items: center; color: var(--gm3-sys-color-primary,#0b57d0);= display: flex; padding-left: 8px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .jdTRed { filter: brightness(0) invert(1); } } .kSfJJb { display: contents; } .SnJ5L { display: block; } .SnJ5L .hk82Qc { background-color: var(--gm3-sys-color-surface-container-hi= ghest,#dde3ea); } .SnJ5L .cUgVJd { fill: rgb(94, 94, 94); } .SnJ5L .erVHVd { --M4R9Bb: var(--gm3-sys-color-surface-container-highest,#d= de3ea); --xTmMle: var(--gm3-sys-color-on-surface-variant,#444746); } .CyMiId { position: relative; background-color: var(--KoO2Cf,var(--gm3-sys-= color-error,#b3261e)); border-end-end-radius: var(--kkVidc,9999px); border-= end-start-radius: var(--PlbfGb,9999px); border-start-end-radius: var(--Ovbw= Dd,9999px); border-start-start-radius: var(--iXG50e,9999px); height: var(--= DfC58,6px); width: var(--DfC58,6px); } .BSCbVb { position: absolute; inset-block-start: 0px; inset-inline-end: 0px= ; } .p6Kmgb { inset-block: auto calc(50% - 2px); inset-inline: 50% auto; } .UjoeDe { align-items: center; display: flex; justify-content: center; widt= h: auto; background-color: var(--M4R9Bb,var(--gm3-sys-color-error,#b3261e))= ; border-end-end-radius: var(--Fpgz9e,9999px); border-end-start-radius: var= (--UwFqdb,9999px); border-start-end-radius: var(--wBNXub,9999px); border-st= art-start-radius: var(--VvGUcf,9999px); height: var(--KyonUb,16px); min-wid= th: var(--KyonUb,16px); } .aRJ9cf { margin: 0px 4px; color: var(--xTmMle,var(--gm3-sys-color-on-error= ,#fff)); font-family: var(--amGeY,"Google Sans Flex","Google Sans Text","Go= ogle Sans",Roboto,Arial,sans-serif); font-size: var(--Yv6tNb,.6875rem); fon= t-weight: var(--HNIrpe,500); letter-spacing: var(--VnVvie,.00625rem); line-= height: var(--kzN8t,1rem); font-variation-settings: var(--JrKOG,initial); } @media (forced-colors: active) { .CyMiId { background-color: buttontext; } .UjoeDe { background-color: buttonface; border: 1px solid buttontext; box= -sizing: border-box; } } .woWi2d { align-items: center; background: var(--gm3-sys-color-surface-cont= ainer-high,#e9eef6); outline: transparent solid 1px; display: flex; justify= -content: space-between; padding: 8px 12px; } .ScrSe { flex: initial; } .AlZGxe { display: inline-flex; flex: initial; } .H9Rkbc { font-family: "Google Sans Text"; font-size: 0.875rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); } .cEC6Wb.cEC6Wb { height: 28px; margin-top: 0px; margin-bottom: 0px; } .cEC6Wb.cEC6Wb .VfPpkd-RLmnJb { height: 100%; } .cEC6Wb.cEC6Wb { color: var(--gm3-sys-color-primary,#0b57d0); outline: tran= sparent solid 1px; } .cEC6Wb.cEC6Wb:not(.RDPZE):hover { background-color: initial; } @keyframes quantumWizBoxInkSpread {=20 0% { transform: translate(-50%, -50%) scale(0.2); } 100% { transform: translate(-50%, -50%) scale(2.2); } } @keyframes quantumWizIconFocusPulse {=20 0% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(2); opacity: 1; } } @keyframes quantumWizRadialInkSpread {=20 0% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(2.5); opacity: 1; } } @keyframes quantumWizRadialInkFocusPulse {=20 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(2.5); opacity: 1; } } .O0WRkf { user-select: none; transition: background 0.2s 0.1s; border: 0px;= border-radius: 3px; cursor: pointer; display: inline-block; font-size: 14p= x; font-weight: 500; min-width: 4em; outline: none; overflow: hidden; posit= ion: relative; text-align: center; text-transform: uppercase; -webkit-tap-h= ighlight-color: transparent; z-index: 0; } .A9jyad { font-size: 13px; line-height: 16px; } .zZhnYe { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); backgr= ound: rgb(223, 223, 223); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, = rgba(0, 0, 0, 0.12) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; } .zZhnYe.qs41qe { transition: background 0.8s; box-shadow: rgba(0, 0, 0, 0.1= 4) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px, rgba(0, 0, 0, 0.= 2) 0px 5px 5px -3px; } .e3Duub, .e3Duub a, .e3Duub a:hover, .e3Duub a:link, .e3Duub a:visited { ba= ckground: rgb(66, 133, 244); color: rgb(255, 255, 255); } .HQ8yf, .HQ8yf a { color: rgb(66, 133, 244); } .UxubU, .UxubU a { color: rgb(255, 255, 255); } .ZFr60d { position: absolute; inset: 0px; background-color: transparent; } .O0WRkf.u3bW4e .ZFr60d { background-color: rgba(0, 0, 0, 0.12); } .UxubU.u3bW4e .ZFr60d { background-color: rgba(255, 255, 255, 0.3); } .e3Duub.u3bW4e .ZFr60d { background-color: rgba(0, 0, 0, 0.12); } .HQ8yf.u3bW4e .ZFr60d { background-color: rgba(66, 133, 244, 0.15); } .Vwe4Vb { transform: translate(-50%, -50%) scale(0); transition: opacity 0.= 2s, visibility 0.2s, transform 0.2s; background-size: cover; left: 0px; opa= city: 0; pointer-events: none; position: absolute; top: 0px; visibility: hi= dden; } .O0WRkf.qs41qe .Vwe4Vb { transform: translate(-50%, -50%) scale(2.2); opaci= ty: 1; visibility: visible; } .O0WRkf.qs41qe.M9Bg4d .Vwe4Vb { transition: transform 0.3s cubic-bezier(0, = 0, 0.2, 1), opacity 0.2s cubic-bezier(0, 0, 0.2, 1); } .O0WRkf.j7nIZb .Vwe4Vb { transform: translate(-50%, -50%) scale(2.2); visib= ility: visible; } .oG5Srb .Vwe4Vb, .zZhnYe .Vwe4Vb { background-image: radial-gradient(circle= farthest-side, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 80%, transparent 1= 00%); } .HQ8yf .Vwe4Vb { background-image: radial-gradient(circle farthest-side, rg= ba(66, 133, 244, 0.25), rgba(66, 133, 244, 0.25) 80%, transparent 100%); } .e3Duub .Vwe4Vb { background-image: radial-gradient(circle farthest-side, r= gb(51, 103, 214), rgb(51, 103, 214) 80%, transparent 100%); } .UxubU .Vwe4Vb { background-image: radial-gradient(circle farthest-side, rg= ba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 80%, transparent 100%); } .O0WRkf.RDPZE { box-shadow: none; color: rgba(68, 68, 68, 0.5); cursor: def= ault; fill: rgba(68, 68, 68, 0.5); } .zZhnYe.RDPZE { background: rgba(153, 153, 153, 0.1); } .UxubU.RDPZE { color: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, 0= .5); } .UxubU.zZhnYe.RDPZE { background: rgba(204, 204, 204, 0.1); } .CwaK9 { position: relative; } .RveJvd { display: inline-block; margin: 0.5em; } .DPvwYc { font-family: "Material Icons Extended"; font-weight: 400; font-st= yle: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-= rendering: optimizelegibility; text-transform: none; display: inline-block;= overflow-wrap: normal; direction: ltr; font-feature-settings: "liga"; -web= kit-font-smoothing: antialiased; } html[dir=3D"rtl"] .sm8sCf { transform: scaleX(-1); } .VfPpkd-StrnGf-rymPhb { -webkit-font-smoothing: antialiased; font-family: v= ar(--mdc-typography-subtitle1-font-family,var(--mdc-typography-font-family,= Roboto,sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size,1r= em); font-weight: var(--mdc-typography-subtitle1-font-weight,400); letter-s= pacing: var(--mdc-typography-subtitle1-letter-spacing,.009375em); text-deco= ration: var(--mdc-typography-subtitle1-text-decoration,inherit); text-trans= form: var(--mdc-typography-subtitle1-text-transform,inherit); line-height: = 1.5rem; margin: 0px; padding: 8px 0px; list-style-type: none; } .VfPpkd-StrnGf-rymPhb:focus { outline: none; } .VfPpkd-StrnGf-rymPhb { color: var(--mdc-theme-text-primary-on-background,r= gba(0,0,0,.87)); } .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { color: var(--mdc-theme-text-secondary-= on-background,rgba(0,0,0,.54)); } .VfPpkd-StrnGf-rymPhb-f7MjDc { background-color: transparent; } .VfPpkd-StrnGf-rymPhb-f7MjDc { color: var(--mdc-theme-text-icon-on-backgrou= nd,rgba(0,0,0,.38)); } .VfPpkd-StrnGf-rymPhb-IhFlZd { color: var(--mdc-theme-text-hint-on-backgrou= nd,rgba(0,0,0,.38)); } .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c { o= pacity: 0.38; } .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmc= mS, .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c= , .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-f= mcmS { color: var(--mdc-theme-on-surface,#000); } .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd, .VfPpkd-StrnGf-rymPhb-ibnC6b-OW= XEXe-pXU01b { color: var(--mdc-theme-primary,#6200ee); } .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7MjDc, .V= fPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-f7MjDc { col= or: var(--mdc-theme-primary,#6200ee); } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc { padding-top: 4px; padding-bottom: 4px;= font-size: 0.812rem; } .VfPpkd-StrnGf-rymPhb-Tkg0ld { display: block; } .VfPpkd-StrnGf-rymPhb-Zmlebc-LhBDec { position: absolute; } .VfPpkd-StrnGf-rymPhb-ibnC6b { display: flex; position: relative; align-ite= ms: center; justify-content: flex-start; overflow: hidden; padding: 0px; } .VfPpkd-StrnGf-rymPhb-ibnC6b:focus { outline: none; } .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::bef= ore, .VfPpkd-StrnGf-rymPhb-ibnC6b:not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-g= k6SMd):focus::before { position: absolute; box-sizing: border-box; width: 1= 00%; height: 100%; top: 0px; left: 0px; border: 1px solid transparent; bord= er-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::b= efore, .VfPpkd-StrnGf-rymPhb-ibnC6b:not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe= -gk6SMd):focus::before { border-color: canvastext; } } .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd::bef= ore { position: absolute; box-sizing: border-box; width: 100%; height: 100%= ; top: 0px; left: 0px; border: 3px double transparent; border-radius: inher= it; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd::b= efore { border-color: canvastext; } } .VfPpkd-StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rym= Phb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-ibnC6b { height: 48px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { p= adding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd= -StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 56px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { p= adding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd= -StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 56px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { p= adding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd= -StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 56px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { p= adding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd= -StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { p= adding-left: 0px; padding-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd= -StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-f7MjDc { margin-le= ft: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-f7MjDc[dir=3D"rtl"= ], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-f= 7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-f7MjDc { width: 20= px; height: 20px; } .VfPpkd-StrnGf-rymPhb-f7MjDc { flex-shrink: 0; align-items: center; justify= -content: center; fill: currentcolor; object-fit: cover; margin-left: 0px; = margin-right: 32px; } .VfPpkd-StrnGf-rymPhb-f7MjDc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rym= Phb-f7MjDc { margin-left: 32px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-f7MjDc { width: 24px; height: 24px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { m= argin-left: 0px; margin-right: 32px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd= -StrnGf-rymPhb-f7MjDc { margin-left: 32px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { w= idth: 24px; height: 24px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { m= argin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd= -StrnGf-rymPhb-f7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { w= idth: 40px; height: 40px; border-radius: 50%; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { m= argin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd= -StrnGf-rymPhb-f7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { w= idth: 40px; height: 40px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { m= argin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd= -StrnGf-rymPhb-f7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { w= idth: 56px; height: 56px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { m= argin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd= -StrnGf-rymPhb-f7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { w= idth: 100px; height: 56px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { display: inline-flex; = } .VfPpkd-StrnGf-rymPhb-IhFlZd:not(.HzV7m-fuEl3d) { -webkit-font-smoothing: a= ntialiased; font-family: var(--mdc-typography-caption-font-family,var(--mdc= -typography-font-family,Roboto,sans-serif)); font-size: var(--mdc-typograph= y-caption-font-size,.75rem); line-height: var(--mdc-typography-caption-line= -height,1.25rem); font-weight: var(--mdc-typography-caption-font-weight,400= ); letter-spacing: var(--mdc-typography-caption-letter-spacing,.0333333333e= m); text-decoration: var(--mdc-typography-caption-text-decoration,inherit);= text-transform: var(--mdc-typography-caption-text-transform,inherit); } .VfPpkd-StrnGf-rymPhb-IhFlZd { margin-left: auto; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-ibnC6b[dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-IhFlZd, [di= r=3D"rtl"] .VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-IhFlZd { marg= in-left: 0px; margin-right: auto; } .VfPpkd-StrnGf-rymPhb-b9t22c { text-overflow: ellipsis; white-space: nowrap= ; overflow: hidden; } .VfPpkd-StrnGf-rymPhb-b9t22c[for] { pointer-events: none; } .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { text-overflow: ellipsis; white-space: = nowrap; overflow: hidden; display: block; } .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::before { display: inline-block; width: = 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::after { display: inline-block; width: 0= px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line-height: normal; = margin-bottom: -20px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmc= mS, .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe= -fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-fp= Dzbe-fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPh= b-fpDzbe-fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-r= ymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmc= mS::before, .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPh= b-fpDzbe-fmcmS::before, .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-= StrnGf-rymPhb-fpDzbe-fmcmS::before, .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rym= Phb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::before, .VfPpkd-StrnGf-rymPhb-OWXEX= e-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::before { display: inlin= e-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmc= mS::after, .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb= -fpDzbe-fmcmS::after, .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-St= rnGf-rymPhb-fpDzbe-fmcmS::after, .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb= .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::after, .VfPpkd-StrnGf-rymPhb-OWXEXe-aT= v5jf-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::after { display: inline-blo= ck; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe-fmc= mS, .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-fpDzbe= -fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-fp= Dzbe-fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPh= b-fpDzbe-fmcmS, .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-r= ymPhb-fpDzbe-fmcmS { margin-top: 0px; line-height: normal; margin-bottom: -= 20px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { dis= play: block; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::befo= re { display: inline-block; width: 0px; height: 24px; content: ""; vertical= -align: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS::afte= r { display: inline-block; width: 0px; height: 20px; content: ""; vertical-= align: -20px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { mar= gin-top: 0px; line-height: normal; margin-bottom: -20px; } .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { -webkit-font-smoothing: antialiased; f= ont-family: var(--mdc-typography-body2-font-family,var(--mdc-typography-fon= t-family,Roboto,sans-serif)); font-size: var(--mdc-typography-body2-font-si= ze,.875rem); line-height: var(--mdc-typography-body2-line-height,1.25rem); = font-weight: var(--mdc-typography-body2-font-weight,400); letter-spacing: v= ar(--mdc-typography-body2-letter-spacing,.0178571429em); text-decoration: v= ar(--mdc-typography-body2-text-decoration,inherit); text-transform: var(--m= dc-typography-body2-text-transform,inherit); text-overflow: ellipsis; white= -space: nowrap; overflow: hidden; display: block; } .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS::before { display: inline-block; width: = 0px; height: 20px; content: ""; vertical-align: 0px; } .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { margin-top: 0px; line-height: normal; = } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS { fon= t-size: inherit; } .VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-ibnC6b { height: 4= 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc .VfPpkd-StrnGf-rymPhb-b9t22c { a= lign-self: flex-start; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc .VfPpkd-StrnGf-rymPhb-ibnC6b { h= eight: 64px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc.VfPpkd-StrnGf-rymPhb-OWXEXe-Bz11= 2c-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b, .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db= -RWgCYc.VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-ibn= C6b, .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc.VfPpkd-StrnGf-rymPhb-OWXEXe= -JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b, .VfPpkd-StrnGf-rymPhb-OWXEXe-a= Si1db-RWgCYc.VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPh= b-ibnC6b, .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc.VfPpkd-StrnGf-rymPhb-O= WXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-ibnC6b { height: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc.VfPpkd-StrnGf-rymPhb-OWXEXe-Bz11= 2c-rymPhb .VfPpkd-StrnGf-rymPhb-f7MjDc { align-self: flex-start; margin-top= : 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIY= c .VfPpkd-StrnGf-rymPhb-ibnC6b, .VfPpkd-StrnGf-rymPhb-OWXEXe-aSi1db-RWgCYc.= VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-ibnC6b { height: 60= px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIY= c .VfPpkd-StrnGf-rymPhb-f7MjDc { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIY= c .VfPpkd-StrnGf-rymPhb-f7MjDc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-r= ymPhb-OWXEXe-YLEF4c-rymPhb.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf= -rymPhb-f7MjDc { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIY= c .VfPpkd-StrnGf-rymPhb-f7MjDc { width: 36px; height: 36px; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b { cursor: pointer; } a.VfPpkd-StrnGf-rymPhb-ibnC6b { color: inherit; text-decoration: none; } .VfPpkd-StrnGf-rymPhb-clz4Ic { height: 0px; margin: 0px; border-width: medi= um medium 1px; border-style: none none solid; border-color: currentcolor; b= order-image: none; } .VfPpkd-StrnGf-rymPhb-clz4Ic { border-bottom-color: rgba(0, 0, 0, 0.12); } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-nNtqDd { margin-left: 16px; margin-righ= t: 0px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-nNtqDd[dir=3D"rtl"], [dir=3D"rtl"] .VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-nNtqDd { margin-left: 0px; margin-right: 16= px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-nNtqDd { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe { margin-left: 72px; margin-righ= t: 0px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe[dir=3D"rtl"], [dir=3D"rtl"] .VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe { margin-left: 0px; margin-right: 72= px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe { width: calc(100% - 72px); } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXE= Xe-nNtqDd { margin-left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXE= Xe-nNtqDd[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Y= bohUe.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-nNtqDd { margin-left: 0px; margin-= right: 72px; } .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXE= Xe-nNtqDd { width: calc(100% - 88px); } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { m= argin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic= -OWXEXe-YbohUe-M1Soyc { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc, .V= fPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { widt= h: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-left: 16px; margin-ri= ght: 0px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rtl"], [dir=3D"rtl"] .V= fPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpk= d-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-left: 0px; margin-right= : 16px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 16px; margin-right: 0p= x; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-S= trnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OW= XEXe-YbohUe-QFlW2 { margin-left: 16px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OW= XEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb .VfPpkd= -StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXE= Xe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-le= ft: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfP= pkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OW= XEXe-YbohUe-QFlW2 { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { margin-left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-= Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-le= ft: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { width: calc(100% - 72px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-UbuQg { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-= left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rt= l"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Ybo= hUe-UbuQg { margin-left: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: = calc(100% - 88px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 1= 6px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [d= ir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPh= b-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { ma= rgin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: calc(10= 0% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 16px; margin-right: 0= px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-= StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Yboh= Ue-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-Bz112c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { margin-left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-= YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-le= ft: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { width: calc(100% - 72px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-UbuQg { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-= left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rt= l"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Ybo= hUe-UbuQg { margin-left: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: = calc(100% - 88px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 1= 6px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [d= ir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPh= b-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { ma= rgin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: calc(10= 0% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 16px; margin-right: 0= px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-= StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Yboh= Ue-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-YLEF4c-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { margin-left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-= JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-le= ft: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { width: calc(100% - 72px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-UbuQg { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-= left: 72px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rt= l"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Ybo= hUe-UbuQg { margin-left: 0px; margin-right: 72px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: = calc(100% - 88px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 1= 6px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [d= ir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPh= b-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { ma= rgin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: calc(10= 0% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 16px; margin-right: 0= px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-= StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Yboh= Ue-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-JUCs7e-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { margin-left: 88px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-= HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-le= ft: 0px; margin-right: 88px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { width: calc(100% - 88px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-UbuQg { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-= left: 88px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rt= l"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Ybo= hUe-UbuQg { margin-left: 0px; margin-right: 88px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: = calc(100% - 104px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 1= 6px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [d= ir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPh= b-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { ma= rgin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: calc(10= 0% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 16px; margin-right: 0= px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-= StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Yboh= Ue-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 16px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-HiaYvf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { width: calc(100% - 32px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { margin-left: 116px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-= aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-le= ft: 0px; margin-right: 116px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc { width: calc(100% - 116px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-UbuQg { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-= left: 116px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rt= l"], [dir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Ybo= hUe-UbuQg { margin-left: 0px; margin-right: 116px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: = calc(100% - 132px); } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { margin-left: 0= px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [d= ir=3D"rtl"] .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPh= b-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { ma= rgin-left: 0px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2 { width: 100%; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 0p= x; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-= StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-Yboh= Ue-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 0px; } .VfPpkd-StrnGf-rymPhb-OWXEXe-aTv5jf-rymPhb .VfPpkd-StrnGf-rymPhb-clz4Ic-OWX= EXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-St= rnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { width: calc(100% - 16px); } .VfPpkd-StrnGf-rymPhb-JNdkSc .VfPpkd-StrnGf-rymPhb { padding: 0px; } .VfPpkd-StrnGf-rymPhb-oT7voc { -webkit-font-smoothing: antialiased; font-fa= mily: var(--mdc-typography-subtitle1-font-family,var(--mdc-typography-font-= family,Roboto,sans-serif)); font-size: var(--mdc-typography-subtitle1-font-= size,1rem); line-height: var(--mdc-typography-subtitle1-line-height,1.75rem= ); font-weight: var(--mdc-typography-subtitle1-font-weight,400); letter-spa= cing: var(--mdc-typography-subtitle1-letter-spacing,.009375em); text-decora= tion: var(--mdc-typography-subtitle1-text-decoration,inherit); text-transfo= rm: var(--mdc-typography-subtitle1-text-transform,inherit); margin: 0.75rem= 16px; } .VfPpkd-rymPhb-Gtdoyb, .VfPpkd-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme= -text-primary-on-background,rgba(0,0,0,.87)); } .VfPpkd-rymPhb-L8ivfd-fmcmS { color: var(--mdc-theme-text-secondary-on-back= ground,rgba(0,0,0,.54)); } .VfPpkd-rymPhb-bC5pod-fmcmS { color: var(--mdc-theme-text-hint-on-backgroun= d,rgba(0,0,0,.38)); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb, .V= fPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e { back= ground-color: transparent; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb, .V= fPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e { colo= r: var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38)); } .VfPpkd-rymPhb-JMEf7e { color: var(--mdc-theme-text-hint-on-background,rgba= (0,0,0,.38)); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .VfPpkd-rymPhb-i= bnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-JMEf7e, .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB= 6Me .VfPpkd-rymPhb-KkROqb { opacity: 0.38; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .VfPpkd-rymPhb-i= bnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme-on= -surface,#000); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-L8ivfd-fmcmS { color: va= r(--mdc-theme-on-surface,#000); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-bC5pod-fmcmS { color: va= r(--mdc-theme-on-surface,#000); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1So= yc-Bz112c .VfPpkd-rymPhb-KkROqb { color: var(--mdc-theme-on-surface,#000); = } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQ= g-Bz112c .VfPpkd-rymPhb-JMEf7e { color: var(--mdc-theme-on-surface,#000); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQ= g-r4m2rf .VfPpkd-rymPhb-JMEf7e { color: var(--mdc-theme-on-surface,#000); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-Gtdoyb, .VfPpkd-rymPhb-i= bnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-fpDzbe-fmcmS, .VfPpkd-rymPhb-ibnC6b-OWXE= Xe-pXU01b .VfPpkd-rymPhb-Gtdoyb, .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpk= d-rymPhb-fpDzbe-fmcmS { color: var(--mdc-theme-primary,#6200ee); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1So= yc-Bz112c .VfPpkd-rymPhb-KkROqb, .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b.VfPpkd= -rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb { color: v= ar(--mdc-theme-primary,#6200ee); } .VfPpkd-StrnGf-rymPhb-oT7voc { color: var(--mdc-theme-text-primary-on-backg= round,rgba(0,0,0,.87)); } .VfPpkd-rymPhb-clz4Ic::after { border-bottom-color: white; } .VfPpkd-rymPhb { -webkit-font-smoothing: antialiased; font-family: var(--md= c-typography-subtitle1-font-family,var(--mdc-typography-font-family,Roboto,= sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size,1rem); fo= nt-weight: var(--mdc-typography-subtitle1-font-weight,400); letter-spacing:= var(--mdc-typography-subtitle1-letter-spacing,.009375em); text-decoration:= var(--mdc-typography-subtitle1-text-decoration,inherit); text-transform: v= ar(--mdc-typography-subtitle1-text-transform,inherit); line-height: 1.5rem;= } .VfPpkd-rymPhb-fpDzbe-fmcmS { -webkit-font-smoothing: antialiased; font-fam= ily: var(--mdc-typography-subtitle1-font-family,var(--mdc-typography-font-f= amily,Roboto,sans-serif)); font-size: var(--mdc-typography-subtitle1-font-s= ize,1rem); line-height: var(--mdc-typography-subtitle1-line-height,1.75rem)= ; font-weight: var(--mdc-typography-subtitle1-font-weight,400); letter-spac= ing: var(--mdc-typography-subtitle1-letter-spacing,.009375em); text-decorat= ion: var(--mdc-typography-subtitle1-text-decoration,inherit); text-transfor= m: var(--mdc-typography-subtitle1-text-transform,inherit); } .VfPpkd-rymPhb-L8ivfd-fmcmS { -webkit-font-smoothing: antialiased; font-fam= ily: var(--mdc-typography-body2-font-family,var(--mdc-typography-font-famil= y,Roboto,sans-serif)); font-size: var(--mdc-typography-body2-font-size,.875= rem); line-height: var(--mdc-typography-body2-line-height,1.25rem); font-we= ight: var(--mdc-typography-body2-font-weight,400); letter-spacing: var(--md= c-typography-body2-letter-spacing,.0178571429em); text-decoration: var(--md= c-typography-body2-text-decoration,inherit); text-transform: var(--mdc-typo= graphy-body2-text-transform,inherit); } .VfPpkd-rymPhb-bC5pod-fmcmS { -webkit-font-smoothing: antialiased; font-fam= ily: var(--mdc-typography-overline-font-family,var(--mdc-typography-font-fa= mily,Roboto,sans-serif)); font-size: var(--mdc-typography-overline-font-siz= e,.75rem); line-height: var(--mdc-typography-overline-line-height,2rem); fo= nt-weight: var(--mdc-typography-overline-font-weight,500); letter-spacing: = var(--mdc-typography-overline-letter-spacing,.1666666667em); text-decoratio= n: var(--mdc-typography-overline-text-decoration,none); text-transform: var= (--mdc-typography-overline-text-transform,uppercase); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c .VfPpkd-rymPhb-KkROqb { w= idth: 40px; height: 40px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb { w= idth: 24px; height: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e .VfPpkd-rymPhb-KkROqb { w= idth: 40px; height: 40px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf .VfPpkd-rymPhb-KkROqb { w= idth: 56px; height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf .VfPpkd-rymPhb-KkROqb { w= idth: 100px; height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b .VfPpkd-rymPhb-KkROqb, .V= fPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c .VfPpkd-rymPhb-KkROqb { wid= th: 40px; height: 40px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc .VfPpkd-rymPhb-KkROqb { w= idth: 36px; height: 20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e { wi= dth: 24px; height: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b .VfPpkd-rymPhb-JMEf7e, .Vf= Ppkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c .VfPpkd-rymPhb-JMEf7e { width= : 40px; height: 40px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc .VfPpkd-rymPhb-JMEf7e { wi= dth: 36px; height: 20px; } .VfPpkd-rymPhb-oT7voc { -webkit-font-smoothing: antialiased; font-family: v= ar(--mdc-typography-subtitle1-font-family,var(--mdc-typography-font-family,= Roboto,sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size,1r= em); line-height: var(--mdc-typography-subtitle1-line-height,1.75rem); font= -weight: var(--mdc-typography-subtitle1-font-weight,400); letter-spacing: v= ar(--mdc-typography-subtitle1-letter-spacing,.009375em); text-decoration: v= ar(--mdc-typography-subtitle1-text-decoration,inherit); text-transform: var= (--mdc-typography-subtitle1-text-transform,inherit); } .VfPpkd-rymPhb-clz4Ic { background-color: rgba(0, 0, 0, 0.12); } .VfPpkd-rymPhb-clz4Ic { height: 1px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .VfPpkd-rymPhb-clz4Ic::after { content: ""; display: block; border-bottom= -width: 1px; border-bottom-style: solid; } } .VfPpkd-rymPhb { margin: 0px; padding: 8px 0px; list-style-type: none; } .VfPpkd-rymPhb:focus { outline: none; } .VfPpkd-rymPhb-Tkg0ld { display: block; } .VfPpkd-rymPhb-ibnC6b { display: flex; position: relative; align-items: cen= ter; justify-content: flex-start; overflow: hidden; padding: 0px; } .VfPpkd-rymPhb-ibnC6b:focus { outline: none; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Woal0c-RWgCYc { he= ight: 48px; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb { he= ight: 64px; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb { he= ight: 88px; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Woal0c-RWgCYc .VfP= pkd-rymPhb-KkROqb { align-self: center; margin-top: 0px; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfP= pkd-rymPhb-KkROqb, .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb= -vfifzc-MCEKJb .VfPpkd-rymPhb-KkROqb { align-self: flex-start; margin-top: = 16px; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Woal0c-RWgCYc .VfP= pkd-rymPhb-JMEf7e, .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb= -aSi1db-MCEKJb .VfPpkd-rymPhb-JMEf7e { align-self: center; margin-top: 0px;= } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfP= pkd-rymPhb-JMEf7e { align-self: flex-start; margin-top: 16px; } .VfPpkd-rymPhb-ibnC6b { align-items: stretch; cursor: pointer; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me, .VfPpkd-rymPhb-ib= nC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-tPcied-hXIJHe { cursor: auto; } .VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .V= fPpkd-rymPhb-ibnC6b:not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd):focus::before = { position: absolute; box-sizing: border-box; width: 100%; height: 100%; to= p: 0px; left: 0px; border: 1px solid transparent; border-radius: inherit; c= ontent: ""; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, = .VfPpkd-rymPhb-ibnC6b:not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd):focus::befor= e { border-color: canvastext; } } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd::before { position= : absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0px; le= ft: 0px; border: 3px double transparent; border-radius: inherit; content: "= "; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd::before { border= -color: canvastext; } } .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:focus::before { po= sition: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0= px; left: 0px; border: 3px solid transparent; border-radius: inherit; conte= nt: ""; pointer-events: none; } @media screen and (forced-colors: active) { .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:focus::before { = border-color: canvastext; } } a.VfPpkd-rymPhb-ibnC6b { color: inherit; text-decoration: none; } .VfPpkd-rymPhb-KkROqb { fill: currentcolor; flex-shrink: 0; pointer-events:= none; } .VfPpkd-rymPhb-JMEf7e { flex-shrink: 0; pointer-events: none; } .VfPpkd-rymPhb-Gtdoyb { text-overflow: ellipsis; white-space: nowrap; overf= low: hidden; align-self: center; flex: 1 1 0%; pointer-events: none; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-Gtdoyb, .V= fPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-Gtdoyb { ali= gn-self: stretch; } .VfPpkd-rymPhb-Gtdoyb[for] { pointer-events: none; } .VfPpkd-rymPhb-fpDzbe-fmcmS { text-overflow: ellipsis; white-space: nowrap;= overflow: hidden; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmc= mS, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-fpDzbe= -fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmc= mS::before, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPh= b-fpDzbe-fmcmS::before { display: inline-block; width: 0px; height: 28px; c= ontent: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmc= mS::after, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb= -fpDzbe-fmcmS::after { display: inline-block; width: 0px; height: 20px; con= tent: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmc= mS, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-fpDzbe= -fmcmS { margin-top: 0px; line-height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-aQ8K4-YuD1xf { border: 0px; clip: rect(0px, 0px, 0px, 0px); = height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolu= te; width: 1px; } .VfPpkd-rymPhb-L8ivfd-fmcmS { text-overflow: ellipsis; white-space: nowrap;= overflow: hidden; display: block; } .VfPpkd-rymPhb-L8ivfd-fmcmS::before { display: inline-block; width: 0px; he= ight: 20px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-L8ivfd-fmcmS { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-L8ivfd-fmc= mS { white-space: normal; line-height: 20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj .VfPpkd-rymPhb-L8ivfd-fmcmS { whi= te-space: nowrap; } .VfPpkd-rymPhb-bC5pod-fmcmS { text-overflow: ellipsis; white-space: nowrap;= overflow: hidden; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS::before { display: inline-block; width: 0px; height: 24px; content: ""; = vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS::after { display: inline-block; width: 0px; height: 20px; content: ""; v= ertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS { margin-top: 0px; line-height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS::before { display: inline-block; width: 0px; height: 28px; content: ""; = vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS::after { display: inline-block; width: 0px; height: 20px; content: ""; v= ertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-bC5pod-fmc= mS { margin-top: 0px; line-height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c .VfPpkd-rymPhb-KkROqb { m= argin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c = .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-YLEF4c .VfPpkd-rymPhb-KkROqb { b= order-radius: 50%; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb { m= argin-left: 16px; margin-right: 32px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c = .VfPpkd-rymPhb-KkROqb { margin-left: 32px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e .VfPpkd-rymPhb-KkROqb { m= argin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e = .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf .VfPpkd-rymPhb-KkROqb { m= argin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf = .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.= VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkROqb { align-self: flex-start; mar= gin-top: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf .VfPpkd-rymPhb-KkROqb { m= argin-left: 0px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf = .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc, .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-aTv5jf.= VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c .VfPpkd-rymPhb-KkROqb { m= argin-left: 8px; margin-right: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c = .VfPpkd-rymPhb-KkROqb { margin-left: 24px; margin-right: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkROqb { align-self: flex-start; mar= gin-top: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b .VfPpkd-rymPhb-KkROqb { m= argin-left: 8px; margin-right: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b = .VfPpkd-rymPhb-KkROqb { margin-left: 24px; margin-right: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkROqb { align-self: flex-start; mar= gin-top: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b { pa= dding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.= VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc .VfPpkd-rymPhb-KkROqb { m= argin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc .VfPpkd-rymPhb-KkROqb[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc = .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkROqb { align-self: flex-start; mar= gin-top: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inli= ne-block; width: 0px; height: 32px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::before { display: inli= ne-block; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS::after { display: inlin= e-block; width: 0px; height: 20px; content: ""; vertical-align: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-bC5pod-fmcmS { margin-top: 0px; line= -height: normal; margin-bottom: -20px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e::before { display: inline-block; width: 0px; height: 32p= x; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .Vf= Ppkd-rymPhb-JMEf7e { margin-top: 0px; line-height: normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXE= Xe-SfQLQb-aSi1db-MCEKJb { height: 72px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c.VfPpkd-rymPhb-ibnC6b { pad= ding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c.V= fPpkd-rymPhb-ibnC6b { padding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e { ma= rgin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .= VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-JMEf7e, .VfPpkd-rymPhb-ibnC6b-OWXEXe-= SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-vfifzc-MCEKJb .VfPpk= d-rymPhb-JMEf7e { align-self: flex-start; margin-top: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b { pad= ding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.V= fPpkd-rymPhb-ibnC6b { padding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .VfPpkd-rymPhb-JMEf7e { ma= rgin-left: 28px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .VfPpkd-rymPhb-JMEf7e[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .= VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 28px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-JMEf7e::before { display: inline-bloc= k; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-JMEf7e { margin-top: 0px; line-height= : normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e::before { display: inline-bloc= k; width: 0px; height: 28px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e { margin-top: 0px; line-height= : normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-r4m2rf .VfPpkd-rymPhb-JMEf7e { -w= ebkit-font-smoothing: antialiased; font-family: var(--mdc-typography-captio= n-font-family,var(--mdc-typography-font-family,Roboto,sans-serif)); font-si= ze: var(--mdc-typography-caption-font-size,.75rem); line-height: var(--mdc-= typography-caption-line-height,1.25rem); font-weight: var(--mdc-typography-= caption-font-weight,400); letter-spacing: var(--mdc-typography-caption-lett= er-spacing,.0333333333em); text-decoration: var(--mdc-typography-caption-te= xt-decoration,inherit); text-transform: var(--mdc-typography-caption-text-t= ransform,inherit); } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c.VfPpkd-rymPhb-ibnC6b { pad= ding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c.V= fPpkd-rymPhb-ibnC6b { padding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c .VfPpkd-rymPhb-JMEf7e { ma= rgin-left: 24px; margin-right: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c .VfPpkd-rymPhb-JMEf7e[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c .= VfPpkd-rymPhb-JMEf7e { margin-left: 8px; margin-right: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-MPu53c.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e { align-self: flex-start; marg= in-top: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b.VfPpkd-rymPhb-ibnC6b { pad= ding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b.V= fPpkd-rymPhb-ibnC6b { padding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b .VfPpkd-rymPhb-JMEf7e { ma= rgin-left: 24px; margin-right: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b .VfPpkd-rymPhb-JMEf7e[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b .= VfPpkd-rymPhb-JMEf7e { margin-left: 8px; margin-right: 24px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-GCYh9b.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e { align-self: flex-start; marg= in-top: 8px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc.VfPpkd-rymPhb-ibnC6b { pad= ding-right: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc.VfPpkd-rymPhb-ibnC6b[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc.V= fPpkd-rymPhb-ibnC6b { padding-left: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc .VfPpkd-rymPhb-JMEf7e { ma= rgin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc .VfPpkd-rymPhb-JMEf7e[dir= =3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc .= VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-scr2fc.VfPpkd-rymPhb-ibnC6b-OWXEX= e-SfQLQb-vfifzc-MCEKJb .VfPpkd-rymPhb-JMEf7e { align-self: flex-start; marg= in-top: 16px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inline-block= ; width: 0px; height: 20px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-aSi1db-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line-height:= normal; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-vfifzc-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { display: block; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-vfifzc-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS::before { display: inline-block= ; width: 0px; height: 20px; content: ""; vertical-align: 0px; } .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-BYmFj.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQ= b-vfifzc-MCEKJb .VfPpkd-rymPhb-fpDzbe-fmcmS { margin-top: 0px; line-height:= normal; } .VfPpkd-rymPhb-ibnC6b { padding-left: 16px; padding-right: 16px; } .VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-ibnC6b { p= adding-left: 16px; padding-right: 16px; } .VfPpkd-rymPhb-JNdkSc .VfPpkd-StrnGf-rymPhb { padding: 0px; } .VfPpkd-rymPhb-oT7voc { margin: 0.75rem 16px; } .VfPpkd-rymPhb-clz4Ic { padding: 0px; background-clip: content-box; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-GCYh9b.= VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWX= EXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, = .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-MPu53c.= VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWX= EXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, = .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-fmcmS.VfPpkd-rymPhb-clz4Ic-OWXEX= e-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-scr2fc.V= fPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, .VfPpkd-rymPhb-clz4Ic.VfPp= kd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe { padding-left: 16px; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M= 1Soyc-GCYh9b.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"],= .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-clz4Ic-OWX= EXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-= M1Soyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"]= , .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-clz4Ic-OW= XEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb= -M1Soyc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"= ], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-fmcmS.VfPpkd-rymPhb-clz4Ic-OW= XEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb= -M1Soyc-scr2fc.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"= ], .VfPpkd-rymPhb-clz4Ic.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[d= ir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112= c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpkd-r= ymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb= -M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Hi= aYvf.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpk= d-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQ= LQb-M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc= -MPu53c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .Vf= Ppkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-= SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1S= oyc-fmcmS.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .= VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-clz4Ic-OWXEX= e-SfQLQb-M1Soyc-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic.VfPpkd-rymPhb-c= lz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe { padding-right: 16px; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-GCYh9b.V= fPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEX= e-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, .Vf= Ppkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXEXe-= SfQLQb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPp= kd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-S= fQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, .VfPpk= d-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-fmcmS.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQL= Qb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-r= ymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, .VfPpkd-rymPhb-clz4Ic.VfPpkd-rymPh= b-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe { padding-right: 16px; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1= Soyc-GCYh9b.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .= VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-clz4Ic-OWXEX= e-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1S= oyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .V= fPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpkd-rymPhb-clz4Ic-OWXEXe= -SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1So= yc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .Vf= Ppkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-fmcmS.VfPpkd-rymPhb-clz4Ic-OWXEXe-S= fQLQb-UbuQg-YbohUe[dir=3D"rtl"], .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc= -scr2fc.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], .VfPp= kd-rymPhb-clz4Ic.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl= "], [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-Bz112c.VfPpkd-= rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4= Ic-OWXEXe-SfQLQb-M1Soyc-GCYh9b.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-Ybo= hUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd= -rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz= 4Ic-OWXEXe-SfQLQb-M1Soyc-JUCs7e.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-Yb= ohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-MPu53c.VfPpk= d-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-cl= z4Ic-OWXEXe-SfQLQb-M1Soyc-YLEF4c.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-Y= bohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-fmcmS.VfPpk= d-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-cl= z4Ic-OWXEXe-SfQLQb-M1Soyc-scr2fc.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-Y= bohUe, [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQL= Qb-UbuQg-YbohUe { padding-left: 16px; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-M1Soyc-YbohUe { padding-left: 0px; } .VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-clz4Ic-OWXE= Xe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic-O= WXEXe-SfQLQb-M1Soyc-aTv5jf.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe= { padding-right: 0px; } .VfPpkd-rymPhb-clz4Ic[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-rymPhb-clz4Ic { p= adding: 0px; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-pZXsl::before= { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none= ; content: ""; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl::before { transition: opacity 15ms linear, ba= ckground-color 15ms linear; z-index: var(--mdc-ripple-z-index,1); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl::after { z-index: var(--mdc-ripple-z-index,0)= ; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-StrnGf-rymPhb-pZXsl::before { transform: sca= le(var(--mdc-ripple-fg-scale,1)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-StrnGf-rymPhb-pZXsl::after { top: 0px; left:= 0px; transform: scale(0); transform-origin: center center; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-StrnGf-rymPhb-pZXsl::after { t= op: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-StrnGf-rymPhb-pZXsl::af= ter { animation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radi= us-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-StrnGf-rymPhb-pZXsl::af= ter { animation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-= out; transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(-= -mdc-ripple-fg-scale,1)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --m= dc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-tr= anslate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-chang= e: transform, opacity; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB= 6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::before { position: a= bsolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "";= } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-rymPhb-pZXsl::before { transition: opacity 15ms linear, backgroun= d-color 15ms linear; z-index: var(--mdc-ripple-z-index,1); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-rymPhb-pZXsl::after { z-index: var(--mdc-ripple-z-index,0); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-rymPhb-pZXsl::before { transform: scale(var(= --mdc-ripple-fg-scale,1)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-rymPhb-pZXsl::after { top: 0px; left: 0px; t= ransform: scale(0); transform-origin: center center; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-rymPhb-pZXsl::after { top: var= (--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-rymPhb-pZXsl::after { a= nimation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radius-in, = 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-rymPhb-pZXsl::after { a= nimation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-out; tr= ansform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ri= pple-fg-scale,1)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-pZXsl::before= { top: -50%; left: -50%; width: 200%; height: 200%; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-StrnGf-rymPhb-pZXsl::after { width: var(--md= c-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB= 6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::before { top: -50%; = left: -50%; width: 200%; height: 200%; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-rymPhb-pZXsl::after { width: var(--mdc-rippl= e-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-pZXsl::before= { background-color: var(--mdc-ripple-color,#000); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl::before, :n= ot(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b:= hover .VfPpkd-StrnGf-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-hover= -opacity,.04); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-rymPhb-pZXsl::be= fore, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb= -ibnC6b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-StrnGf-rymPhb-pZXsl::befor= e { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12)= ; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::after { transitio= n: opacity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after { tr= ansition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB= 6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl::before { background-= color: var(--mdc-ripple-color,#000); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::before, :not(.VfP= pkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b:hover .= VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZXsl::before, := not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b= :not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-rymPhb-pZXsl::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { transition: opac= ity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-op= acity,0.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-pZXsl::before { opacity: var(--mdc-ri= pple-activated-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rym= Phb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd= -StrnGf-rymPhb-pZXsl::before { background-color: var(--mdc-ripple-color,var= (--mdc-theme-primary,#6200ee)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZX= sl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-= rymPhb-ibnC6b-OWXEXe-pXU01b:hover .VfPpkd-StrnGf-rymPhb-pZXsl::before { opa= city: var(--mdc-ripple-hover-opacity,.16); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-ry= mPhb-pZXsl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd= -StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpk= d-StrnGf-rymPhb-pZXsl::before { transition-duration: 75ms; opacity: var(--m= dc-ripple-focus-opacity,.24); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::aft= er { transition: opacity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZX= sl::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opac= ity,.24); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b .VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-ac= tivated-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-rymPhb= -pZXsl::before { background-color: var(--mdc-ripple-color,var(--mdc-theme-p= rimary,#6200ee)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::bef= ore, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-= ibnC6b-OWXEXe-pXU01b:hover .VfPpkd-rymPhb-pZXsl::before { opacity: var(--md= c-ripple-hover-opacity,.16); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZ= Xsl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf= -rymPhb-ibnC6b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-rymPh= b-pZXsl::before { transition-duration: 75ms; opacity: var(--mdc-ripple-focu= s-opacity,.24); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { tr= ansition: opacity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::aft= er { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.24= ); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-pXU01b.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-r= ipple-press-opacity,0.24); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::before { opacity: var(--mdc-ri= pple-selected-opacity,.08); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rym= Phb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd= -StrnGf-rymPhb-pZXsl::before { background-color: var(--mdc-ripple-color,var= (--mdc-theme-primary,#6200ee)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZX= sl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-= rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-StrnGf-rymPhb-pZXsl::before { opa= city: var(--mdc-ripple-hover-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-ry= mPhb-pZXsl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd= -StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpk= d-StrnGf-rymPhb-pZXsl::before { transition-duration: 75ms; opacity: var(--m= dc-ripple-focus-opacity,.2); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::aft= er { transition: opacity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZX= sl::after { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opac= ity,.2); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd .VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-se= lected-opacity,.08); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb= -pZXsl::before { background-color: var(--mdc-ripple-color,var(--mdc-theme-p= rimary,#6200ee)); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::bef= ore, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-= ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-rymPhb-pZXsl::before { opacity: var(--md= c-ripple-hover-opacity,.12); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZ= Xsl::before, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf= -rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-rymPh= b-pZXsl::before { transition-duration: 75ms; opacity: var(--mdc-ripple-focu= s-opacity,.2); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { tr= ansition: opacity 0.15s linear; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::aft= er { transition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.2)= ; } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-r= ipple-press-opacity,0.2); } :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-StrnGf-rymPhb-ibnC6= b .VfPpkd-StrnGf-rymPhb-pZXsl, :not(.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB= 6Me).VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-rymPhb-pZXsl { position: absolute;= top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b { --mdc-ripp= le-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-s= cale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start:= 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, = opacity; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ib= nC6b .VfPpkd-rymPhb-pZXsl::before { position: absolute; border-radius: 50%;= opacity: 0; pointer-events: none; content: ""; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl::before { transition: opacity 15ms linear, background-color 15ms l= inear; z-index: var(--mdc-ripple-z-index,1); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl::after { z-index: var(--mdc-ripple-z-index,0); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d .VfPpkd-rymPhb-pZXsl::before { transform: scale(var(--mdc-ripple-f= g-scale,1)); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d .VfPpkd-rymPhb-pZXsl::after { top: 0px; left: 0px; transform: scal= e(0); transform-origin: center center; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-rymPhb-pZXsl::after { top: var(--mdc-ripple-= top,0); left: var(--mdc-ripple-left,0); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-rymPhb-pZXsl::after { animation: 225m= s ease 0s 1 normal forwards running mdc-ripple-fg-radius-in, 75ms ease 0s 1= normal forwards running mdc-ripple-fg-opacity-in; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-rymPhb-pZXsl::after { animation: 0.15= s ease 0s 1 normal none running mdc-ripple-fg-opacity-out; transform: trans= late(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,= 1)); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ib= nC6b .VfPpkd-rymPhb-pZXsl::before { top: -50%; left: -50%; width: 200%; hei= ght: 200%; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d .VfPpkd-rymPhb-pZXsl::after { width: var(--mdc-ripple-fg-size,100%= ); height: var(--mdc-ripple-fg-size,100%); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ib= nC6b .VfPpkd-rymPhb-pZXsl::before { background-color: var(--mdc-ripple-colo= r,#000); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::before, :not(.VfPpkd-rymPhb-ibn= C6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b:hover .VfPpkd-rymPhb-pZXsl::before = { opacity: var(--mdc-ripple-hover-opacity,.04); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZXsl::before, :not(.VfPpkd-ry= mPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b:not(.VfPpkd-ksKsZd-mWPk3d):= focus .VfPpkd-rymPhb-pZXsl::before { transition-duration: 75ms; opacity: va= r(--mdc-ripple-focus-opacity,.12); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b:not(.VfPpkd-= ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { transition: opacity 0.15s line= ar; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b:not(.VfPpkd-= ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::after { transition-duration: 75= ms; opacity: var(--mdc-ripple-press-opacity,.12); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b.VfPpkd-ksKsZ= d-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity,0.12); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b .VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-activated-opacit= y,.12); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).Vf= Ppkd-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-rymPhb-pZXsl::before { background-= color: var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee)); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::before, :not(.VfP= pkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b:hover .= VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-hover-opacity,.16);= } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZXsl::before, := not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b= :not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-rymPhb-pZXsl::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.24); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { transition: opac= ity 0.15s linear; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.24); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01= b.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-op= acity,0.24); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d .VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-selected-opacity= ,.08); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d .VfPpkd-rymPhb-pZXsl::after, :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).Vf= Ppkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-pZXsl::before { background-= color: var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee)); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::before, :not(.VfP= pkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .= VfPpkd-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-hover-opacity,.12);= } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZXsl::before, := not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd= :not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-rymPhb-pZXsl::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.2); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { transition: opac= ity 0.15s linear; } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.2); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SM= d.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-op= acity,0.2); } :not(.VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me).VfPpkd-rymPhb-ibnC6b .VfPpkd-rymP= hb-pZXsl { outline: none; overflow: hidden; position: absolute; top: 0px; l= eft: 0px; width: 100%; height: 100%; pointer-events: none; } .VfPpkd-MPu53c .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c .VfPpkd-OYHm6b::before= { background-color: var(--mdc-ripple-color,#000); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-OYHm6b::before, .V= fPpkd-MPu53c:hover .VfPpkd-OYHm6b::before { opacity: var(--mdc-ripple-hover= -opacity,.04); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-OYHm6b::be= fore, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-OYHm6b::befor= e { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12)= ; } .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-OYHm6b::after { transitio= n: opacity 0.15s linear; } .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-OYHm6b::after { tr= ansition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ri= pple-press-opacity,0.12); } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::after, .VfPpkd-M= Pu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::before { background-color= : var(--mdc-ripple-color,var(--mdc-theme-secondary,#018786)); } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-Zmdk= E .VfPpkd-OYHm6b::before, .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd:hover = .VfPpkd-OYHm6b::before { opacity: var(--mdc-ripple-hover-opacity,.04); } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6= Kc-XpnDCe .VfPpkd-OYHm6b::before, .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SM= d:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-OYHm6b::before { transition-dura= tion: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPp= kd-OYHm6b::after { transition: opacity 0.15s linear; } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):activ= e .VfPpkd-OYHm6b::after { transition-duration: 75ms; opacity: var(--mdc-rip= ple-press-opacity,.12); } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d { --mdc-rip= ple-fg-opacity: var(--mdc-ripple-press-opacity,0.12); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXE= Xe-gk6SMd .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe= -AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::before { backgro= und-color: var(--mdc-ripple-color,var(--mdc-theme-secondary,#018786)); } .VfPpkd-MPu53c { padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18p= x)/2); } .VfPpkd-MPu53c .VfPpkd-YQoJzd { top: calc((var(--mdc-checkbox-ripple-size, = 40px) - 18px)/2); left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px)= /2); } .VfPpkd-MPu53c { margin: calc((var(--mdc-checkbox-touch-target-size, 40px) = - 40px)/2); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe { top: calc((40px - var(--mdc-checkbox= -touch-target-size, 40px))/2); right: calc((40px - var(--mdc-checkbox-touch= -target-size, 40px))/2); left: calc((40px - var(--mdc-checkbox-touch-target= -size, 40px))/2); width: var(--mdc-checkbox-touch-target-size,40px); height= : var(--mdc-checkbox-touch-target-size,40px); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled:not(:checked):not(:indetermina= te):not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: var= (--mdc-checkbox-unchecked-color,rgba(0,0,0,.54)); background-color: transpa= rent; } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, .VfP= pkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, .V= fPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"]:enabled ~ .= VfPpkd-YQoJzd { border-color: var(--mdc-checkbox-checked-color,var(--mdc-th= eme-secondary,#018786)); background-color: var(--mdc-checkbox-checked-color= ,var(--mdc-theme-secondary,#018786)); } @keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786= {=20 0% { border-color: var(--mdc-checkbox-unchecked-color,rgba(0,0,0,.54)); b= ackground-color: transparent; } 50% { border-color: var(--mdc-checkbox-checked-color,var(--mdc-theme-seco= ndary,#018786)); background-color: var(--mdc-checkbox-checked-color,var(--m= dc-theme-secondary,#018786)); } } @keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF01878= 6 {=20 0%, 80% { border-color: var(--mdc-checkbox-checked-color,var(--mdc-theme-= secondary,#018786)); background-color: var(--mdc-checkbox-checked-color,var= (--mdc-theme-secondary,#018786)); } 100% { border-color: var(--mdc-checkbox-unchecked-color,rgba(0,0,0,.54));= background-color: transparent; } } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .VfPpkd-muHVFf-bMc= fAe:enabled ~ .VfPpkd-YQoJzd, .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-vwu2ne-iA= fbIe-barxie .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name= : mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786; } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-muHVFf-bMc= fAe:enabled ~ .VfPpkd-YQoJzd, .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-vwu2ne-ba= rxie-iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name= : mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786; } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:not(:checked):not(:indetermi= nate):not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: v= ar(--mdc-checkbox-disabled-color,rgba(0,0,0,.38)); background-color: transp= arent; } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"][disabled]= ~ .VfPpkd-YQoJzd, .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:checked ~= .VfPpkd-YQoJzd, .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:indetermina= te ~ .VfPpkd-YQoJzd { border-color: transparent; background-color: var(--md= c-checkbox-disabled-color,rgba(0,0,0,.38)); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofs= b { color: var(--mdc-checkbox-ink-color,#fff); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3= d { border-color: var(--mdc-checkbox-ink-color,#fff); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HUof= sb { color: var(--mdc-checkbox-ink-color,#fff); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn= 3d { border-color: var(--mdc-checkbox-ink-color,#fff); } @keyframes mdc-checkbox-unchecked-checked-checkmark-path {=20 0%, 50% { stroke-dashoffset: 29.7833; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {=20 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes mdc-checkbox-checked-unchecked-checkmark-path {=20 0% { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; s= troke-dashoffset: 0; } 100% { opacity: 0; stroke-dashoffset: -29.7833; } } @keyframes mdc-checkbox-checked-indeterminate-checkmark {=20 0% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: ro= tate(0deg); opacity: 1; } 100% { transform: rotate(45deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-checked-checkmark {=20 0% { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: r= otate(45deg); opacity: 0; } 100% { transform: rotate(1turn); opacity: 1; } } @keyframes mdc-checkbox-checked-indeterminate-mixedmark {=20 0% { transform: rotate(-45deg); opacity: 0; } 100% { transform: rotate(0deg); opacity: 1; } } @keyframes mdc-checkbox-indeterminate-checked-mixedmark {=20 0% { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: r= otate(0deg); opacity: 1; } 100% { transform: rotate(315deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {=20 0% { animation-timing-function: linear; transform: scaleX(1); opacity: 1;= } 32.8%, 100% { transform: scaleX(0); opacity: 0; } } .VfPpkd-MPu53c { display: inline-block; } .VfPpkd-MPu53c[hidden] { display: none; } .VfPpkd-MPu53c { position: relative; flex: 0 0 18px; box-sizing: content-bo= x; width: 18px; height: 18px; line-height: 0; white-space: nowrap; cursor: = pointer; vertical-align: bottom; } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-sMek6-LhBD= ec, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-sMek6-LhBDec { = pointer-events: none; border: 2px solid transparent; border-radius: 6px; bo= x-sizing: content-box; position: absolute; top: 50%; left: 50%; transform: = translate(-50%, -50%); } @media screen and (forced-colors: active) { .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-sMek6-Lh= BDec, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-sMek6-LhBDec = { border-color: canvastext; } } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-sMek6-LhBD= ec::after, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-sMek6-Lh= BDec::after { content: ""; border: 2px solid transparent; border-radius: 8p= x; display: block; position: absolute; top: 50%; left: 50%; transform: tran= slate(-50%, -50%); height: calc(100% + 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-sMek6-Lh= BDec::after, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-sMek6-= LhBDec::after { border-color: canvastext; } } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-sMek6-LhBD= ec, .VfPpkd-MPu53c:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-sMek6-LhBDec { = height: 100%; width: 100%; } @media (-ms-high-contrast:none) { .VfPpkd-MPu53c .VfPpkd-sMek6-LhBDec { display: none; } } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .VfPpkd-SJnn3d { margin: 0px 1px; } } .VfPpkd-MPu53c-OWXEXe-OWB6Me { cursor: default; pointer-events: none; } .VfPpkd-YQoJzd { display: inline-flex; position: absolute; align-items: cen= ter; justify-content: center; box-sizing: border-box; width: 18px; height: = 18px; border: 2px solid; border-radius: 2px; background-color: transparent;= pointer-events: none; will-change: background-color, border-color; transit= ion: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms = cubic-bezier(0.4, 0, 0.6, 1); } .VfPpkd-HUofsb { position: absolute; inset: 0px; width: 100%; opacity: 0; t= ransition: opacity 0.18s cubic-bezier(0.4, 0, 0.6, 1); } .VfPpkd-MPu53c-OWXEXe-mWPk3d .VfPpkd-HUofsb { opacity: 1; } .VfPpkd-HUofsb-Jt5cK { transition: stroke-dashoffset 0.18s cubic-bezier(0.4= , 0, 0.6, 1); stroke: currentcolor; stroke-width: 3.12px; stroke-dashoffset= : 29.7833; stroke-dasharray: 29.7833; } .VfPpkd-SJnn3d { width: 100%; height: 0px; transform: scaleX(0) rotate(0deg= ); border-width: 1px; border-style: solid; opacity: 0; transition: opacity = 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6,= 1); } .VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-YQoJzd, .VfPpkd-MPu53c-O= WXEXe-vwu2ne-barxie-iAfbIe .VfPpkd-YQoJzd, .VfPpkd-MPu53c-OWXEXe-vwu2ne-iAf= bIe-A9y3zc .VfPpkd-YQoJzd, .VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-barxie .VfPp= kd-YQoJzd { animation-duration: 0.18s; animation-timing-function: linear; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-barxie .VfPpkd-HUofsb-Jt5cK { animation= : 0.18s linear 0s 1 normal none running mdc-checkbox-unchecked-checked-chec= kmark-path; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .VfPpkd-SJnn3d { animation: 90ms= linear 0s 1 normal none running mdc-checkbox-unchecked-indeterminate-mixed= mark; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-iAfbIe .VfPpkd-HUofsb-Jt5cK { animation= : 90ms linear 0s 1 normal none running mdc-checkbox-checked-unchecked-check= mark-path; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-A9y3zc .VfPpkd-HUofsb { animation: 90ms= linear 0s 1 normal none running mdc-checkbox-checked-indeterminate-checkma= rk; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-A9y3zc .VfPpkd-SJnn3d { animation: 90ms= linear 0s 1 normal none running mdc-checkbox-checked-indeterminate-mixedma= rk; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-barxie .VfPpkd-HUofsb { animation: 0.5s= linear 0s 1 normal none running mdc-checkbox-indeterminate-checked-checkma= rk; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-barxie .VfPpkd-SJnn3d { animation: 0.5s= linear 0s 1 normal none running mdc-checkbox-indeterminate-checked-mixedma= rk; transition: none; } .VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-SJnn3d { animation: 0.3s= linear 0s 1 normal none running mdc-checkbox-indeterminate-unchecked-mixed= mark; transition: none; } .VfPpkd-muHVFf-bMcfAe:checked ~ .VfPpkd-YQoJzd, .VfPpkd-muHVFf-bMcfAe:indet= erminate ~ .VfPpkd-YQoJzd, .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true= "] ~ .VfPpkd-YQoJzd { transition: border-color 90ms cubic-bezier(0, 0, 0.2,= 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1); } .VfPpkd-muHVFf-bMcfAe:checked ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb-Jt5cK, .VfPpk= d-muHVFf-bMcfAe:indeterminate ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb-Jt5cK, .VfPpk= d-muHVFf-bMcfAe[data-indeterminate=3D"true"] ~ .VfPpkd-YQoJzd .VfPpkd-HUofs= b-Jt5cK { stroke-dashoffset: 0; } .VfPpkd-muHVFf-bMcfAe { position: absolute; margin: 0px; padding: 0px; opac= ity: 0; cursor: inherit; } .VfPpkd-muHVFf-bMcfAe:disabled { cursor: default; pointer-events: none; } .VfPpkd-MPu53c-OWXEXe-dgl2Hf { margin: calc((var(--mdc-checkbox-state-layer= -size, 48px) - var(--mdc-checkbox-state-layer-size, 40px))/2); } .VfPpkd-MPu53c-OWXEXe-dgl2Hf .VfPpkd-muHVFf-bMcfAe { top: calc((var(--mdc-c= heckbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px= ))/2); right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-= checkbox-state-layer-size, 48px))/2); left: calc((var(--mdc-checkbox-state-= layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px))/2); width: = var(--mdc-checkbox-state-layer-size,48px); height: var(--mdc-checkbox-state= -layer-size,48px); } .VfPpkd-muHVFf-bMcfAe:checked ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { transition:= opacity 0.18s cubic-bezier(0, 0, 0.2, 1), transform 0.18s cubic-bezier(0, = 0, 0.2, 1); opacity: 1; } .VfPpkd-muHVFf-bMcfAe:checked ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d { transform: = scaleX(1) rotate(-45deg); } .VfPpkd-muHVFf-bMcfAe:indeterminate ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb, .VfPpk= d-muHVFf-bMcfAe[data-indeterminate=3D"true"] ~ .VfPpkd-YQoJzd .VfPpkd-HUofs= b { transform: rotate(45deg); opacity: 0; transition: opacity 90ms cubic-be= zier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1); } .VfPpkd-muHVFf-bMcfAe:indeterminate ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d, .VfPpk= d-muHVFf-bMcfAe[data-indeterminate=3D"true"] ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3= d { transform: scaleX(1) rotate(0deg); opacity: 1; } .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-mWPk3d .VfPpkd-HUofsb, .VfPpkd-MPu53c.V= fPpkd-MPu53c-OWXEXe-mWPk3d .VfPpkd-HUofsb-Jt5cK, .VfPpkd-MPu53c.VfPpkd-MPu5= 3c-OWXEXe-mWPk3d .VfPpkd-SJnn3d, .VfPpkd-MPu53c.VfPpkd-MPu53c-OWXEXe-mWPk3d= .VfPpkd-YQoJzd { transition: none; } .VfPpkd-MPu53c { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-rippl= e-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc= -ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0= ); will-change: transform, opacity; } .VfPpkd-MPu53c .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c .VfPpkd-OYHm6b::before= { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none= ; content: ""; } .VfPpkd-MPu53c .VfPpkd-OYHm6b::before { transition: opacity 15ms linear, ba= ckground-color 15ms linear; z-index: var(--mdc-ripple-z-index,1); } .VfPpkd-MPu53c .VfPpkd-OYHm6b::after { z-index: var(--mdc-ripple-z-index,0)= ; } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d .VfPpkd-OYHm6b::before { transform: sca= le(var(--mdc-ripple-fg-scale,1)); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d .VfPpkd-OYHm6b::after { top: 0px; left:= 0px; transform: scale(0); transform-origin: center center; } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-OYHm6b::after { t= op: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-OYHm6b::af= ter { animation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radi= us-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-OYHm6b::af= ter { animation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-= out; transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(-= -mdc-ripple-fg-scale,1)); } .VfPpkd-MPu53c .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c .VfPpkd-OYHm6b::before= { top: 0px; left: 0px; width: 100%; height: 100%; } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c.V= fPpkd-ksKsZd-mWPk3d .VfPpkd-OYHm6b::before { top: var(--mdc-ripple-top,0); = left: var(--mdc-ripple-left,0); width: var(--mdc-ripple-fg-size,100%); heig= ht: var(--mdc-ripple-fg-size,100%); } .VfPpkd-MPu53c.VfPpkd-ksKsZd-mWPk3d .VfPpkd-OYHm6b::after { width: var(--md= c-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-MPu53c { z-index: 0; } .VfPpkd-MPu53c .VfPpkd-OYHm6b::after, .VfPpkd-MPu53c .VfPpkd-OYHm6b::before= { z-index: var(--mdc-ripple-z-index,-1); } .VfPpkd-OYHm6b { position: absolute; top: 0px; left: 0px; width: 100%; heig= ht: 100%; pointer-events: none; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:not(:checked):not(:indeter= minate):not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color:= var(--mdc-checkbox-disabled-unselected-icon-color,GrayText); background-co= lor: transparent; } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"][disable= d] ~ .VfPpkd-YQoJzd, .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:checked= ~ .VfPpkd-YQoJzd, .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe[disabled]:indetermi= nate ~ .VfPpkd-YQoJzd { border-color: graytext; background-color: var(--mdc= -checkbox-disabled-selected-icon-color,GrayText); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-HUo= fsb { color: var(--mdc-checkbox-selected-checkmark-color,ButtonText); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-SJn= n3d { border-color: var(--mdc-checkbox-selected-checkmark-color,ButtonText)= ; } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HU= ofsb { color: var(--mdc-checkbox-disabled-selected-checkmark-color,ButtonFa= ce); } .VfPpkd-MPu53c .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-SJ= nn3d { border-color: var(--mdc-checkbox-disabled-selected-checkmark-color,B= uttonFace); } } .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:not(:checked):not(:indeterminate):n= ot([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: var(--md= c-checkbox-disabled-unselected-icon-color,rgba(60,64,67,.38)); background-c= olor: transparent; } .Ne8lhe .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"][disabled] ~ .VfP= pkd-YQoJzd, .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:checked ~ .VfPpkd-YQoJz= d, .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:indeterminate ~ .VfPpkd-YQoJzd {= border-color: transparent; background-color: var(--mdc-checkbox-disabled-s= elected-icon-color,rgba(60,64,67,.38)); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { col= or: var(--mdc-checkbox-selected-checkmark-color,#fff); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d { bor= der-color: var(--mdc-checkbox-selected-checkmark-color,#fff); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { co= lor: var(--mdc-checkbox-disabled-selected-checkmark-color,#fff); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d { bo= rder-color: var(--mdc-checkbox-disabled-selected-checkmark-color,#fff); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled:not(:checked):not(:indeterminate):not= ([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: var(--mdc-= checkbox-unselected-icon-color,#5f6368); background-color: transparent; } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, .Ne8lhe .Vf= Ppkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, .Ne8lhe .VfPpkd-= muHVFf-bMcfAe[data-indeterminate=3D"true"]:enabled ~ .VfPpkd-YQoJzd { borde= r-color: var(--mdc-checkbox-selected-icon-color,#1a73e8); background-color:= var(--mdc-checkbox-selected-icon-color,#1a73e8); } @keyframes mdc-checkbox-fade-in-background-FF5F6368FF1A73E800000000FF1A73E8= {=20 0% { border-color: var(--mdc-checkbox-unselected-icon-color,#5f6368); bac= kground-color: transparent; } 50% { border-color: var(--mdc-checkbox-selected-icon-color,#1a73e8); back= ground-color: var(--mdc-checkbox-selected-icon-color,#1a73e8); } } @keyframes mdc-checkbox-fade-out-background-FF5F6368FF1A73E800000000FF1A73E= 8 {=20 0%, 80% { border-color: var(--mdc-checkbox-selected-icon-color,#1a73e8); = background-color: var(--mdc-checkbox-selected-icon-color,#1a73e8); } 100% { border-color: var(--mdc-checkbox-unselected-icon-color,#5f6368); b= ackground-color: transparent; } } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .VfPpkd-muHVFf-bMcfAe:ena= bled ~ .VfPpkd-YQoJzd, .Ne8lhe.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-barxie .V= fPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name: mdc-checkbox= -fade-in-background-FF5F6368FF1A73E800000000FF1A73E8; } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-muHVFf-bMcfAe:ena= bled ~ .VfPpkd-YQoJzd, .Ne8lhe.VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-iAfbIe .V= fPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name: mdc-checkbox= -fade-out-background-FF5F6368FF1A73E800000000FF1A73E8; } .Ne8lhe:hover .VfPpkd-muHVFf-bMcfAe:enabled:not(:checked):not(:indeterminat= e):not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: var(= --mdc-checkbox-unselected-hover-icon-color,#202124); background-color: tran= sparent; } .Ne8lhe:hover .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, .Ne8l= he:hover .VfPpkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, .Ne8= lhe:hover .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"]:enabled ~ .VfP= pkd-YQoJzd { border-color: var(--mdc-checkbox-selected-hover-icon-color,#17= 4ea6); background-color: var(--mdc-checkbox-selected-hover-icon-color,#174e= a6); } .Ne8lhe:hover.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .VfPpkd-muHVFf-bMcf= Ae:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:hover.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfb= Ie-barxie .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name: = mdc-checkbox-fade-in-background-FF202124FF174EA600000000FF174EA6; } .Ne8lhe:hover.VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-muHVFf-bMcf= Ae:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:hover.VfPpkd-MPu53c-OWXEXe-vwu2ne-barx= ie-iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd { animation-name: = mdc-checkbox-fade-out-background-FF202124FF174EA600000000FF174EA6; } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-muHVFf-bMcfAe:ena= bled:not(:checked):not(:indeterminate):not([data-indeterminate=3D"true"]) ~= .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-muHVFf-bM= cfAe:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=3D"t= rue"]) ~ .VfPpkd-YQoJzd { border-color: var(--mdc-checkbox-unselected-focus= -icon-color,#202124); background-color: transparent; } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-muHVFf-bMcfAe:ena= bled:checked ~ .VfPpkd-YQoJzd, .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-X= pnDCe .VfPpkd-muHVFf-bMcfAe:enabled:indeterminate ~ .VfPpkd-YQoJzd, .Ne8lhe= .VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-muHVFf-bMcfAe[data-indet= erminate=3D"true"]:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-ksKsZd-mWP= k3d):focus .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPpkd-YQoJzd, .Ne8lhe:= not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-muHVFf-bMcfAe:enabled:indeterminat= e ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-muHVFf= -bMcfAe[data-indeterminate=3D"true"]:enabled ~ .VfPpkd-YQoJzd { border-colo= r: var(--mdc-checkbox-selected-focus-icon-color,#174ea6); background-color:= var(--mdc-checkbox-selected-focus-icon-color,#174ea6); } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-vwu2= ne-iAfbIe-A9y3zc .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe.Vf= Ppkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-= barxie .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-= ksKsZd-mWPk3d):focus.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .VfPpkd-muHV= Ff-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):focu= s.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-barxie .VfPpkd-muHVFf-bMcfAe:enabled ~= .VfPpkd-YQoJzd { animation-name: mdc-checkbox-fade-in-background-FF202124F= F174EA600000000FF174EA6; } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-vwu2= ne-A9y3zc-iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe.Vf= Ppkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-= iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-= ksKsZd-mWPk3d):focus.VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .VfPpkd-muHV= Ff-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):focu= s.VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~= .VfPpkd-YQoJzd { animation-name: mdc-checkbox-fade-out-background-FF202124= FF174EA600000000FF174EA6; } .Ne8lhe:not(:disabled):active .VfPpkd-muHVFf-bMcfAe:enabled:not(:checked):n= ot(:indeterminate):not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { bo= rder-color: var(--mdc-checkbox-unselected-pressed-icon-color,#202124); back= ground-color: transparent; } .Ne8lhe:not(:disabled):active .VfPpkd-muHVFf-bMcfAe:enabled:checked ~ .VfPp= kd-YQoJzd, .Ne8lhe:not(:disabled):active .VfPpkd-muHVFf-bMcfAe:enabled:inde= terminate ~ .VfPpkd-YQoJzd, .Ne8lhe:not(:disabled):active .VfPpkd-muHVFf-bM= cfAe[data-indeterminate=3D"true"]:enabled ~ .VfPpkd-YQoJzd { border-color: = var(--mdc-checkbox-selected-pressed-icon-color,#174ea6); background-color: = var(--mdc-checkbox-selected-pressed-icon-color,#174ea6); } @keyframes mdc-checkbox-fade-in-background-FF202124FF174EA600000000FF174EA6= {=20 0% { border-color: var(--mdc-checkbox-unselected-pressed-icon-color,#2021= 24); background-color: transparent; } 50% { border-color: var(--mdc-checkbox-selected-pressed-icon-color,#174ea= 6); background-color: var(--mdc-checkbox-selected-pressed-icon-color,#174ea= 6); } } @keyframes mdc-checkbox-fade-out-background-FF202124FF174EA600000000FF174EA= 6 {=20 0%, 80% { border-color: var(--mdc-checkbox-selected-pressed-icon-color,#1= 74ea6); background-color: var(--mdc-checkbox-selected-pressed-icon-color,#1= 74ea6); } 100% { border-color: var(--mdc-checkbox-unselected-pressed-icon-color,#20= 2124); background-color: transparent; } } .Ne8lhe:not(:disabled):active.VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-A9y3zc .Vf= Ppkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(:disabled):active.= VfPpkd-MPu53c-OWXEXe-vwu2ne-iAfbIe-barxie .VfPpkd-muHVFf-bMcfAe:enabled ~ .= VfPpkd-YQoJzd { animation-name: mdc-checkbox-fade-in-background-FF202124FF1= 74EA600000000FF174EA6; } .Ne8lhe:not(:disabled):active.VfPpkd-MPu53c-OWXEXe-vwu2ne-A9y3zc-iAfbIe .Vf= Ppkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd, .Ne8lhe:not(:disabled):active.= VfPpkd-MPu53c-OWXEXe-vwu2ne-barxie-iAfbIe .VfPpkd-muHVFf-bMcfAe:enabled ~ .= VfPpkd-YQoJzd { animation-name: mdc-checkbox-fade-out-background-FF202124FF= 174EA600000000FF174EA6; } .Ne8lhe .VfPpkd-OYHm6b::after, .Ne8lhe .VfPpkd-OYHm6b::before { background-= color: var(--mdc-checkbox-unselected-hover-state-layer-color,#3c4043); } .Ne8lhe.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-OYHm6b::before, .Ne8lhe:h= over .VfPpkd-OYHm6b::before { opacity: var(--mdc-checkbox-unselected-hover-= state-layer-opacity,.04); } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-OYHm6b::before, .= Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-OYHm6b::before { transition= -duration: 75ms; opacity: var(--mdc-checkbox-unselected-focus-state-layer-o= pacity,.12); } .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-OYHm6b::after { transition: opac= ity 0.15s linear; } .Ne8lhe:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-OYHm6b::after { transitio= n-duration: 75ms; opacity: var(--mdc-checkbox-unselected-pressed-state-laye= r-opacity,.1); } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-checkbox-= unselected-pressed-state-layer-opacity,0.1); } .Ne8lhe .VfPpkd-OYHm6b::before { background-color: var(--mdc-checkbox-unsel= ected-hover-state-layer-color,#3c4043); } .Ne8lhe .VfPpkd-OYHm6b::after { background-color: var(--mdc-checkbox-unsele= cted-pressed-state-layer-color,#1a73e8); } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::after, .Ne8lhe.VfPpkd-M= Pu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::before { background-color: var(--mdc-ch= eckbox-selected-hover-state-layer-color,#1a73e8); } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPp= kd-OYHm6b::before, .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd:hover .VfPpkd-OYHm6b= ::before { opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity,.= 04); } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnD= Ce .VfPpkd-OYHm6b::before, .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd:not(.VfPpkd-= ksKsZd-mWPk3d):focus .VfPpkd-OYHm6b::before { transition-duration: 75ms; op= acity: var(--mdc-checkbox-selected-focus-state-layer-opacity,.12); } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-OYHm= 6b::after { transition: opacity 0.15s linear; } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPp= kd-OYHm6b::after { transition-duration: 75ms; opacity: var(--mdc-checkbox-s= elected-pressed-state-layer-opacity,.1); } .Ne8lhe.VfPpkd-MPu53c-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-= opacity: var(--mdc-checkbox-selected-pressed-state-layer-opacity,0.1); } .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe.VfPpkd-MPu53c-OWXEXe-gk6S= Md .VfPpkd-OYHm6b::after, .Ne8lhe.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe= .VfPpkd-MPu53c-OWXEXe-gk6SMd .VfPpkd-OYHm6b::before { background-color: var= (--mdc-checkbox-selected-hover-state-layer-color,#1a73e8); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:not(:checked):not(:indeterminate)= :not([data-indeterminate=3D"true"]) ~ .VfPpkd-YQoJzd { border-color: var(--= mdc-checkbox-disabled-unselected-icon-color,GrayText); background-color: tr= ansparent; } .Ne8lhe .VfPpkd-muHVFf-bMcfAe[data-indeterminate=3D"true"][disabled] ~ .V= fPpkd-YQoJzd, .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:checked ~ .VfPpkd-YQo= Jzd, .Ne8lhe .VfPpkd-muHVFf-bMcfAe[disabled]:indeterminate ~ .VfPpkd-YQoJzd= { border-color: graytext; background-color: var(--mdc-checkbox-disabled-se= lected-icon-color,GrayText); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { c= olor: var(--mdc-checkbox-selected-checkmark-color,ButtonText); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:enabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d { b= order-color: var(--mdc-checkbox-selected-checkmark-color,ButtonText); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-HUofsb { = color: var(--mdc-checkbox-disabled-selected-checkmark-color,ButtonFace); } .Ne8lhe .VfPpkd-muHVFf-bMcfAe:disabled ~ .VfPpkd-YQoJzd .VfPpkd-SJnn3d { = border-color: var(--mdc-checkbox-disabled-selected-checkmark-color,ButtonFa= ce); } } .Ne8lhe.Pk9e1.VfPpkd-MPu53c { cursor: unset; } .Ne8lhe.Pk9e1 .VfPpkd-muHVFf-bMcfAe { opacity: unset; appearance: none; cur= sor: pointer; } .az2ine { will-change: unset; } .VfPpkd-I9GLp-yrriRe { display: inline-flex; } .VfPpkd-I9GLp-yrriRe[hidden] { display: none; } .VfPpkd-I9GLp-yrriRe { align-items: center; vertical-align: middle; } .VfPpkd-I9GLp-yrriRe > label { margin-left: 0px; margin-right: auto; } .VfPpkd-I9GLp-yrriRe > label[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-I9GLp-yrri= Re > label { margin-left: auto; margin-right: 0px; } .VfPpkd-I9GLp-yrriRe > label { padding-left: 4px; padding-right: 0px; } .VfPpkd-I9GLp-yrriRe > label[dir=3D"rtl"], [dir=3D"rtl"] .VfPpkd-I9GLp-yrri= Re > label { padding-left: 0px; padding-right: 4px; } .VfPpkd-I9GLp-yrriRe > label { order: 0; } .VfPpkd-I9GLp-yrriRe-OWXEXe-WrakWd > label { text-overflow: ellipsis; overf= low: hidden; white-space: nowrap; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label { margin-left: auto; marg= in-right: 0px; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label[dir=3D"rtl"], [dir=3D"rtl= "] .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label { margin-left: 0px; ma= rgin-right: auto; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label { padding-left: 0px; padd= ing-right: 4px; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label[dir=3D"rtl"], [dir=3D"rtl= "] .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label { padding-left: 4px; p= adding-right: 0px; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fW01td-CpWD9d > label { order: -1; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fozPsf-t6UvL { justify-content: space-between; = } .VfPpkd-I9GLp-yrriRe-OWXEXe-fozPsf-t6UvL > label { margin: 0px; } .VfPpkd-I9GLp-yrriRe-OWXEXe-fozPsf-t6UvL > label[dir=3D"rtl"], [dir=3D"rtl"= ] .VfPpkd-I9GLp-yrriRe-OWXEXe-fozPsf-t6UvL > label { margin: 0px; } .VfPpkd-I9GLp-yrriRe { font-family: var(--mdc-form-field-label-text-font,Ro= boto,sans-serif); line-height: var(--mdc-form-field-label-text-line-height,= 1.25rem); font-size: var(--mdc-form-field-label-text-size,.875rem); font-we= ight: var(--mdc-form-field-label-text-weight,400); letter-spacing: var(--md= c-form-field-label-text-tracking,.0178571429em); color: var(--mdc-form-fiel= d-label-text-color,var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.8= 7))); } .MlG5Jc { font-family: Roboto, Arial, sans-serif; line-height: 1.25rem; fon= t-size: 0.875rem; letter-spacing: 0.0142857em; font-weight: 400; } .MlG5Jc .VfPpkd-GCYh9b-OWXEXe-OWB6Me ~ .VfPpkd-V67aGc, .MlG5Jc .VfPpkd-MPu5= 3c-OWXEXe-OWB6Me ~ .VfPpkd-V67aGc, .MlG5Jc gm-checkbox[disabled] ~ .VfPpkd-= V67aGc, .MlG5Jc gm-radio[disabled] ~ .VfPpkd-V67aGc { color: rgb(95, 99, 10= 4); } .DMZ54e, .OBi8lb, .P2Hi5d, .P9QRxe, .mkMxfe, .vqjb4e, .y8Rdrf { font-family= : Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1rem; letter-s= pacing: 0.00625em; font-weight: 400; color: var(--mdc-theme-on-surface,#000= ); } .DMZ54e .VfPpkd-StrnGf-rymPhb-IhFlZd, .OBi8lb .VfPpkd-StrnGf-rymPhb-IhFlZd,= .P2Hi5d .VfPpkd-StrnGf-rymPhb-IhFlZd, .P9QRxe .VfPpkd-StrnGf-rymPhb-IhFlZd= , .mkMxfe .VfPpkd-StrnGf-rymPhb-IhFlZd, .vqjb4e .VfPpkd-StrnGf-rymPhb-IhFlZ= d, .y8Rdrf .VfPpkd-StrnGf-rymPhb-IhFlZd { color: rgb(95, 99, 104); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8= ivfd-fmcmS, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-Strn= Gf-rymPhb-b9t22c, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpk= d-StrnGf-rymPhb-fpDzbe-fmcmS, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-O= WB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .OBi8lb .VfPpkd-StrnGf-rymP= hb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS, .P2Hi5d .VfPpkd= -StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .P2= Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22= c, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb= -fpDzbe-fmcmS, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-S= trnGf-rymPhb-L8ivfd-fmcmS, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6= Me .VfPpkd-StrnGf-rymPhb-b9t22c, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEX= e-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS, .mkMxfe .VfPpkd-StrnGf-rymPhb-= ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .mkMxfe .VfPpkd-St= rnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .mkMxfe .VfP= pkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS, = .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8= ivfd-fmcmS, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-Strn= Gf-rymPhb-b9t22c, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpk= d-StrnGf-rymPhb-fpDzbe-fmcmS, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-O= WB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .y8Rdrf .VfPpkd-StrnGf-rymP= hb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { color: rgb(60,= 64, 67); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9= t22c, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rym= Phb-b9t22c, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-Strn= Gf-rymPhb-b9t22c, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpk= d-StrnGf-rymPhb-b9t22c, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me = .VfPpkd-StrnGf-rymPhb-b9t22c, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-O= WB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OW= XEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c { opacity: 0.38; } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd, .DMZ54e .VfPpkd-StrnGf-= rymPhb-ibnC6b-OWXEXe-pXU01b, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk= 6SMd, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b, .P2Hi5d .VfPpkd-S= trnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-pXU01b, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd, .P9QRxe .Vf= Ppkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC= 6b-OWXEXe-gk6SMd, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b, .vqjb= 4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd, .vqjb4e .VfPpkd-StrnGf-rymPh= b-ibnC6b-OWXEXe-pXU01b, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd,= .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b { color: var(--mdc-them= e-on-surface,#000); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7= MjDc, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rym= Phb-f7MjDc, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-Strn= Gf-rymPhb-f7MjDc, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpk= d-StrnGf-rymPhb-f7MjDc, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd = .VfPpkd-StrnGf-rymPhb-f7MjDc, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-p= XU01b .VfPpkd-StrnGf-rymPhb-f7MjDc, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OW= XEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7MjDc, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-f7MjDc, .mkMxfe .VfPpkd-StrnGf-rymP= hb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7MjDc, .mkMxfe .VfPpkd-StrnG= f-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-f7MjDc, .vqjb4e .VfPpkd= -StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7MjDc, .vqjb4e .= VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb-f7MjDc, .y8= Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-f7MjD= c, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-StrnGf-rymPhb= -f7MjDc { color: var(--mdc-theme-on-surface,#000); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZ= Xsl::before, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-Str= nGf-rymPhb-pZXsl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SM= d .VfPpkd-StrnGf-rymPhb-pZXsl::before, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b= -OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-= rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::before, .vqjb4e .V= fPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::befor= e, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb= -pZXsl::before { opacity: 0; } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEX= e-gk6SMd, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-= OWXEXe-gk6SMd, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ib= nC6b-OWXEXe-gk6SMd, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymP= hb-ibnC6b-OWXEXe-gk6SMd, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf= -rymPhb-ibnC6b-OWXEXe-gk6SMd, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-S= trnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd { background-color: rgb(232, 240, 254); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6= b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::be= fore, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXE= Xe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .OBi8lb .VfPpkd-StrnGf-rymPhb= -ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZX= sl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6= b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P2Hi5d .VfPpkd-StrnGf-= rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymP= hb-pZXsl::before, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb= -ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P9QRxe .VfPpkd-S= trnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnG= f-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-= rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .mkMxfe .Vf= Ppkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd= -StrnGf-rymPhb-pZXsl::before, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-S= trnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after, .vqjb= 4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .= VfPpkd-StrnGf-rymPhb-pZXsl::before, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b.Vf= Ppkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::after,= .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk= 6SMd .VfPpkd-StrnGf-rymPhb-pZXsl::before { background-color: var(--mdc-ripp= le-color,rgb(26,115,232)); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl::before, = .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd:hover .VfPpkd-StrnGf-rymPhb-pZXsl::before, .OBi8lb .VfPpkd-StrnGf-rymPh= b-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWX= EXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl::before, .OBi8lb .VfPpkd-StrnGf-rymPh= b-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-StrnGf-rym= Phb-pZXsl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPh= b-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rym= Phb-pZXsl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPh= b-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-StrnGf-rymPhb-pZXsl::before, .P9QRxe .= VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpk= d-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl::before, .P9QRxe .= VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover= .VfPpkd-StrnGf-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.= VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE= .VfPpkd-StrnGf-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.= VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-StrnGf-rymPhb-pZXsl= ::before, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-= OWXEXe-gk6SMd.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl= ::before, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-= OWXEXe-gk6SMd:hover .VfPpkd-StrnGf-rymPhb-pZXsl::before, .y8Rdrf .VfPpkd-St= rnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-= XxIAqe-OWXEXe-ZmdkE .VfPpkd-StrnGf-rymPhb-pZXsl::before, .y8Rdrf .VfPpkd-St= rnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-= StrnGf-rymPhb-pZXsl::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-rymPhb-pZXsl::= before, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OW= XEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-StrnGf-rymPhb-pZXsl::b= efore, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-rymPhb-= pZXsl::before, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ib= nC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-StrnGf-rymPhb-p= ZXsl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibn= C6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-StrnGf-= rymPhb-pZXsl::before, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-ry= mPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-StrnGf-r= ymPhb-pZXsl::before, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rym= Phb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-= StrnGf-rymPhb-pZXsl::before, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-St= rnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-S= trnGf-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-Str= nGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .= VfPpkd-StrnGf-rymPhb-pZXsl::before, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.Vf= Ppkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):focus .V= fPpkd-StrnGf-rymPhb-pZXsl::before, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfP= pkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-X= pnDCe .VfPpkd-StrnGf-rymPhb-pZXsl::before, .vqjb4e .VfPpkd-StrnGf-rymPhb-ib= nC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d):f= ocus .VfPpkd-StrnGf-rymPhb-pZXsl::before, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibn= C6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-A= He6Kc-XpnDCe .VfPpkd-StrnGf-rymPhb-pZXsl::before, .y8Rdrf .VfPpkd-StrnGf-ry= mPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mW= Pk3d):focus .VfPpkd-StrnGf-rymPhb-pZXsl::before { transition-duration: 75ms= ; opacity: var(--mdc-ripple-focus-opacity,.12); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::after, .OBi8lb = .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(= .VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P2Hi5d .VfPpkd-= StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-= ksKsZd-mWPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P9QRxe .VfPpkd-StrnGf-r= ymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-m= WPk3d) .VfPpkd-StrnGf-rymPhb-pZXsl::after, .mkMxfe .VfPpkd-StrnGf-rymPhb-ib= nC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .= VfPpkd-StrnGf-rymPhb-pZXsl::after, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfP= pkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-S= trnGf-rymPhb-pZXsl::after, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-Strn= Gf-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-StrnGf-ry= mPhb-pZXsl::after { transition: opacity 0.15s linear; } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .= OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6S= Md:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P= 2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SM= d:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .P9= QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd= :not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .mkM= xfe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:= not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .vqjb= 4e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:n= ot(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after, .y8Rdr= f .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd:no= t(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-StrnGf-rymPhb-pZXsl::after { transi= tion-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.1); } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6= SMd.VfPpkd-ksKsZd-mWPk3d, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnG= f-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d, .P2Hi5d .VfPpkd-StrnGf-= rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3= d, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-= gk6SMd.VfPpkd-ksKsZd-mWPk3d, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-St= rnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mWPk3d, .vqjb4e .VfPpkd-Strn= Gf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksKsZd-mW= Pk3d, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b.VfPpkd-StrnGf-rymPhb-ibnC6b-OWXE= Xe-gk6SMd.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-= press-opacity,0.1); } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-= L8ivfd-fmcmS, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-St= rnGf-rymPhb-b9t22c, .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfP= pkd-StrnGf-rymPhb-fpDzbe-fmcmS, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe= -OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .OBi8lb .VfPpkd-StrnGf-rymPhb-i= bnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .OBi8lb .VfPpkd-StrnGf-ry= mPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS, .P2Hi5d .VfPp= kd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .= P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t= 22c, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymP= hb-fpDzbe-fmcmS, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd= -StrnGf-rymPhb-L8ivfd-fmcmS, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OW= B6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWX= EXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS, .mkMxfe .VfPpkd-StrnGf-rymPh= b-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .mkMxfe .VfPpkd-= StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .mkMxfe .V= fPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS= , .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-= L8ivfd-fmcmS, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-St= rnGf-rymPhb-b9t22c, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfP= pkd-StrnGf-rymPhb-fpDzbe-fmcmS, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe= -OWB6Me .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS, .y8Rdrf .VfPpkd-StrnGf-rymPhb-i= bnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .y8Rdrf .VfPpkd-StrnGf-ry= mPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS { color: grayt= ext; } .DMZ54e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-= b9t22c, .OBi8lb .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-StrnGf-r= ymPhb-b9t22c, .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-St= rnGf-rymPhb-b9t22c, .P9QRxe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfP= pkd-StrnGf-rymPhb-b9t22c, .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe-OWB6M= e .VfPpkd-StrnGf-rymPhb-b9t22c, .vqjb4e .VfPpkd-StrnGf-rymPhb-ibnC6b-OWXEXe= -OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c, .y8Rdrf .VfPpkd-StrnGf-rymPhb-ibnC6b-= OWXEXe-OWB6Me .VfPpkd-StrnGf-rymPhb-b9t22c { opacity: 1; } } .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b { padding-left: 24px; padding-right: 1= 6px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .P2Hi5d .V= fPpkd-StrnGf-rymPhb-ibnC6b { padding-left: 16px; padding-right: 24px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-left: 24= px; margin-right: 0px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc[dir=3D"rtl"], [di= r=3D"rtl"] .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { marg= in-left: 0px; margin-right: 24px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { width: calc(100= % - 24px); } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: calc(100%= - 16px); } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-left: 24px; margin-right: 0px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rtl"], [dir=3D"rtl"] .P2Hi5d .VfPpkd-= StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEX= e-YbohUe-UbuQg { margin-left: 0px; margin-right: 24px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: calc(100% - 40px); } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2 { margin-left: 24px; margin-right: 0px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .P2Hi5d .VfPpkd-StrnGf-= rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2= { margin-left: 0px; margin-right: 24px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2 { width: calc(100% - 24px); } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2 { margin-left: 24px; margin-right: 0px; } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2[dir=3D"rtl"], [dir=3D"rtl"] .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe= -YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 24px;= } .P2Hi5d .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2 { width: calc(100% - 40px); } .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-f7MjDc { margin-= left: 0px; margin-right: 16px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymPhb-f7MjDc[dir=3D"rt= l"], [dir=3D"rtl"] .mkMxfe .VfPpkd-StrnGf-rymPhb-ibnC6b .VfPpkd-StrnGf-rymP= hb-f7MjDc { margin-left: 16px; margin-right: 0px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { margin-left: 56= px; margin-right: 0px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc[dir=3D"rtl"], [di= r=3D"rtl"] .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { marg= in-left: 0px; margin-right: 56px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc { width: calc(100= % - 56px); } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: calc(100%= - 16px); } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg { margin-left: 56px; margin-right: 0px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg[dir=3D"rtl"], [dir=3D"rtl"] .mkMxfe .VfPpkd-= StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEX= e-YbohUe-UbuQg { margin-left: 0px; margin-right: 56px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg { width: calc(100% - 72px); } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2 { margin-left: 16px; margin-right: 0px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2[dir=3D"rtl"], [dir=3D"rtl"] .mkMxfe .VfPpkd-StrnGf-= rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-QFlW2= { margin-left: 0px; margin-right: 16px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-QFlW2 { width: calc(100% - 16px); } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2 { margin-left: 16px; margin-right: 0px; } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2[dir=3D"rtl"], [dir=3D"rtl"] .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe= -YbohUe-M1Soyc.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnG= f-rymPhb-clz4Ic-OWXEXe-YbohUe-QFlW2 { margin-left: 0px; margin-right: 16px;= } .mkMxfe .VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-M1Soyc.VfPpkd-StrnGf-rym= Phb-clz4Ic-OWXEXe-YbohUe-UbuQg.VfPpkd-StrnGf-rymPhb-clz4Ic-OWXEXe-YbohUe-QF= lW2 { width: calc(100% - 32px); } .r6B9Fd { font-family: Roboto, Arial, sans-serif; line-height: 1.5rem; font= -size: 1rem; letter-spacing: 0.00625em; font-weight: 400; } .r6B9Fd .VfPpkd-rymPhb-Gtdoyb, .r6B9Fd .VfPpkd-rymPhb-fpDzbe-fmcmS { color:= rgb(60, 64, 67); } .r6B9Fd .VfPpkd-rymPhb-JMEf7e, .r6B9Fd .VfPpkd-rymPhb-L8ivfd-fmcmS, .r6B9Fd= .VfPpkd-rymPhb-bC5pod-fmcmS { color: rgb(95, 99, 104); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .r6B9Fd = .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-L8ivfd-fmcmS, .r6B9Fd .V= fPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-bC5pod-fmcmS, .r6B9Fd .VfP= pkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-fpDzbe-fmcmS, .r6B9Fd .VfPpk= d-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz1= 12c .VfPpkd-rymPhb-KkROqb, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPp= kd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e, .r6B9Fd = .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQ= g-r4m2rf .VfPpkd-rymPhb-JMEf7e, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb= -M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-= SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e { color: rgb(60, 64, 67); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .r6B9Fd = .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-JMEf7e, .r6B9Fd .VfPpkd-= rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-KkROqb { opacity: 0.38; } .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-Gtdoyb, .r6B9Fd = .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-fpDzbe-fmcmS, .r6B9Fd .V= fPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc= -Bz112c .VfPpkd-rymPhb-KkROqb, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b = .VfPpkd-rymPhb-Gtdoyb, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b .VfPpkd-= rymPhb-fpDzbe-fmcmS, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-pXU01b.VfPpkd-rym= Phb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-Bz112c .VfPpkd-rymPhb-KkROqb { color: rgb(6= 0, 64, 67); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-rymPhb-pZXsl::before { = opacity: 0; } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd { backgrou= nd-color: rgb(232, 240, 254); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd .VfPpkd-ry= mPhb-pZXsl::after, .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEX= e-gk6SMd .VfPpkd-rymPhb-pZXsl::before { background-color: var(--mdc-ripple-= color,rgb(26,115,232)); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksK= sZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-rymPhb-pZXsl::before, .r6B9Fd .VfPpkd-rymPh= b-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:hover .VfPpkd-rymPhb-pZXsl::bef= ore { opacity: var(--mdc-ripple-hover-opacity,.04); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksK= sZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-rymPhb-pZXsl::before, .r6B9Fd .VfPp= kd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpkd-ksKsZd-mWPk= 3d):focus .VfPpkd-rymPhb-pZXsl::before { transition-duration: 75ms; opacity= : var(--mdc-ripple-focus-opacity,.12); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpk= d-ksKsZd-mWPk3d) .VfPpkd-rymPhb-pZXsl::after { transition: opacity 0.15s li= near; } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd:not(.VfPpk= d-ksKsZd-mWPk3d):active .VfPpkd-rymPhb-pZXsl::after { transition-duration: = 75ms; opacity: var(--mdc-ripple-press-opacity,.1); } .r6B9Fd .VfPpkd-rymPhb-ibnC6b.VfPpkd-rymPhb-ibnC6b-OWXEXe-gk6SMd.VfPpkd-ksK= sZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity,0.1); = } @media screen and (forced-colors: active) { .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .r6B9F= d .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-L8ivfd-fmcmS, .r6B9Fd = .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-bC5pod-fmcmS, .r6B9Fd .V= fPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-fpDzbe-fmcmS, .r6B9Fd .VfP= pkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-B= z112c .VfPpkd-rymPhb-KkROqb, .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.Vf= Ppkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-UbuQg-Bz112c .VfPpkd-rymPhb-JMEf7e, .r6B9F= d .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Ub= uQg-r4m2rf .VfPpkd-rymPhb-JMEf7e { color: graytext; } .r6B9Fd .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-Gtdoyb, .r6B9F= d .VfPpkd-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-JMEf7e, .r6B9Fd .VfPpk= d-rymPhb-ibnC6b-OWXEXe-OWB6Me .VfPpkd-rymPhb-KkROqb { opacity: 1; } } .FvXOfd.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkR= Oqb, .QrsYgb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPh= b-KkROqb, .gfwIBd.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-= rymPhb-KkROqb, .uTZ9Lb.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .Vf= Ppkd-rymPhb-KkROqb { align-self: center; margin-top: 0px; } .HiC7Nc.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Woal0c-RWgCYc { height: 56px; } .HiC7Nc.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-M1Soyc-HiaYvf.VfPpkd-rymPhb-ibnC= 6b-OWXEXe-SfQLQb-Woal0c-RWgCYc, .HiC7Nc.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-= M1Soyc-aTv5jf.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-Woal0c-RWgCYc { height: 72= px; } .UbEQCe.VfPpkd-rymPhb-ibnC6b { padding-left: 0px; } .UbEQCe.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .UbEQCe.VfPpkd-rym= Phb-ibnC6b { padding-right: 0px; } .UbEQCe .VfPpkd-rymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .UbEQCe .VfPpkd-rymPhb-KkROqb[dir=3D"rtl"], [dir=3D"rtl"] .UbEQCe .VfPpkd-r= ymPhb-KkROqb { margin-left: 16px; margin-right: 16px; } .rKASPc.VfPpkd-rymPhb-ibnC6b { padding-left: 0px; } .rKASPc.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .rKASPc.VfPpkd-rym= Phb-ibnC6b { padding-right: 0px; } .rKASPc .VfPpkd-rymPhb-KkROqb { margin-left: 8px; margin-right: 8px; } .rKASPc .VfPpkd-rymPhb-KkROqb[dir=3D"rtl"], [dir=3D"rtl"] .rKASPc .VfPpkd-r= ymPhb-KkROqb { margin-left: 8px; margin-right: 8px; } .rKASPc.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkR= Oqb { align-self: flex-start; margin-top: 8px; } .U5k4Fd.VfPpkd-rymPhb-ibnC6b { padding-left: 0px; } .U5k4Fd.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .U5k4Fd.VfPpkd-rym= Phb-ibnC6b { padding-right: 0px; } .U5k4Fd .VfPpkd-rymPhb-KkROqb { margin-left: 8px; margin-right: 8px; } .U5k4Fd .VfPpkd-rymPhb-KkROqb[dir=3D"rtl"], [dir=3D"rtl"] .U5k4Fd .VfPpkd-r= ymPhb-KkROqb { margin-left: 8px; margin-right: 8px; } .U5k4Fd.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkR= Oqb { align-self: flex-start; margin-top: 8px; } .ifEyr.VfPpkd-rymPhb-ibnC6b { padding-left: 0px; } .ifEyr.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .ifEyr.VfPpkd-rymPh= b-ibnC6b { padding-right: 0px; } .ifEyr .VfPpkd-rymPhb-KkROqb { margin-left: 8px; margin-right: 8px; } .ifEyr .VfPpkd-rymPhb-KkROqb[dir=3D"rtl"], [dir=3D"rtl"] .ifEyr .VfPpkd-rym= Phb-KkROqb { margin-left: 8px; margin-right: 8px; } .ifEyr.VfPpkd-rymPhb-ibnC6b-OWXEXe-SfQLQb-aSi1db-MCEKJb .VfPpkd-rymPhb-KkRO= qb { align-self: flex-start; margin-top: 8px; } .SNowt.VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .SNowt.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .SNowt.VfPpkd-rymPh= b-ibnC6b { padding-left: 0px; } .SNowt .VfPpkd-rymPhb-JMEf7e { margin-left: 8px; margin-right: 16px; } .SNowt .VfPpkd-rymPhb-JMEf7e[dir=3D"rtl"], [dir=3D"rtl"] .SNowt .VfPpkd-rym= Phb-JMEf7e { margin-left: 16px; margin-right: 8px; } .tfmWAf.VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .tfmWAf.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .tfmWAf.VfPpkd-rym= Phb-ibnC6b { padding-left: 0px; } .tfmWAf .VfPpkd-rymPhb-JMEf7e { margin-left: 8px; margin-right: 16px; } .tfmWAf .VfPpkd-rymPhb-JMEf7e[dir=3D"rtl"], [dir=3D"rtl"] .tfmWAf .VfPpkd-r= ymPhb-JMEf7e { margin-left: 16px; margin-right: 8px; } .axtYbd.VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .axtYbd.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .axtYbd.VfPpkd-rym= Phb-ibnC6b { padding-left: 0px; } .axtYbd .VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 24px; } .axtYbd .VfPpkd-rymPhb-JMEf7e[dir=3D"rtl"], [dir=3D"rtl"] .axtYbd .VfPpkd-r= ymPhb-JMEf7e { margin-left: 24px; margin-right: 16px; } .aopLEb.VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .aopLEb.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .aopLEb.VfPpkd-rym= Phb-ibnC6b { padding-left: 0px; } .aopLEb .VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 24px; } .aopLEb .VfPpkd-rymPhb-JMEf7e[dir=3D"rtl"], [dir=3D"rtl"] .aopLEb .VfPpkd-r= ymPhb-JMEf7e { margin-left: 24px; margin-right: 16px; } .zlqiud.VfPpkd-rymPhb-ibnC6b { padding-right: 0px; } .zlqiud.VfPpkd-rymPhb-ibnC6b[dir=3D"rtl"], [dir=3D"rtl"] .zlqiud.VfPpkd-rym= Phb-ibnC6b { padding-left: 0px; } .zlqiud .VfPpkd-rymPhb-JMEf7e { margin-left: 16px; margin-right: 24px; } .zlqiud .VfPpkd-rymPhb-JMEf7e[dir=3D"rtl"], [dir=3D"rtl"] .zlqiud .VfPpkd-r= ymPhb-JMEf7e { margin-left: 24px; margin-right: 16px; } .isC8Y.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe { padding-left: 24p= x; } .isC8Y.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe[dir=3D"rtl"], [dir= =3D"rtl"] .isC8Y.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-M1Soyc-YbohUe { padding= -right: 24px; } .MCs1Pd { padding-left: 24px; padding-right: 24px; } .MCs1Pd[dir=3D"rtl"], [dir=3D"rtl"] .MCs1Pd { padding-left: 24px; padding-r= ight: 24px; } .e6pQl.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe { padding-right: 24p= x; } .e6pQl.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe[dir=3D"rtl"], [dir= =3D"rtl"] .e6pQl.VfPpkd-rymPhb-clz4Ic-OWXEXe-SfQLQb-UbuQg-YbohUe { padding-= left: 24px; } .e6pQl[dir=3D"rtl"], [dir=3D"rtl"] .e6pQl { padding: 0px; } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .= VfPpkd-wVo5xe-LkdAo { border-color: rgba(0, 0, 0, 0.54); } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd= -wVo5xe-LkdAo { border-color: var(--mdc-theme-secondary,#018786); } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-= LkdAo { border-color: var(--mdc-theme-secondary,#018786); } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:disabled:not(:checked) + .VfPpkd-RsCWK = .VfPpkd-wVo5xe-LkdAo, .VfPpkd-GCYh9b [aria-disabled=3D"true"] .VfPpkd-gBXA9= -bMcfAe:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: = rgba(0, 0, 0, 0.38); } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:disabled:checked + .VfPpkd-RsCWK .VfPpk= d-wVo5xe-LkdAo, .VfPpkd-GCYh9b [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfA= e:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: rgba(0, 0, 0= , 0.38); } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe:disabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc= -LkdAo, .VfPpkd-GCYh9b [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe + .VfP= pkd-RsCWK .VfPpkd-Z5TpLc-LkdAo { border-color: rgba(0, 0, 0, 0.38); } .VfPpkd-GCYh9b .VfPpkd-RsCWK::before { background-color: var(--mdc-theme-se= condary,#018786); } .VfPpkd-GCYh9b { padding: 10px; } .VfPpkd-GCYh9b .VfPpkd-RsCWK::before { top: -10px; left: -10px; width: 40px= ; height: 40px; } .VfPpkd-GCYh9b .VfPpkd-gBXA9-bMcfAe { top: 0px; right: 0px; left: 0px; widt= h: 40px; height: 40px; } @media (-ms-high-contrast:active), screen and (forced-colors: active) { .VfPpkd-GCYh9b.VfPpkd-GCYh9b-OWXEXe-OWB6Me .VfPpkd-gBXA9-bMcfAe:disabled:= not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .VfPpkd-GCYh9b.VfPpkd-G= CYh9b-OWXEXe-OWB6Me [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe:not(:chec= ked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: graytext; } .VfPpkd-GCYh9b.VfPpkd-GCYh9b-OWXEXe-OWB6Me .VfPpkd-gBXA9-bMcfAe:disabled:= checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .VfPpkd-GCYh9b.VfPpkd-GCYh9b-= OWXEXe-OWB6Me [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe:checked + .VfPp= kd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: graytext; } .VfPpkd-GCYh9b.VfPpkd-GCYh9b-OWXEXe-OWB6Me .VfPpkd-gBXA9-bMcfAe:disabled = + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo, .VfPpkd-GCYh9b.VfPpkd-GCYh9b-OWXEXe-O= WB6Me [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe + .VfPpkd-RsCWK .VfPpkd= -Z5TpLc-LkdAo { border-color: graytext; } } .VfPpkd-GCYh9b { display: inline-block; position: relative; flex: 0 0 auto;= box-sizing: content-box; width: 20px; height: 20px; cursor: pointer; will-= change: opacity, transform, border-color, color; } .VfPpkd-GCYh9b[hidden] { display: none; } .VfPpkd-RsCWK { display: inline-block; position: relative; box-sizing: bord= er-box; width: 20px; height: 20px; } .VfPpkd-RsCWK::before { position: absolute; transform: scale(0); border-rad= ius: 50%; opacity: 0; pointer-events: none; content: ""; transition: opacit= y 0.12s cubic-bezier(0.4, 0, 0.6, 1), transform 0.12s cubic-bezier(0.4, 0, = 0.6, 1); } .VfPpkd-wVo5xe-LkdAo { position: absolute; top: 0px; left: 0px; box-sizing:= border-box; width: 100%; height: 100%; border-width: 2px; border-style: so= lid; border-radius: 50%; transition: border-color 0.12s cubic-bezier(0.4, 0= , 0.6, 1); } .VfPpkd-Z5TpLc-LkdAo { position: absolute; top: 0px; left: 0px; box-sizing:= border-box; width: 100%; height: 100%; transform: scale(0); border-width: = 10px; border-style: solid; border-radius: 50%; transition: transform 0.12s = cubic-bezier(0.4, 0, 0.6, 1), border-color 0.12s cubic-bezier(0.4, 0, 0.6, = 1); } .VfPpkd-gBXA9-bMcfAe { position: absolute; margin: 0px; padding: 0px; opaci= ty: 0; cursor: inherit; z-index: 1; } .VfPpkd-GCYh9b-OWXEXe-dgl2Hf { margin: 4px; } .VfPpkd-GCYh9b-OWXEXe-dgl2Hf .VfPpkd-gBXA9-bMcfAe { top: -4px; right: -4px;= left: -4px; width: 48px; height: 48px; } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-r6xRoe-LhB= Dec, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-r6xRoe-LhBDec = { pointer-events: none; border: 2px solid transparent; border-radius: 6px; = box-sizing: content-box; position: absolute; top: 50%; left: 50%; transform= : translate(-50%, -50%); } @media screen and (forced-colors: active) { .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-r6xRoe-L= hBDec, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-r6xRoe-LhBDe= c { border-color: canvastext; } } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-r6xRoe-LhB= Dec::after, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-r6xRoe-= LhBDec::after { content: ""; border: 2px solid transparent; border-radius: = 8px; display: block; position: absolute; top: 50%; left: 50%; transform: tr= anslate(-50%, -50%); height: calc(100% + 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-r6xRoe-L= hBDec::after, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-r6xRo= e-LhBDec::after { border-color: canvastext; } } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-r6xRoe-LhB= Dec, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-r6xRoe-LhBDec = { height: 100%; width: 100%; } .VfPpkd-gBXA9-bMcfAe:checked + .VfPpkd-RsCWK, .VfPpkd-gBXA9-bMcfAe:disabled= + .VfPpkd-RsCWK { transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), tr= ansform 0.12s cubic-bezier(0, 0, 0.2, 1); } .VfPpkd-gBXA9-bMcfAe:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .VfPpkd-= gBXA9-bMcfAe:disabled + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { transition: bo= rder-color 0.12s cubic-bezier(0, 0, 0.2, 1); } .VfPpkd-gBXA9-bMcfAe:checked + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo, .VfPpkd-= gBXA9-bMcfAe:disabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo { transition: tr= ansform 0.12s cubic-bezier(0, 0, 0.2, 1), border-color 0.12s cubic-bezier(0= , 0, 0.2, 1); } .VfPpkd-GCYh9b-OWXEXe-OWB6Me { cursor: default; pointer-events: none; } .VfPpkd-gBXA9-bMcfAe:checked + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo { transfo= rm: scale(0.5); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), bor= der-color 0.12s cubic-bezier(0, 0, 0.2, 1); } .VfPpkd-gBXA9-bMcfAe:disabled + .VfPpkd-RsCWK, [aria-disabled=3D"true"] .Vf= Ppkd-gBXA9-bMcfAe + .VfPpkd-RsCWK { cursor: default; } .VfPpkd-gBXA9-bMcfAe:focus + .VfPpkd-RsCWK::before { transform: scale(1); o= pacity: 0.12; transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), transfo= rm 0.12s cubic-bezier(0, 0, 0.2, 1); } .VfPpkd-GCYh9b { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-rippl= e-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc= -ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0= ); will-change: transform, opacity; } .VfPpkd-GCYh9b .VfPpkd-eHTEvd::after, .VfPpkd-GCYh9b .VfPpkd-eHTEvd::before= { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none= ; content: ""; } .VfPpkd-GCYh9b .VfPpkd-eHTEvd::before { transition: opacity 15ms linear, ba= ckground-color 15ms linear; z-index: var(--mdc-ripple-z-index,1); } .VfPpkd-GCYh9b .VfPpkd-eHTEvd::after { z-index: var(--mdc-ripple-z-index,0)= ; } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-eHTEvd::before { transform: sca= le(var(--mdc-ripple-fg-scale,1)); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-eHTEvd::after { top: 0px; left:= 0px; transform: scale(0); transform-origin: center center; } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .VfPpkd-eHTEvd::after { t= op: var(--mdc-ripple-top,0); left: var(--mdc-ripple-left,0); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .VfPpkd-eHTEvd::af= ter { animation: 225ms ease 0s 1 normal forwards running mdc-ripple-fg-radi= us-in, 75ms ease 0s 1 normal forwards running mdc-ripple-fg-opacity-in; } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .VfPpkd-eHTEvd::af= ter { animation: 0.15s ease 0s 1 normal none running mdc-ripple-fg-opacity-= out; transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(-= -mdc-ripple-fg-scale,1)); } .VfPpkd-GCYh9b .VfPpkd-eHTEvd::after, .VfPpkd-GCYh9b .VfPpkd-eHTEvd::before= { top: 0px; left: 0px; width: 100%; height: 100%; } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-eHTEvd::after, .VfPpkd-GCYh9b.V= fPpkd-ksKsZd-mWPk3d .VfPpkd-eHTEvd::before { top: var(--mdc-ripple-top,0); = left: var(--mdc-ripple-left,0); width: var(--mdc-ripple-fg-size,100%); heig= ht: var(--mdc-ripple-fg-size,100%); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-eHTEvd::after { width: var(--md= c-ripple-fg-size,100%); height: var(--mdc-ripple-fg-size,100%); } .VfPpkd-GCYh9b .VfPpkd-eHTEvd::after, .VfPpkd-GCYh9b .VfPpkd-eHTEvd::before= { background-color: var(--mdc-ripple-color,var(--mdc-theme-secondary,#0187= 86)); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-eHTEvd::before, .V= fPpkd-GCYh9b:hover .VfPpkd-eHTEvd::before { opacity: var(--mdc-ripple-hover= -opacity,.04); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-eHTEvd::be= fore, .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-eHTEvd::befor= e { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12)= ; } .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-eHTEvd::after { transitio= n: opacity 0.15s linear; } .VfPpkd-GCYh9b:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-eHTEvd::after { tr= ansition-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.12); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ri= pple-press-opacity,0.12); } .VfPpkd-GCYh9b.VfPpkd-ksKsZd-mWPk3d .VfPpkd-RsCWK::before, .VfPpkd-GCYh9b.V= fPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-RsCWK::before { content: n= one; } .VfPpkd-eHTEvd { position: absolute; top: 0px; left: 0px; width: 100%; heig= ht: 100%; pointer-events: none; } .kDzhGf { z-index: 0; } .kDzhGf .VfPpkd-eHTEvd::after, .kDzhGf .VfPpkd-eHTEvd::before { z-index: -1= ; } .kDzhGf .VfPpkd-eHTEvd::after, .kDzhGf .VfPpkd-eHTEvd::before { background-= color: var(--gm-radio-state-color,rgb(26,115,232)); } .kDzhGf.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-eHTEvd::before, .kDzhGf:h= over .VfPpkd-eHTEvd::before { opacity: var(--mdc-ripple-hover-opacity,.04);= } .kDzhGf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-eHTEvd::before, .= kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-eHTEvd::before { transition= -duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12); } .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-eHTEvd::after { transition: opac= ity 0.15s linear; } .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-eHTEvd::after { transitio= n-duration: 75ms; opacity: var(--mdc-ripple-press-opacity,.1); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) ~ .VfPpkd-eHTEvd::after,= .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) ~ .VfPpkd-eHTEvd::befor= e { background-color: var(--gm-radio-state-color,rgb(60,64,67)); } .kDzhGf.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .VfPpkd-gBXA9-bMcfAe:enabled:not(= :checked) ~ .VfPpkd-eHTEvd::before, .kDzhGf:hover .VfPpkd-gBXA9-bMcfAe:enab= led:not(:checked) ~ .VfPpkd-eHTEvd::before { opacity: var(--mdc-ripple-hove= r-opacity,.04); } .kDzhGf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-gBXA9-bMcfAe:enab= led:not(:checked) ~ .VfPpkd-eHTEvd::before, .kDzhGf:not(.VfPpkd-ksKsZd-mWPk= 3d):focus .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) ~ .VfPpkd-eHTEvd::befo= re { transition-duration: 75ms; opacity: var(--mdc-ripple-focus-opacity,.12= ); } .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-gBXA9-bMcfAe:enabled:not(:checke= d) ~ .VfPpkd-eHTEvd::after { transition: opacity 0.15s linear; } .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-gBXA9-bMcfAe:enabled:not(= :checked) ~ .VfPpkd-eHTEvd::after { transition-duration: 75ms; opacity: var= (--mdc-ripple-press-opacity,.1); } .kDzhGf.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-pr= ess-opacity,0.1); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd-= wVo5xe-LkdAo { border-color: var(--gm-radio-stroke-color--unchecked,rgb(95,= 99,104)); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe= -LkdAo { border-color: var(--gm-radio-stroke-color--checked,rgb(26,115,232)= ); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo {= border-color: var(--gm-radio-ink-color,rgb(26,115,232)); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:disabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd= -wVo5xe-LkdAo, .kDzhGf [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe:not(:c= hecked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: var(--gm-radio= -disabled-stroke-color--unchecked,rgba(60,64,67,.38)); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:disabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5x= e-LkdAo, .kDzhGf [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe:checked + .V= fPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: var(--gm-radio-disabled-st= roke-color--checked,rgba(60,64,67,.38)); } .kDzhGf .VfPpkd-gBXA9-bMcfAe:disabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo,= .kDzhGf [aria-disabled=3D"true"] .VfPpkd-gBXA9-bMcfAe + .VfPpkd-RsCWK .VfP= pkd-Z5TpLc-LkdAo { border-color: var(--gm-radio-disabled-ink-color,rgba(60,= 64,67,.38)); } .kDzhGf .VfPpkd-RsCWK::before { background-color: var(--gm-radio-state-colo= r,rgb(26,115,232)); } .kDzhGf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-gBXA9-bMcfAe:enab= led:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .kDzhGf:active .VfP= pkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo= , .kDzhGf:hover .VfPpkd-gBXA9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK = .VfPpkd-wVo5xe-LkdAo, .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-gBXA= 9-bMcfAe:enabled:not(:checked) + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { borde= r-color: var(--gm-radio-stroke-color--unchecked-stateful,rgb(32,33,36)); } .kDzhGf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-gBXA9-bMcfAe:enab= led:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .kDzhGf:active .VfPpkd-gB= XA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo, .kDzhGf:ho= ver .VfPpkd-gBXA9-bMcfAe:enabled:checked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-Lkd= Ao, .kDzhGf:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-gBXA9-bMcfAe:enabled:c= hecked + .VfPpkd-RsCWK .VfPpkd-wVo5xe-LkdAo { border-color: var(--gm-radio-= stroke-color--checked-stateful,rgb(23,78,166)); } .kDzhGf.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .VfPpkd-gBXA9-bMcfAe:enab= led + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo, .kDzhGf:active .VfPpkd-gBXA9-bMcf= Ae:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo, .kDzhGf:hover .VfPpkd-gBXA= 9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z5TpLc-LkdAo, .kDzhGf:not(.VfPpkd-= ksKsZd-mWPk3d):focus .VfPpkd-gBXA9-bMcfAe:enabled + .VfPpkd-RsCWK .VfPpkd-Z= 5TpLc-LkdAo { border-color: var(--gm-radio-ink-color--stateful,rgb(23,78,16= 6)); } .wHsUjf { will-change: unset; } .YEY9Zd { background-color: var(--gm3-sys-color-surface-container-low,#f8fa= fd); border-radius: 0.75rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px 0p= x, rgba(0, 0, 0, 0.15) 0px 2px 12px 2px; max-width: 30.5rem; min-width: 21.= 25rem; opacity: 1; outline: transparent solid 1px; outline-offset: -1px; ov= erflow: hidden; position: absolute; transition: opacity 0.25s, transform 0.= 25s; z-index: 2201; } .Ifeo5e { transition: opacity 0.25s; } .lYKwZc { width: 40px; height: 40px; padding: 8px; } .lYKwZc.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9lGc { w= idth: 40px; height: 40px; margin: 0px; } .lYKwZc.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-J1Ukfc-LhB= Dec { max-height: 40px; max-width: 40px; } .lYKwZc .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%; height: 40px;= left: 50%; width: 40px; transform: translate(-50%, -50%); } .lYKwZc { color: var(--gm3-sys-color-on-surface-variant,#444746); } .FteO9b { border-radius: 50%; margin-left: 0px; outline: 1px solid var(--gm= 3-sys-color-outline-variant,#c4c7c5); } .bjTxD { margin-right: 0px; margin-top: 0px; } .dJlfhe.dJlfhe { font-size: 1rem; height: 1.5rem; left: -62.4375rem; margin= -left: 4px; padding: 0.125rem; position: absolute; width: 1.5rem; min-heigh= t: 1.5rem; min-width: 1.5rem; } .dJlfhe.dJlfhe > .VfPpkd-Bz112c-Jh9lGc { height: 1.5rem; margin: 0px; width= : 1.5rem; } .dJlfhe.dJlfhe { outline-offset: -2px; } .SWiqZc.SWiqZc { height: 1.25rem; width: 1.25rem; } .QW6src.QW6src { color: var(--gm3-sys-color-primary,#0b57d0); height: 1.25r= em; padding: 0px; width: 1.25rem; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .QW6src { filter: brightness(0) invert(1); } } .HLJkeb { align-self: center; border-radius: 50%; display: inline-block; fl= ex-shrink: 0; height: 5rem; margin-right: 0.75rem; outline: transparent sol= id 1px; position: relative; width: 5rem; } .EtYAoc { cursor: pointer; } .EtYAoc:focus { outline: 3px solid var(--gm3-sys-color-outline-variant,#c4c= 7c5); } .HLJkeb.sRArlf::after { font-family: "Material Icons Extended"; font-weight= : 400; font-style: normal; font-size: 0.75rem; line-height: 1; letter-spaci= ng: normal; text-rendering: optimizelegibility; text-transform: none; overf= low-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-fo= nt-smoothing: antialiased; align-items: center; border-radius: 50%; bottom:= 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0= .15) 0px 1px 3px 1px; color: rgb(255, 255, 255); content: "=EE=9F=AE"; disp= lay: flex; height: 1.25rem; justify-content: center; position: absolute; ri= ght: 0px; width: 1.25rem; z-index: 2; background-color: rgb(27, 110, 243); = border: 1px solid var(--gm3-sys-color-background,#fff); outline: transparen= t solid 1px; } .pwtcqb { max-width: 19.75rem; margin: 0.75rem; } .FNAuRd { align-items: flex-start; display: flex; margin-bottom: 0.5rem; } .yt1dZ { display: flex; flex-direction: column; flex-grow: 1; justify-conte= nt: center; min-height: 80px; overflow: hidden; } .yt1dZ.IE5Ksc { margin: -3px; padding: 3px; } .naw2tb { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-= clamp: 2; max-height: 3rem; font-family: "Google Sans"; font-size: 1.375rem= ; font-weight: 400; letter-spacing: 0px; line-height: 1.75rem; color: var(-= -gm3-sys-color-on-surface,#1f1f1f); overflow: hidden; text-overflow: ellips= is; white-space: nowrap; } .taOtMc { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-size: 1.125r= em; line-height: 1.5rem; } .LBFCTd { font-family: "Google Sans Text"; font-size: 0.875rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-colo= r-on-surface-variant,#444746); display: flex; padding: 0px 0px 2px; } .LBFCTd.IE5Ksc { height: 1.5rem; padding-bottom: 0px; } .LBFCTd:focus-within .dJlfhe, .LBFCTd:hover .dJlfhe { position: static; } .RbhNWc.AL18ce { flex-shrink: 3; overflow: hidden; text-overflow: ellipsis;= white-space: nowrap; } .cc9Dxd.cc9Dxd { color: rgb(94, 94, 94); flex: 0 0 auto; height: 16px; marg= in-right: 12px; margin-top: 2px; width: 16px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .cc9Dxd { filter: brightness(0) invert(1); } } .CLWi { align-self: center; flex-shrink: 7; overflow: hidden; text-overflow= : ellipsis; white-space: nowrap; } .yxJE1e { display: flex; gap: 4px; margin-bottom: 8px; } .ZCL1gb.ZCL1gb { font-family: "Google Sans Text"; font-size: 0.875rem; font= -weight: 500; letter-spacing: 0px; line-height: 1.25rem; border-radius: 50p= x; display: flex; flex-grow: 1; height: 100%; margin: 0px; outline: transpa= rent solid 1px; padding: 10px 12px; gap: 8px; } .ZCL1gb.ZCL1gb:enabled { background: var(--gm3-sys-color-secondary-containe= r,#c2e7ff); color: var(--gm3-sys-color-on-secondary-container,#001d35); cur= sor: pointer; } .ZCL1gb.ZCL1gb:focus { outline: transparent solid 3px; } .AhjmNb { display: -webkit-box; margin: 0px; overflow: hidden; padding: 0px= ; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: verti= cal; } .whuMLd { display: inline-block; text-decoration: none; padding: 2px 0px; } .o3TORd { color: var(--gm3-sys-color-primary,#0b57d0); text-decoration: non= e; } .o3TORd:focus, .o3TORd:hover { color: var(--gm3-sys-color-primary,#0b57d0);= text-decoration: underline; } .o3TORd:focus-visible { outline: 2px solid var(--gm3-sys-color-outline,#747= 775); outline-offset: -1px; } .aKv8Q:focus, .aKv8Q:hover { color: var(--gm3-sys-color-primary,#0b57d0); t= ext-decoration: underline; } .aKv8Q:focus-visible { outline: 2px solid var(--gm3-sys-color-outline,#7477= 75); outline-offset: -1px; } .aKv8Q { color: var(--gm3-sys-color-on-surface-variant,#444746); cursor: po= inter; padding: 2px 0px; } .Z4pjCb { color: var(--gm3-sys-color-primary,#0b57d0); margin: 0px 3px; } .uM9Qzc.uM9Qzc { font-family: "Google Sans Text"; font-size: 0.875rem; font= -weight: 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-s= ys-color-on-surface-variant,#444746); display: flex; margin-bottom: 4px; pa= dding: 4px 12px; position: relative; } .oPhicb.oPhicb { height: 16px; line-height: 1.25rem; padding-right: 12px; w= idth: 16px; } .UIeakd.UIeakd { width: 28px; height: 28px; padding: 2px; } .UIeakd.UIeakd.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9= lGc { width: 28px; height: 28px; margin: 0px; } .UIeakd.UIeakd.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-J1U= kfc-LhBDec { max-height: 28px; max-width: 28px; } .UIeakd.UIeakd .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%; height= : 28px; left: 50%; width: 28px; transform: translate(-50%, -50%); } .UIeakd.UIeakd { color: var(--gm3-sys-color-primary,#0b57d0); margin: 0px; = } .u0L97b { font-family: "Google Sans Text"; font-size: 0.75rem; font-weight:= 400; letter-spacing: 0.00625rem; line-height: 1rem; color: rgb(94, 94, 94)= ; } .dvcpdf { font-family: "Google Sans Text"; font-size: 0.75rem; font-weight:= 500; letter-spacing: 0.00625rem; line-height: 1rem; align-items: center; b= ackground-color: var(--gm3-sys-color-surface-container-high,#e9eef6); borde= r-radius: 4px; color: var(--gm3-sys-color-on-surface-variant,#444746); disp= lay: inline-flex; gap: 4px; justify-content: center; max-width: 100%; outli= ne: transparent solid 1px; outline-offset: -1px; padding: 2px 4px; text-ali= gn: center; } .dvcpdf.FTHs1 { background-color: rgb(255, 224, 124); color: rgb(109, 58, 1= ); } .dvcpdf.KMdH7c { background-color: rgb(172, 237, 255); color: rgb(0, 104, 1= 24); } .Dm2sYb { display: block; overflow: hidden; text-overflow: ellipsis; white-= space: nowrap; } .NOwjnc { display: flex; flex-direction: row; align-items: center; gap: 4px= ; } .osbas { display: contents; } .NOwjnc .taOtMc { overflow: hidden; text-overflow: ellipsis; white-space: n= owrap; } .TY8CM { background-color: var(--gm3-sys-color-surface-container,#f0f4f9); = display: flex; flex-direction: column; padding: 8px 12px; } .IZ3Uuf { display: flex; max-width: 100%; overflow: hidden; text-overflow: = ellipsis; white-space: nowrap; } .ChK4If { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-= space: nowrap; } .LsA5jb { display: flex; align-items: center; } .FjAaq { font-family: "Google Sans Text"; font-size: 0.75rem; font-weight: = 400; letter-spacing: 0.00625rem; line-height: 1rem; color: rgb(94, 94, 94);= } .Du2IIb { border-radius: 12px; display: flex; flex-direction: column; flex-= shrink: 0; gap: 2px; justify-content: center; overflow: hidden; outline: tr= ansparent solid 1px; } .DopQbe { background-color: var(--gm3-sys-color-surface-container,#f0f4f9);= display: flex; flex-direction: column; justify-content: center; outline: t= ransparent solid 1px; padding: 6px 8px 6px 12px; } .DopQbe:empty { display: none; } .j08EAe { align-items: center; background-color: var(--gm3-sys-color-surfac= e-container,#f0f4f9); display: flex; outline: transparent solid 1px; paddin= g: 6px 12px; } .j08EAe:empty { display: none; } .w42Fhc { font-family: "Google Sans Text"; font-size: 0.875rem; font-weight= : 500; letter-spacing: 0px; line-height: 1.25rem; align-items: center; colo= r: var(--gm3-sys-color-primary,#0b57d0); display: flex; padding: 2px 0px; } .w42Fhc:focus, .w42Fhc:hover { text-decoration: underline; } .w42Fhc:focus-visible { outline: 2px solid var(--gm3-sys-color-outline,#747= 775); } .pkzgNd { align-items: center; color: var(--gm3-sys-color-primary,#0b57d0);= display: flex; padding-left: 8px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .pkzgNd { filter: brightness(0) invert(1); } } .Niz0ff { align-items: center; background-color: rgb(229, 250, 250); displa= y: flex; gap: 10px; max-width: unset; outline: transparent solid 1px; paddi= ng: 2px 12px; } .IFRO { width: 40px; height: 40px; padding: 8px; } .IFRO.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9lGc { wid= th: 40px; height: 40px; margin: 0px; } .IFRO.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-J1Ukfc-LhBDe= c { max-height: 40px; max-width: 40px; } .IFRO .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%; height: 40px; l= eft: 50%; width: 40px; transform: translate(-50%, -50%); } .IFRO { --gm3-icon-button-standard-icon-size: 20px; --gm3-icon-button-stand= ard-selected-icon-color: var(--gm3-sys-color-on-surface-variant,#444746); -= -gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-sur= face-variant,#444746); } .P3fYV { flex: 0 0 auto; height: 20px; width: 20px; } .dQ6red { font-family: "Google Sans Text"; font-size: 0.875rem; font-weight= : 500; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); display: inline-block; flex: 1 1 auto; min-height: 2= 0px; overflow: hidden; text-overflow: ellipsis; } .XiHjde, .dQ6red { color: var(--gm3-sys-color-on-surface-variant,#444746); = } .XiHjde, .wQu7af { display: inline-block; } .MZrUWe { border-radius: 4px; background: var(--gm3-sys-color-surface-conta= iner,#f0f4f9); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px, rgba(0, 0, 0= , 0.15) 0px 2px 6px 2px; display: flex; flex-direction: column; max-width: = 280px; min-width: 112px; padding-bottom: 4px; padding-top: 0px; position: a= bsolute; right: 0px; transform-origin: center top; width: 261px; z-index: 1= 0; } .MZrUWe .VfPpkd-rymPhb-ibnC6b { display: flex; height: 32px; padding: 8px 1= 2px; } .MZrUWe .VfPpkd-rymPhb-clz4Ic { padding: 8px 0px; } .MZrUWe .VfPpkd-rymPhb-KkROqb { align-self: auto; } .HvDD7d { top: -10000px; visibility: hidden; } .Ytkj3d { outline: transparent solid 1px; outline-offset: -1px; top: inheri= t; } .A7IrJc { display: contents; } .qDyHCb .VfPpkd-rymPhb-fpDzbe-fmcmS { font-family: "Google Sans Text"; line= -height: 1.5rem; font-size: 1rem; letter-spacing: 0px; font-weight: 400; co= lor: var(--gm3-sys-color-on-surface,#1f1f1f); } .GDAaOe { display: flex; flex-direction: row; padding: 2px 12px; } .MiHprb { font-family: "Google Sans Text"; font-size: 0.6875rem; font-weigh= t: 500; letter-spacing: 0.00625rem; line-height: 1rem; color: rgb(94, 94, 9= 4); white-space: normal; } .wQu7af { color: var(--gm3-sys-color-on-surface,#1f1f1f); } .mUbCce { user-select: none; transition: background 0.3s; border: 0px; bord= er-radius: 50%; cursor: pointer; display: inline-block; flex-shrink: 0; hei= ght: 48px; outline: none; overflow: hidden; position: relative; text-align:= center; -webkit-tap-highlight-color: transparent; width: 48px; z-index: 0;= } .mUbCce > .TpQm9d { height: 48px; width: 48px; } .mUbCce.j7nIZb, .mUbCce.qs41qe, .mUbCce.u3bW4e { transform: translateZ(0px)= ; mask-image: -webkit-radial-gradient(center, circle cover, white 100%, bla= ck 0px); } .YYBxpf { border-radius: 0px; overflow: visible; } .YYBxpf.j7nIZb, .YYBxpf.qs41qe, .YYBxpf.u3bW4e { mask-image: none; } .fKz7Od { color: rgba(0, 0, 0, 0.54); fill: rgba(0, 0, 0, 0.54); } .p9Nwte { color: rgba(255, 255, 255, 0.75); fill: rgba(255, 255, 255, 0.75)= ; } .fKz7Od.u3bW4e { background-color: rgba(0, 0, 0, 0.12); } .p9Nwte.u3bW4e { background-color: rgba(204, 204, 204, 0.25); } .YYBxpf.u3bW4e { background-color: transparent; } .VTBa7b { transform: translate(-50%, -50%) scale(0); transition: opacity 0.= 2s, visibility 0.2s, transform 0.2s; background-size: cover; left: 0px; opa= city: 0; pointer-events: none; position: absolute; top: 0px; visibility: hi= dden; } .YYBxpf.u3bW4e .VTBa7b { animation: 0.7s ease 0s infinite alternate none ru= nning quantumWizIconFocusPulse; height: 100%; left: 50%; top: 50%; width: 1= 00%; visibility: visible; } .mUbCce.qs41qe .VTBa7b { transform: translate(-50%, -50%) scale(2.2); opaci= ty: 1; visibility: visible; } .mUbCce.qs41qe.M9Bg4d .VTBa7b { transition: transform 0.3s cubic-bezier(0, = 0, 0.2, 1), opacity 0.2s cubic-bezier(0, 0, 0.2, 1); } .mUbCce.j7nIZb .VTBa7b { transform: translate(-50%, -50%) scale(2.2); visib= ility: visible; } .fKz7Od .VTBa7b { background-image: radial-gradient(circle farthest-side, r= gba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12) 80%, transparent 100%); } .p9Nwte .VTBa7b { background-image: radial-gradient(circle farthest-side, r= gba(204, 204, 204, 0.25), rgba(204, 204, 204, 0.25) 80%, transparent 100%);= } .mUbCce.RDPZE { color: rgba(0, 0, 0, 0.26); fill: rgba(0, 0, 0, 0.26); curs= or: default; } .p9Nwte.RDPZE { color: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, = 0.5); } .xjKiLb { position: relative; top: 50%; } .xjKiLb > span { display: inline-block; position: relative; } .FKF6mc, .FKF6mc:focus { display: block; outline: none; text-decoration: no= ne; } .FKF6mc:visited { fill: inherit; stroke: inherit; } .U26fgb.u3bW4e { outline: transparent solid 1px; } .vxr9Dc { font-family: "Google Sans Text"; font-size: 0.75rem; font-weight:= 400; letter-spacing: 0.00625rem; line-height: 1rem; align-items: center; b= order-radius: 14px; display: inline-flex; margin-bottom: 8px; outline: tran= sparent solid 1px; padding: 4px 10px; position: relative; } .vxr9Dc:focus-visible { outline: transparent solid 2px; } .pY7emb { align-items: center; border-radius: 20px; display: flex; height: = 20px; justify-content: center; width: 20px; } .uHYx5c.zC1BXc { display: flex; } .a5o5Ob.zC1BXc { height: 20px; padding-right: 8px; width: 20px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .a5o5Ob { filter: brightness(0) invert(1); } } .XLNb7 { border: 1px solid var(--gm3-sys-color-outline-variant,#c4c7c5); co= lor: var(--gm3-sys-color-on-surface-variant,#444746); } .XLNb7:focus-visible { box-shadow: 0 0 0 2px var(--gm3-sys-color-on-surface= -variant,#444746) inset; } .Re10Gb { color: var(--gm3-sys-color-on-surface-variant,#444746); } .SDzRTd { background-color: rgb(254, 247, 224); color: var(--gm3-sys-color-= on-surface-variant,#444746); } .SDzRTd:focus-visible { box-shadow: 0 0 0 2px var(--gm3-sys-color-on-surfac= e-variant,#444746) inset; } .ILdbQc { color: rgb(176, 96, 0); } .qbmD1c { background-color: rgb(243, 232, 253); color: rgb(104, 29, 168); } .qbmD1c:focus-visible { box-shadow: rgb(104, 29, 168) 0px 0px 0px 2px inset= ; } .Jp9HWd { color: rgb(104, 29, 168); } .TNdAH { display: inline-block; flex: 1 1 0px; } .uRp3Ff { display: none; } .hxeiId { width: 28px; height: 28px; padding: 2px; } .hxeiId.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9lGc { w= idth: 28px; height: 28px; margin: 0px; } .hxeiId.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-J1Ukfc-LhB= Dec { max-height: 28px; max-width: 28px; } .hxeiId .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%; height: 28px;= left: 50%; width: 28px; transform: translate(-50%, -50%); } .hxeiId.RDPZE .NSy2Hd { opacity: 0.38; } .hxeiId:not(.RDPZE):focus { outline: transparent solid 3px; outline-offset:= -3px; } .F4Znnb { display: flex; justify-content: center; } .uIL3Oc { color: var(--gm3-sys-color-primary,#0b57d0); } .QFCQNc { color: rgb(227, 116, 0); } .dQFddd { color: var(--gm3-sys-color-error,#b3261e); } .gva58d { color: var(--gm3-sys-color-on-surface-variant,#444746); transform= : translateY(5px); } .cX0dp { height: 20px; width: 20px; display: flex; justify-content: center;= } .cX0dp::before { content: " "; position: absolute; inset: 0px; border-radiu= s: 100%; border: 2px dashed var(--gm3-sys-color-on-surface-variant,#444746)= ; animation: 10s linear 0s infinite normal none running spin; } @keyframes spin {=20 100% { transform: rotate(1turn); } } .jIaCIf { align-items: center; background: var(--gm3-sys-color-surface-cont= ainer-high,#e9eef6); outline: transparent solid 1px; display: flex; height:= 40px; justify-content: space-between; padding: 2px 2px 2px 12px; } .gaAA2c { font-family: "Google Sans Text"; font-size: 0.875rem; font-weight= : 400; letter-spacing: 0px; line-height: 1.25rem; color: var(--gm3-sys-colo= r-on-surface,#1f1f1f); } .Sl5ey { fill: var(--gm3-sys-color-on-surface-variant,#444746); height: 20p= x; width: 20px; } @media (forced-colors: active) and (prefers-color-scheme: dark) { .Sl5ey { filter: brightness(0) invert(1); } } .txTOKb.mK40M:disabled .Sl5ey { fill: var(--gm3-sys-color-inverse-primary,#= a8c7fa); } .txTOKb:disabled .Sl5ey { fill: var(--gm3-sys-color-outline-variant,#c4c7c5= ); } .txTOKb { width: 40px; height: 40px; padding: 8px; } .txTOKb.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9lGc { w= idth: 40px; height: 40px; margin: 0px; } .txTOKb.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-J1Ukfc-LhB= Dec { max-height: 40px; max-width: 40px; } .txTOKb .VfPpkd-Bz112c-RLmnJb { position: absolute; top: 50%; height: 40px;= left: 50%; width: 40px; transform: translate(-50%, -50%); } .RM9ulf { visibility: hidden; position: fixed; z-index: 5000; color: rgb(25= 5, 255, 255); pointer-events: none; } .RM9ulf.catR2e { max-width: 90%; max-height: 90%; } .R8qYlc { border-radius: 2px; background-color: rgba(97, 97, 97, 0.9); posi= tion: absolute; left: 0px; width: 100%; height: 100%; opacity: 0; transform= : scale(0, 0.5); transform-origin: inherit; } .AZnilc { display: block; position: relative; font-size: 10px; font-weight:= 500; padding: 5px 8px 6px; opacity: 0; } .RM9ulf.qs41qe .R8qYlc { opacity: 1; transform: scale(1); } .RM9ulf.catR2e .AZnilc { overflow-wrap: break-word; } .RM9ulf.qs41qe .AZnilc { opacity: 1; } .RM9ulf.AXm5jc .AZnilc { font-size: 14px; padding: 8px 16px; } .RM9ulf.u5lFJe { transition-property: transform; transition-duration: 0.2s;= transition-timing-function: cubic-bezier(0.24, 1, 0.32, 1); } .RM9ulf.u5lFJe .R8qYlc { transition-property: opacity, transform; transitio= n-duration: 50ms, 0.2s; transition-timing-function: linear, cubic-bezier(0.= 24, 1, 0.32, 1); } .RM9ulf.u5lFJe .AZnilc { transition-property: opacity; transition-duration:= 0.15s; transition-delay: 50ms; transition-timing-function: cubic-bezier(0,= 0, 0.6, 1); } .RM9ulf.xCxor { transition-property: opacity; transition-duration: 70ms; tr= ansition-delay: 0s; transition-timing-function: linear; } .C0oVfc { line-height: 20px; min-width: 88px; } .C0oVfc .RveJvd { margin: 8px; } .WPqdgb { background-color: rgb(255, 255, 255); border-radius: 4px; box-sha= dow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px = 6px 2px; color: rgb(32, 33, 36); font-family: "Google Sans", Roboto, sans-s= erif; font-size: 16px; opacity: 1; padding: 18px; position: absolute; width= : 360px; z-index: 2201; } .XKSEme { font-size: 22px; line-height: 28px; } .VDHoh { max-width: 30.5rem; min-width: 21.25rem; opacity: 1; outline: tran= sparent solid 1px; outline-offset: -1px; overflow: hidden; position: absolu= te; transition: opacity 0.25s, transform 0.25s; z-index: 2201; background-c= olor: rgb(255, 255, 255); border-radius: 0.25rem; box-shadow: rgba(60, 64, = 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; width: 34= 0px; } .VDHoh.ntAHse { background-color: var(--gm3-sys-color-surface-container-low= ,#f8fafd); border-radius: 0.75rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1= 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 12px 2px; max-width: 30.5rem; min-widt= h: 21.25rem; opacity: 1; outline: transparent solid 1px; outline-offset: -1= px; overflow: hidden; position: absolute; transition: opacity 0.25s, transf= orm 0.25s; z-index: 2201; width: 350px; } .vzECNc { max-width: 19.75rem; margin: 18px 1.375rem 14px; } .xtx1uf { align-items: flex-start; display: flex; margin-bottom: 14px; } .xtx1uf.P0MdYe { margin-bottom: 10px; } .JYMqGb { align-items: center; border-top: 1px solid rgb(218, 220, 224); bo= x-sizing: border-box; display: flex; min-height: 46px; justify-content: spa= ce-between; overflow: hidden; padding: 0px 1.375rem 3px; white-space: nowra= p; width: 100%; } .EFSuCd { align-self: center; border-radius: 50%; flex-shrink: 0; outline: = transparent solid 1px; position: relative; display: block; height: 3rem; ma= rgin-right: 1.375rem; width: 3rem; } .EFSuCd.kJtBFc { background-color: rgb(250, 249, 249); display: flex; } .EFSuCd.kJtBFc .ycoiM { height: 24px; width: 24px; display: block; margin: = auto; align-items: center; justify-content: center; } .EFSuCd.sRArlf::after { font-family: "Material Icons Extended"; font-weight= : 400; font-style: normal; font-size: 12px; line-height: 1; letter-spacing:= normal; text-rendering: optimizelegibility; text-transform: none; overflow= -wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-= smoothing: antialiased; align-items: center; background-color: rgb(26, 115,= 232); border: 0px; border-radius: 50%; bottom: -5px; box-shadow: rgba(60, = 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; color= : rgb(255, 255, 255); content: "=EE=9F=AE"; display: flex; height: 20px; ju= stify-content: center; position: absolute; right: -5px; width: 20px; z-inde= x: 2; outline: transparent solid 1px; } .ycoiM { border-radius: 50%; height: 48px; width: 48px; } .dgsh1c { flex-grow: 1; overflow: hidden; } .dgsh1c.GDqjFc { margin: -4px; padding: 4px; } .Q0gAlb { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-= clamp: 2; max-height: 3rem; font-weight: 400; letter-spacing: 0px; overflow= : hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(32, 33, = 36); line-height: inherit; font-family: "Google Sans", Roboto, sans-serif; = font-size: 22px; } .XhEgs { color: var(--gm3-sys-color-on-surface,#1f1f1f); font-size: 1.125re= m; line-height: 1.5rem; white-space: normal; } .CylXre { color: rgb(60, 64, 67); display: block; font: 400 13px / 20px Rob= oto, RobotoDraft, Helvetica, Arial, sans-serif; overflow: hidden; text-over= flow: ellipsis; white-space: nowrap; } .K1eDm { color: rgb(60, 64, 67); display: block; font-family: "Google Sans = Text", Roboto, sans-serif; } .K1sNTd { color: rgb(60, 64, 67); cursor: pointer; } .K1sNTd:hover { color: rgb(26, 115, 232); outline: none; text-decoration: u= nderline; } .K1sNTd:focus { color: rgb(26, 115, 232); outline: transparent solid 2px; o= utline-offset: -1px; text-decoration: underline; } .Mbe4ib { font-size: 14px; line-height: 20px; align-content: center; displa= y: flex; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px;= } .tUYf1c { box-sizing: border-box; flex: 1 0 50%; margin-bottom: 3px; overfl= ow: hidden; padding-right: 4px; text-overflow: ellipsis; white-space: nowra= p; } .HEbWhb { height: 20px; align-self: center; border-radius: 50%; display: in= line-block; flex-shrink: 0; font-size: 24px; line-height: 1; margin-right: = 8px; outline: transparent solid 1px; padding: 2px 0px; position: relative; = width: 20px; vertical-align: middle; } .CCHoFb { font-size: 14px; line-height: 20px; margin-right: 12px; vertical-= align: middle; } .OxNE1 { color: rgb(128, 134, 139); } .TYJv7 { vertical-align: middle; } .BBWumc { color: rgb(26, 115, 232); } .BBWumc:hover { text-decoration: underline; } .BBWumc:focus { outline: transparent solid 2px; text-decoration: underline;= } .FHwxWe { font-family: "Google Sans", Roboto, sans-serif; font-size: 14px; = font-weight: 500; line-height: 18px; margin: 4px 0px 4px -0.5rem; min-width= : 40px; outline: transparent solid 1px; text-transform: none; vertical-alig= n: top; } .FHwxWe:not(.RDPZE):focus-within { outline: transparent solid 3px; outline-= offset: -3px; } .FHwxWe .snByac { color: rgb(26, 115, 232); height: auto; margin: 0px; max-= width: 129px; padding: 0.5rem; text-align: left; text-overflow: ellipsis; w= hite-space: break-spaces; } .FHwxWe.KFCDJd .snByac { max-width: inherit; } .FHwxWe .snByac:not(.RDPZE):hover { background-color: rgb(218, 220, 224); } .gozjK { display: flex; margin: 8px -0.37rem 8px 0px; } .UwDU1d { color: rgb(26, 115, 232); height: 36px; margin: -4px -4px -4px 8p= x; width: 36px; } .UwDU1d .TpQm9d { height: 30px; width: 30px; } .UwDU1d:not(.RDPZE):hover { background-color: rgb(218, 220, 224); } .UwDU1d:not(.RDPZE):focus { outline: transparent solid 3px; outline-offset:= -3px; } .uxQLnf { border-radius: 50%; display: flex; flex-direction: row; height: 4= 8px; overflow: hidden; width: 48px; } .Uuwirf { display: flex; flex-basis: 50%; flex-direction: column; flex-grow= : 1; } .Uuwirf.nV9Rke { margin-left: -1px; } .Uuwirf:nth-child(2) { margin-left: 2px; } .I9anBb:not(:last-child) { margin-bottom: 2px; } .I9anBb.xG5Btd { height: 24px; width: 24px; } .I9anBb.NPb2cf { object-fit: cover; width: 100%; height: 100%; margin-botto= m: 0px; } .vzECNc.G1TF1e .EFSuCd.sRArlf::after { display: none; } .N7f4gc { box-sizing: border-box; color: rgb(60, 64, 67); font: 400 13px / = 20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif; display: flex; alig= n-items: center; gap: 4px; width: 100%; } .N7f4gc.GDqjFc { height: 1.5rem; } .o5Eqze.o5Eqze { color: rgb(60, 64, 67); display: inline-block; overflow: h= idden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; min-wi= dth: 0px; } .o5Eqze.o5Eqze:focus, .o5Eqze.o5Eqze:hover { color: rgb(26, 115, 232); text= -decoration: underline; } .tyhik.tyhik { font-size: 1rem; height: 1.5rem; left: -62.4375rem; margin-l= eft: 4px; padding: 0.125rem; position: absolute; width: 1.5rem; min-height:= 1.5rem; min-width: 1.5rem; } .tyhik.tyhik > .VfPpkd-Bz112c-Jh9lGc { height: 1.5rem; margin: 0px; width: = 1.5rem; } .J82mp.J82mp { color: var(--gm3-sys-color-primary,#0b57d0); height: 1.25rem= ; padding: 0px; width: 1.25rem; } .wZZw6c { display: contents; } .N7f4gc:focus-within .tyhik, .N7f4gc:hover .tyhik { position: static; } .EZ4fZe { height: 12px; width: 12px; } .vzECNc.G1TF1e .EFSuCd { height: 64px; margin-right: 18px; width: 64px; } .vzECNc.G1TF1e .EFSuCd .ycoiM { height: 64px; width: 64px; } .vzECNc.G1TF1e .EFSuCd.PUVOne { background-color: rgb(255, 255, 255); borde= r-radius: 16px; } .vzECNc.G1TF1e .EFSuCd.PUVOne .ycoiM { border-radius: 16px; } .vzECNc.G1TF1e .EFSuCd.PUVOne.kJtBFc .ycoiM { border-radius: 0px; height: 3= 2px; width: 32px; } .vzECNc.G1TF1e .efWd5b { align-items: center; background-color: rgb(255, 22= 4, 124); border-radius: 50%; bottom: -5px; box-shadow: rgba(0, 0, 0, 0.2) 0= px 1px 3px 0px; color: rgb(109, 58, 1); display: flex; height: 20px; justif= y-content: center; position: absolute; right: -5px; width: 20px; z-index: 2= ; } .vzECNc.G1TF1e .Q0gAlb { color: var(--gm3-sys-color-on-surface,#1f1f1f); di= splay: block; font-size: 22px; line-height: 28px; max-height: 28px; overflo= w: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp= : 1; } .vzECNc.G1TF1e .N7f4gc { color: var(--gm3-sys-color-on-surface-variant,#444= 746); font-family: "Google Sans Text", Roboto, sans-serif; font-size: 14px;= line-height: 20px; } .vzECNc.G1TF1e .N7f4gc .K1sNTd { color: inherit; } .vzECNc.G1TF1e .N7f4gc .K1sNTd:focus, .vzECNc.G1TF1e .N7f4gc .K1sNTd:hover = { color: rgb(26, 115, 232); text-decoration: underline; } .oTaRXe { background-color: var(--gm3-sys-color-surface-container,#f0f4f9);= border-radius: 16px; padding: 8px 12px; margin-top: 8px; } .kDpmKf { color: var(--gm3-sys-color-on-surface-variant,#444746); display: = block; font-family: "Google Sans Text", Roboto, sans-serif; font-size: 14px= ; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space= : nowrap; } .vzECNc.G1TF1e .Mbe4ib { display: grid; grid-template-columns: repeat(2, 1f= r); gap: 4px 8px; margin: 0px; padding: 0px; } .vzECNc.G1TF1e .tUYf1c { align-items: center; display: flex; height: 20px; = margin-bottom: 0px; padding: 0px; width: 100%; } .vzECNc.G1TF1e .TYJv7 { color: var(--gm3-sys-color-on-surface-variant,#4447= 46); font-family: "Google Sans Text", Roboto, sans-serif; flex-grow: 1; min= -width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap= ; } .vzECNc.G1TF1e .BBWumc { align-items: center; color: var(--gm3-sys-color-pr= imary,#0b57d0); display: inline-flex; gap: 12px; height: 20px; } .vzECNc.G1TF1e .BBWumc .TYJv7 { color: inherit; } .vzECNc.G1TF1e .BBWumc .CCHoFb { align-items: center; display: flex; font-s= ize: 16px; height: 16px; line-height: 16px; margin-right: 0px; width: 16px;= } .vzECNc.G1TF1e .BBWumc.K1sNTd:visited { text-decoration: none; } .vzECNc.G1TF1e .BBWumc.K1sNTd:focus, .vzECNc.G1TF1e .BBWumc.K1sNTd:hover { = outline: transparent solid 2px; text-decoration: none; } .vzECNc.G1TF1e .BBWumc.K1sNTd:focus .CCHoFb, .vzECNc.G1TF1e .BBWumc.K1sNTd:= hover .CCHoFb { text-decoration: none; } .vzECNc.G1TF1e .BBWumc.K1sNTd:focus .TYJv7, .vzECNc.G1TF1e .BBWumc.K1sNTd:h= over .TYJv7 { text-decoration: underline; } .vzECNc.G1TF1e .HEbWhb { display: block; flex-shrink: 0; height: 16px; marg= in-right: 12px; padding: 0px; width: 16px; } .vzECNc.G1TF1e .xtx1uf { margin-bottom: 0px; } .vzECNc.G1TF1e .VNzd2b { align-items: center; display: flex; gap: 4px; marg= in-top: 0px; padding: 8px 0px; width: 100%; } .vzECNc.G1TF1e .oTaRXe { margin-top: 0px; } .vzECNc.G1TF1e .sqUYhb { display: flex; flex-grow: 1; --gm3-button-filled-t= onal-leading-space: 12px; --gm3-button-filled-tonal-trailing-space: 12px; } .vzECNc.G1TF1e .X8srtd { --gm3-icon-button-outlined-icon-size: 18px; } .vzECNc.G1TF1e .uxQLnf { height: 100%; width: 100%; } .vzECNc.G1TF1e .I9anBb { object-fit: cover; width: 100%; height: 100%; } .vzECNc.G1TF1e .I9anBb.xG5Btd { height: 0px; flex-grow: 1; } .vzECNc.G1TF1e { margin: 12px; max-width: none; } .vzECNc.G1TF1e.W1mYed .EFSuCd { height: 80px; width: 80px; margin-right: 18= px; } .vzECNc.G1TF1e.W1mYed .efWd5b { bottom: 0px; right: 0px; } .T6OBBd { background-color: rgb(255, 255, 255); border-radius: 4px; box-sha= dow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px = 6px 2px; opacity: 1; position: absolute; width: 340px; z-index: 2201; } .ApppSb { transition: opacity 0.25s; } .jtRMw { height: 24px; width: 24px; } .x9lX1c { height: 36px; margin: -4px -4px -4px 8px; width: 36px; } .x9lX1c .NSy2Hd { color: rgb(26, 115, 232); } .x9lX1c.RDPZE .NSy2Hd { color: rgb(189, 193, 198); } .x9lX1c:not(.RDPZE):hover { background-color: rgb(218, 220, 224); } .x9lX1c .TpQm9d { height: 30px; width: 30px; } .TgpY8 { background: rgb(250, 123, 23); color: rgb(255, 255, 255); font-siz= e: 12px; font-weight: 500; left: -16px; letter-spacing: 0.8px; padding: 3px= 20px 2px; position: absolute; top: 5px; transform: rotate(-45deg); } .NM7ylf { align-self: center; border-radius: 50%; display: inline-block; fl= ex-shrink: 0; height: 48px; margin-right: 22px; position: relative; width: = 48px; } .UcgLM { align-items: center; background-color: rgb(248, 249, 250); backgro= und-image: url("https://static.corp.google.com/greentea/images/rebrand/logo= _sales.svg"); background-position: 50% center; background-repeat: no-repeat= ; background-size: 14px auto; border-radius: 50%; bottom: -5px; box-shadow:= rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px = 1px; content: " "; display: flex; height: 20px; justify-content: center; po= sition: absolute; right: -5px; width: 20px; } .tsvnIf { border-radius: 50%; height: 48px; width: 48px; } .ka6Ngc { cursor: pointer; } .ka6Ngc:hover { opacity: 0.8; } .WGMa4b { position: absolute; top: 22px; right: 18px; display: flex; border= : 1px solid rgb(128, 134, 139); border-radius: 50%; width: 20px; height: 20= px; color: rgb(128, 134, 139); } .MXBY9 { margin: auto; } .WkeYFb { margin: 18px 1.375rem 14px; } .PgYqE.J4lTJe { margin-bottom: 4px; } .gLpg3b { align-items: flex-start; display: flex; margin-bottom: 14px; } .gLpg3b.trTwR { margin-bottom: 10px; } .T29JEf { flex-grow: 1; overflow: hidden; margin-right: 22px; } .OZhZxd { line-height: 22px; overflow: hidden; text-overflow: ellipsis; whi= te-space: nowrap; } .ukLQwd { font-size: 18px; line-height: 24px; } .lNwi2b { color: rgb(32, 33, 36); font-family: "Google Sans", Roboto, sans-= serif; font-size: 22px; line-height: 28px; overflow: hidden; white-space: n= owrap; } .MxDQn { cursor: pointer; } .yYWE9e { color: rgb(60, 64, 67); display: flex; font: 400 13px / 20px Robo= to, RobotoDraft, Helvetica, Arial, sans-serif; margin-bottom: 4px; } .qxbfpc.AL18ce { overflow: hidden; text-overflow: ellipsis; white-space: no= wrap; } .gLpg3b .yYWE9e { margin-bottom: 0px; } .JEyfI { flex: 0 0 auto; height: 16px; margin-right: 12px; margin-top: 2px;= width: 16px; } .ylTSOd { display: flex; flex-direction: row; margin-left: 28px; margin-top= : 2px; } .iB98qf { display: flex; flex-direction: column; margin-right: 30px; } .UM44Mb { color: rgb(102, 102, 102); font-size: 11px; } .b87kTe { display: flex; font-weight: 700; } .wQhrTb { height: 20px; } .aAOlZc { margin-right: 2px; color: rgb(128, 134, 139); } .iB98qf .UEWXvd { color: green; } .iB98qf .BE8ake { color: red; } .v0bJbc { background: rgb(248, 249, 250); border-top: 1px solid rgb(218, 22= 0, 224); display: flex; flex-direction: column; padding: 8px 22px 14px; mar= gin: 0px -1.375rem -14px; } .v0bJbc .wPLaqe { color: rgb(128, 134, 139); font-size: 11px; font-weight: = 500; margin-bottom: 4px; text-transform: uppercase; } .FSU49b, .v0bJbc .bQLI5d { color: rgb(26, 115, 232); cursor: pointer; displ= ay: flex; overflow: visible; padding-left: 5px; } .v0bJbc .pLYDjb { flex-direction: row; display: flex; } .v0bJbc .qxbfpc { overflow: hidden; } .v0bJbc .nGZo9c { overflow: hidden; text-overflow: ellipsis; white-space: n= owrap; } .v0bJbc .YW7AJe { color: rgb(60, 64, 67); display: flex; flex-direction: ro= w; font-size: 13px; } .VqEFTb, .v0bJbc .zCUxCf { overflow: hidden; text-overflow: ellipsis; white= -space: nowrap; } .z8kaWc { display: flex; flex-direction: row; overflow: hidden; } .mGwNAc { background-color: rgb(255, 255, 255); border-radius: 4px; box-sha= dow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px = 6px 2px; max-width: 280px; overflow: hidden auto; padding: 4px; position: f= ixed; z-index: 10; display: none; } .BEDmad { max-height: calc(100% - 167px); } .njCnt { max-height: calc(100% - 135px); } .k2i8Te { width: 215px; font-size: 12px; color: rgb(60, 64, 67); } .k2i8Te .zLxmxd { margin: 14px; } .k2i8Te .rSXGZc { margin-right: 4px; } .mGwNAc .xAoS2 { font-size: 13px; overflow: hidden; padding: 3px 10px; text= -overflow: ellipsis; white-space: nowrap; } .hmOYXc { align-items: center; border-top: 1px solid rgb(218, 220, 224); bo= x-sizing: border-box; display: flex; justify-content: space-between; min-he= ight: 46px; overflow: hidden; padding: 0px 1.375rem 3px; white-space: nowra= p; width: 100%; } .Nedhze { font-family: "Google Sans", Roboto, sans-serif; font-size: 14px; = font-weight: 500; line-height: 18px; margin: 4px 0px 4px -0.5rem; min-width= : 40px; text-transform: none; vertical-align: top; } .Nedhze .snByac { color: rgb(26, 115, 232); height: auto; margin: 0px; max-= width: 129px; padding: 0.5rem; overflow: hidden; text-align: left; text-ove= rflow: ellipsis; white-space: break-spaces; } .Nedhze .snByac:hover { opacity: 0.8; } .Nedhze.RDPZE .snByac { color: rgb(189, 193, 198); } .B1kvAc { height: 35px; margin-left: 15px; min-width: 40px; } .stdCHb { display: flex; margin: 8px -0.37rem 8px 0px; } .BZxQnd { margin: 0px; overflow: hidden; padding: 0px; text-overflow: ellip= sis; white-space: nowrap; } .bNLwJf { display: inline; text-decoration: none; } .Qe5dKb { color: rgb(26, 115, 232); } .AAbQH:hover, .Qe5dKb:hover { color: rgb(26, 115, 232); opacity: 0.8; } .AAbQH { color: rgb(60, 64, 67); cursor: pointer; } .JRHHbb { color: rgb(60, 64, 67); margin: 0px 3px; } sentinel { } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-6211a820-bd6e-4cfb-9751-757b14dcba81@mhtml.blink @charset "utf-8"; @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+3= 02-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+3= 2F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-= 3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+20= 3C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209= F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,= U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4= -2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, = U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475,= U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266= F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF= 5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+3= 02-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+3= 2F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-= 3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+20= 3C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209= F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,= U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4= -2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, = U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475,= U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266= F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF= 5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+3= 02-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+3= 2F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-= 3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+20= 3C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209= F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,= U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4= -2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, = U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475,= U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266= F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF= 5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+4= 60-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+3= 01, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1= F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+3= 70-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+3= 02-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+3= 2F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-= 3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+20= 3C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209= F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,= U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4= -2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, = U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475,= U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266= F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF= 5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1= -C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192,= U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6= , U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2= 922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140= -1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E= , U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF= , U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378= , U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U= +1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5= -1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444= , U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0= , U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F= 4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U= +1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA= , U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F= 6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0= -1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850= -1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0= -1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00= -1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB= , U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+1= 02-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U= +303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+1= 00-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+= 1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+21= 13, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-stretch: 100%; src: url("https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu= 92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-F= F, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U= +2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: "Material Icons Extended"; font-style: normal; fo= nt-weight: 400; src: url("https://fonts.gstatic.com/s/materialiconsextended= /v154/kJEjBvgX7BgnkSrUwT8UnLVc38YydejYY-oE_LvJ.woff2") format("woff2"); } .material-icons-extended { font-family: "Material Icons Extended"; font-wei= ght: normal; font-style: normal; font-size: 24px; line-height: 1; letter-sp= acing: normal; text-transform: none; display: inline-block; white-space: no= wrap; overflow-wrap: normal; direction: ltr; font-feature-settings: "liga";= -webkit-font-smoothing: antialiased; } @font-face { font-family: "Google Material Icons"; font-style: normal; font= -weight: 400; src: url("https://fonts.gstatic.com/s/googlematerialicons/v14= 4/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG3Q.woff2") format("woff2"); } .google-material-icons { font-family: "Google Material Icons"; font-weight:= normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacin= g: normal; text-transform: none; display: inline-block; white-space: nowrap= ; overflow-wrap: normal; direction: ltr; font-feature-settings: "liga"; -we= bkit-font-smoothing: antialiased; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvaYr.woff2") format("woff2"); uni= code-range: U+308, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U= +1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+= 25CC, U+A8F1, U+11DF0-11DF1; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPh0UvaYr.woff2") format("woff2"); uni= code-range: U+2C7, U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25C= C, U+11AB0-11ABF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvaYr.woff2") format("woff2"); uni= code-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2= E-FE2F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvaYr.woff2") format("woff2"); uni= code-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvaYr.woff2") format("woff2"); uni= code-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B= 9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvaYr.woff2") format("woff2"); uni= code-range: U+30E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+= 1E7E8-1E7EB, U+1E7ED-1E7EE, U+1E7F0-1E7FE; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvaYr.woff2") format("woff2"); uni= code-range: U+589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D= 2F, U+2E31; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj4UvaYr.woff2") format("woff2"); uni= code-range: U+1F00-1FFF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvaYr.woff2") format("woff2"); uni= code-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U= +A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U= +262C, U+A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvaYr.woff2") format("woff2"); uni= code-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;= } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvaYr.woff2") format("woff2"); uni= code-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvaYr.woff2") format("woff2"); uni= code-range: U+E81-EDF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPioUvaYr.woff2") format("woff2"); uni= code-range: U+307, U+323, U+951-952, U+964-965, U+B83, U+D00-D7F, U+1CDA, U= +1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U= +20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvaYr.woff2") format("woff2"); uni= code-range: U+964-965, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F= 4; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPlwUvaYr.woff2") format("woff2"); uni= code-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, = U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+22= 99, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800= -28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF= 9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB= , U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE= , U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U= +1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F= 3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1= -1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441= -1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U= +1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6= , U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U= +1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A= , U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694= , U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3= -1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810= -1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0= -1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U= +1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD= , U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvaYr.woff2") format("woff2"); uni= code-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+B83, U+C00-C7F, U+1CD5-1CD6, U+1CD8, U+= 1CDA, U+1CF2, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvaYr.woff2") format("woff2"); uni= code-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvaYr.woff2") format("woff2"); uni= code-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B= 0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2") format("woff2"); uni= code-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U= +308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+= 20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2") format("woff2"); unico= de-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, = U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, = U+FEFF, U+FFFD; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiIUvaYr.woff2") format("woff2"); uni= code-range: U+308, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiAUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+980-9FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U= +1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+= 25CC, U+A8F1, U+11DF0-11DF1; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPh0UvaYr.woff2") format("woff2"); uni= code-range: U+2C7, U+2D8-2D9, U+2DB, U+307, U+1400-167F, U+18B0-18F5, U+25C= C, U+11AB0-11ABF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj8UvaYr.woff2") format("woff2"); uni= code-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2= E-FE2F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjYUvaYr.woff2") format("woff2"); uni= code-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjMUvaYr.woff2") format("woff2"); uni= code-range: U+900-97F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B= 9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiMUvaYr.woff2") format("woff2"); uni= code-range: U+30E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+= 1E7E8-1E7EB, U+1E7ED-1E7EE, U+1E7F0-1E7FE; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi0UvaYr.woff2") format("woff2"); uni= code-range: U+589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D= 2F, U+2E31; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj4UvaYr.woff2") format("woff2"); uni= code-range: U+1F00-1FFF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjEUvaYr.woff2") format("woff2"); uni= code-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPikUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+A80-AFF, U+200C-200D, U+20B9, U+25CC, U= +A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPhEUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+A01-A76, U+200C-200D, U+20B9, U+25CC, U= +262C, U+A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjAUvaYr.woff2") format("woff2"); uni= code-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;= } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjkUvaYr.woff2") format("woff2"); uni= code-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjsUvaYr.woff2") format("woff2"); uni= code-range: U+E81-EDF, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPioUvaYr.woff2") format("woff2"); uni= code-range: U+307, U+323, U+951-952, U+964-965, U+B83, U+D00-D7F, U+1CDA, U= +1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPisUvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+B01-B77, U+1CDA, U+1CF2, U+200C-200D, U= +20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi8UvaYr.woff2") format("woff2"); uni= code-range: U+964-965, U+D81-DF4, U+1CF2, U+200C-200D, U+25CC, U+111E1-111F= 4; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPlwUvaYr.woff2") format("woff2"); uni= code-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, = U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+22= 99, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800= -28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF= 9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB= , U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE= , U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U= +1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F= 3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1= -1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441= -1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U= +1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6= , U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U= +1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A= , U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694= , U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3= -1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810= -1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0= -1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U= +1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD= , U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiQUvaYr.woff2") format("woff2"); uni= code-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPi4UvaYr.woff2") format("woff2"); uni= code-range: U+951-952, U+964-965, U+B83, U+C00-C7F, U+1CD5-1CD6, U+1CD8, U+= 1CDA, U+1CF2, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPiYUvaYr.woff2") format("woff2"); uni= code-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPj0UvaYr.woff2") format("woff2"); uni= code-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B= 0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjwUvaYr.woff2") format("woff2"); uni= code-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U= +308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+= 20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; src: url("https://fonts.gstatic.com/s/googlesans/v62/4UasrENHsxJlGDuGo1= OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2") format("woff2"); unico= de-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, = U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, = U+FEFF, U+FFFD; } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-67b82c6d-99a7-4c64-b6c6-cc0e8a27d484@mhtml.blink @charset "utf-8"; body, html { height: 100%; overflow: hidden; } body { -webkit-font-smoothing: antialiased; color: rgba(0, 0, 0, 0.87); fon= t-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; margin: 0px; t= ext-size-adjust: 100%; } textarea { font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; = } a { text-decoration: none; color: rgb(41, 98, 255); } img { border-width: medium; border-style: none; border-color: currentcolor;= border-image: none; } * { -webkit-tap-highlight-color: transparent; } #apps-debug-tracers { display: none; } c-wiz { contain: style; } c-wiz > c-data { display: none; } c-wiz.rETSD { contain: none; } c-wiz.Ubi8Z { contain: layout style; } .kFwPee { height: 100%; } .ydMMEb { width: 100%; } .SSPGKf { display: block; overflow-y: hidden; z-index: 1; } .eejsDc { overflow-y: auto; } .MCcOAc { inset: 0px; position: absolute; overflow: hidden; z-index: 1; } .MCcOAc > .pGxpHc { flex-shrink: 0; flex-grow: 0; } .IqBfM > .HLlAHb { align-items: center; display: flex; height: 60px; positi= on: absolute; right: 16px; top: 0px; z-index: 9999; } .VUoKZ { display: none; position: absolute; top: 0px; left: 0px; right: 0px= ; height: 3px; z-index: 1001; } .TRHLAc { position: absolute; top: 0px; left: 0px; width: 25%; height: 100%= ; background: rgb(102, 136, 238); transform: scaleX(0); } .TRHLAc { transform-origin: 0px 0px; } .mIM26c .VUoKZ { display: block; } .mIM26c .TRHLAc { animation: 1s cubic-bezier(0.4, 0, 1, 1) 0.1s infinite no= rmal none running boqChromeapiPageProgressAnimation; } .ghyPEc .VUoKZ { position: fixed; } @keyframes boqChromeapiPageProgressAnimation {=20 0% { transform: scaleX(0); } 50% { transform: scaleX(5); } 100% { transform: scaleX(5) translateX(100%); } } .oEg4Zd { overflow: hidden; } .x1kr4 { --gm3-sys-color-background: #131314; --gm3-sys-color-background-rg= b: 19,19,20; --gm3-sys-color-error: #f2b8b5; --gm3-sys-color-error-rgb: 242= ,184,181; --gm3-sys-color-error-container: #8c1d18; --gm3-sys-color-error-c= ontainer-rgb: 140,29,24; --gm3-sys-color-inverse-on-surface: #303030; --gm3= -sys-color-inverse-on-surface-rgb: 48,48,48; --gm3-sys-color-inverse-primar= y: #0b57d0; --gm3-sys-color-inverse-primary-rgb: 11,87,208; --gm3-sys-color= -inverse-surface: #e3e3e3; --gm3-sys-color-inverse-surface-rgb: 227,227,227= ; --gm3-sys-color-on-background: #e3e3e3; --gm3-sys-color-on-background-rgb= : 227,227,227; --gm3-sys-color-on-error: #601410; --gm3-sys-color-on-error-= rgb: 96,20,16; --gm3-sys-color-on-error-container: #f9dedc; --gm3-sys-color= -on-error-container-rgb: 249,222,220; --gm3-sys-color-on-primary: #062e6f; = --gm3-sys-color-on-primary-rgb: 6,46,111; --gm3-sys-color-on-primary-contai= ner: #d3e3fd; --gm3-sys-color-on-primary-container-rgb: 211,227,253; --gm3-= sys-color-on-primary-fixed: #041e49; --gm3-sys-color-on-primary-fixed-rgb: = 4,30,73; --gm3-sys-color-on-primary-fixed-variant: #0842a0; --gm3-sys-color= -on-primary-fixed-variant-rgb: 8,66,160; --gm3-sys-color-on-secondary: #035= ; --gm3-sys-color-on-secondary-rgb: 0,51,85; --gm3-sys-color-on-secondary-c= ontainer: #c2e7ff; --gm3-sys-color-on-secondary-container-rgb: 194,231,255;= --gm3-sys-color-on-secondary-fixed: #001d35; --gm3-sys-color-on-secondary-= fixed-rgb: 0,29,53; --gm3-sys-color-on-secondary-fixed-variant: #004a77; --= gm3-sys-color-on-secondary-fixed-variant-rgb: 0,74,119; --gm3-sys-color-on-= surface: #e3e3e3; --gm3-sys-color-on-surface-rgb: 227,227,227; --gm3-sys-co= lor-on-surface-variant: #c4c7c5; --gm3-sys-color-on-surface-variant-rgb: 19= 6,199,197; --gm3-sys-color-on-tertiary: #0a3818; --gm3-sys-color-on-tertiar= y-rgb: 10,56,24; --gm3-sys-color-on-tertiary-container: #c4eed0; --gm3-sys-= color-on-tertiary-container-rgb: 196,238,208; --gm3-sys-color-on-tertiary-f= ixed: #072711; --gm3-sys-color-on-tertiary-fixed-rgb: 7,39,17; --gm3-sys-co= lor-on-tertiary-fixed-variant: #0f5223; --gm3-sys-color-on-tertiary-fixed-v= ariant-rgb: 15,82,35; --gm3-sys-color-outline: #8e918f; --gm3-sys-color-out= line-rgb: 142,145,143; --gm3-sys-color-outline-variant: #444746; --gm3-sys-= color-outline-variant-rgb: 68,71,70; --gm3-sys-color-primary: #a8c7fa; --gm= 3-sys-color-primary-rgb: 168,199,250; --gm3-sys-color-primary-container: #0= 842a0; --gm3-sys-color-primary-container-rgb: 8,66,160; --gm3-sys-color-pri= mary-fixed: #d3e3fd; --gm3-sys-color-primary-fixed-rgb: 211,227,253; --gm3-= sys-color-primary-fixed-dim: #a8c7fa; --gm3-sys-color-primary-fixed-dim-rgb= : 168,199,250; --gm3-sys-color-scrim: #000; --gm3-sys-color-scrim-rgb: 0,0,= 0; --gm3-sys-color-secondary: #7fcfff; --gm3-sys-color-secondary-rgb: 127,2= 07,255; --gm3-sys-color-secondary-container: #004a77; --gm3-sys-color-secon= dary-container-rgb: 0,74,119; --gm3-sys-color-secondary-fixed: #c2e7ff; --g= m3-sys-color-secondary-fixed-rgb: 194,231,255; --gm3-sys-color-secondary-fi= xed-dim: #7fcfff; --gm3-sys-color-secondary-fixed-dim-rgb: 127,207,255; --g= m3-sys-color-shadow: #000; --gm3-sys-color-shadow-rgb: 0,0,0; --gm3-sys-col= or-surface: #131314; --gm3-sys-color-surface-rgb: 19,19,20; --gm3-sys-color= -surface-bright: #37393b; --gm3-sys-color-surface-bright-rgb: 55,57,59; --g= m3-sys-color-surface-container: #1e1f20; --gm3-sys-color-surface-container-= rgb: 30,31,32; --gm3-sys-color-surface-container-high: #282a2c; --gm3-sys-c= olor-surface-container-high-rgb: 40,42,44; --gm3-sys-color-surface-containe= r-highest: #333537; --gm3-sys-color-surface-container-highest-rgb: 51,53,55= ; --gm3-sys-color-surface-container-low: #1b1b1b; --gm3-sys-color-surface-c= ontainer-low-rgb: 27,27,27; --gm3-sys-color-surface-container-lowest: #0e0e= 0e; --gm3-sys-color-surface-container-lowest-rgb: 14,14,14; --gm3-sys-color= -surface-dim: #131314; --gm3-sys-color-surface-dim-rgb: 19,19,20; --gm3-sys= -color-surface-tint: #d1e1ff; --gm3-sys-color-surface-tint-rgb: 209,225,255= ; --gm3-sys-color-surface-variant: #444746; --gm3-sys-color-surface-variant= -rgb: 68,71,70; --gm3-sys-color-tertiary: #6dd58c; --gm3-sys-color-tertiary= -rgb: 109,213,140; --gm3-sys-color-tertiary-container: #0f5223; --gm3-sys-c= olor-tertiary-container-rgb: 15,82,35; --gm3-sys-color-tertiary-fixed: #c4e= ed0; --gm3-sys-color-tertiary-fixed-rgb: 196,238,208; --gm3-sys-color-terti= ary-fixed-dim: #6dd58c; --gm3-sys-color-tertiary-fixed-dim-rgb: 109,213,140= ; } .T4LgNb { inset: 0px; position: absolute; z-index: 1; } .QMEh5b { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 3; = } .AOq4tb { height: 56px; } .kFwPee { position: relative; z-index: 1; height: 100%; } .ydMMEb { height: 56px; width: 100%; } .SSPGKf { overflow-y: hidden; position: absolute; inset: 0px; } .ecJEib .AOq4tb, .ecJEib .ydMMEb { height: 64px; } .e2G3Fb.EWZcud .AOq4tb, .e2G3Fb.EWZcud .ydMMEb { height: 48px; } .e2G3Fb.b30Rkd .AOq4tb, .e2G3Fb.b30Rkd .ydMMEb { height: 56px; } sentinel { } ------MultipartBoundary--bfXVgn9Ja1YMivngATqYbO9wp4NU0r8xECwrXS7e6h------